mirror of
https://code.sup39.dev/repos/Wqawg
synced 2024-12-27 18:14:52 +09:00
UI: Add settings option to change main UI color
This commit is contained in:
parent
b1590ad44d
commit
0d1de1278b
4 changed files with 25 additions and 4 deletions
|
@ -171,3 +171,9 @@ retry-delivery-every:
|
||||||
# documents. The available styles are listed in the "Text.Pandoc.Highlighting"
|
# documents. The available styles are listed in the "Text.Pandoc.Highlighting"
|
||||||
# module documentation.
|
# module documentation.
|
||||||
highlight-style: zenburn
|
highlight-style: zenburn
|
||||||
|
|
||||||
|
# Color scheme to use for UI header, footer, links on pages etc., should help
|
||||||
|
# with visually identifying instances that may otherwise look very much alike.
|
||||||
|
# Any number is valid; the scheme is chosen via modulo the number of available
|
||||||
|
# schemes.
|
||||||
|
main-color: 0
|
||||||
|
|
|
@ -275,6 +275,15 @@ instance Yesod App where
|
||||||
instanceHost = appInstanceHost settings
|
instanceHost = appInstanceHost settings
|
||||||
federationDisabled = not $ appFederation settings
|
federationDisabled = not $ appFederation settings
|
||||||
federatedServers = appInstances settings
|
federatedServers = appInstances settings
|
||||||
|
main =
|
||||||
|
case appMainColor settings `mod` 6 of
|
||||||
|
0 -> blue
|
||||||
|
1 -> green
|
||||||
|
2 -> red
|
||||||
|
3 -> yellow
|
||||||
|
4 -> magenta
|
||||||
|
5 -> cyan
|
||||||
|
_ -> error "Impossible mod 6"
|
||||||
$(widgetFile "default-layout")
|
$(widgetFile "default-layout")
|
||||||
withUrlRenderer $(hamletFile "templates/default-layout-wrapper.hamlet")
|
withUrlRenderer $(hamletFile "templates/default-layout-wrapper.hamlet")
|
||||||
where
|
where
|
||||||
|
|
|
@ -194,6 +194,11 @@ data AppSettings = AppSettings
|
||||||
-- | Default color scheme for syntax highlighting of code blocks inside
|
-- | Default color scheme for syntax highlighting of code blocks inside
|
||||||
-- documentes rendered with pandoc.
|
-- documentes rendered with pandoc.
|
||||||
, appHighlightStyle :: Text
|
, appHighlightStyle :: Text
|
||||||
|
-- | COlor scheme to use for UI header, footer, links on pages etc.,
|
||||||
|
-- should help with visually identifying instances that may otherwise
|
||||||
|
-- look very much alike. Any number is valid; the scheme is chosen via
|
||||||
|
-- modulo the number of available schemes.
|
||||||
|
, appMainColor :: Int
|
||||||
}
|
}
|
||||||
|
|
||||||
instance FromJSON AppSettings where
|
instance FromJSON AppSettings where
|
||||||
|
@ -253,6 +258,7 @@ instance FromJSON AppSettings where
|
||||||
case lookup s highlightingStyles of
|
case lookup s highlightingStyles of
|
||||||
Nothing -> fail $ "Highlighting style " ++ s ++ " not found"
|
Nothing -> fail $ "Highlighting style " ++ s ++ " not found"
|
||||||
Just _ -> return $ T.pack s
|
Just _ -> return $ T.pack s
|
||||||
|
appMainColor <- o .:? "main-color" .!= 0
|
||||||
|
|
||||||
return AppSettings {..}
|
return AppSettings {..}
|
||||||
where
|
where
|
||||||
|
|
|
@ -27,13 +27,13 @@ body
|
||||||
header
|
header
|
||||||
padding: 1.2rem 1.8rem
|
padding: 1.2rem 1.8rem
|
||||||
margin: 0 0 3rem
|
margin: 0 0 3rem
|
||||||
background-color: #{dark blue}
|
background-color: #{dark main}
|
||||||
|
|
||||||
footer
|
footer
|
||||||
margin-top: 3rem
|
margin-top: 3rem
|
||||||
padding: 1.4rem 1.8rem
|
padding: 1.4rem 1.8rem
|
||||||
font-size: 1.4rem
|
font-size: 1.4rem
|
||||||
background-color: #{dark blue}
|
background-color: #{dark main}
|
||||||
line-height: 1.5
|
line-height: 1.5
|
||||||
|
|
||||||
footer a
|
footer a
|
||||||
|
@ -54,7 +54,7 @@ ul
|
||||||
line-height: 1.3
|
line-height: 1.3
|
||||||
|
|
||||||
a
|
a
|
||||||
color: #{light blue}
|
color: #{light main}
|
||||||
text-decoration: none
|
text-decoration: none
|
||||||
|
|
||||||
a:hover
|
a:hover
|
||||||
|
@ -111,7 +111,7 @@ input:hover[type="submit"]
|
||||||
background: #{dark gray}
|
background: #{dark gray}
|
||||||
|
|
||||||
.instance
|
.instance
|
||||||
color: #{light blue}
|
color: #{light main}
|
||||||
font: 180% monospace
|
font: 180% monospace
|
||||||
|
|
||||||
.username
|
.username
|
||||||
|
|
Loading…
Reference in a new issue