diff options
author | Thomas Lange <code@nerdmind.de> | 2021-07-05 21:42:20 +0200 |
---|---|---|
committer | Thomas Lange <code@nerdmind.de> | 2021-07-05 22:00:36 +0200 |
commit | eb6c2659c877b927d5461d9de309dd16e8ae8155 (patch) | |
tree | fdde59b56169998cfd67187861a6c34fca928039 /theme/admin/rsrc/css/dark.scss | |
parent | cb6e45b130bde70458ee544069834a951214037d (diff) | |
download | blog-eb6c2659c877b927d5461d9de309dd16e8ae8155.tar.gz blog-eb6c2659c877b927d5461d9de309dd16e8ae8155.tar.xz blog-eb6c2659c877b927d5461d9de309dd16e8ae8155.zip |
Add dark color mode for admin theme
This commit adds a dark color mode for the admin theme. The dark color
mode can be enabled/disabled by clicking the hyperlink in the footer.
It is not perfect yet (it uses cookies and needs a full page reload),
but it works just fine for the moment. Hope your eyes can enjoy it!
Diffstat (limited to 'theme/admin/rsrc/css/dark.scss')
-rw-r--r-- | theme/admin/rsrc/css/dark.scss | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/theme/admin/rsrc/css/dark.scss b/theme/admin/rsrc/css/dark.scss new file mode 100644 index 0000000..4388715 --- /dev/null +++ b/theme/admin/rsrc/css/dark.scss @@ -0,0 +1,61 @@ +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Content background and border color +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$htmlBackgroundColor: #4D535B; +$backgroundColorEmphasize: #32373E; +$backgroundColor: #3D434B; +$borderColor: #1D232B; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Header and navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$headerBarTextColor: #333; +$navigationLinkBackgroundColor: #2D333B; +$navigationLinkFocusedBackgroundColor: #1D232B; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Text colors +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$textColor: #9DAAB7; +$textColorLight: #8D9AA7; +$textColorStrong: #CDDAE7; +$formElementTextColor: #8D9AA7; +$codeTextColor: #FFB830; +$linkColor: #5EA4D3; +$linkColorFocused: #42474E; +$warningTextColor: #FFB830; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Misc +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$itemLinkHoverBackgroundColor: #42474E; +$paginationActiveBackgroundColor: #42474E; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Forms +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$formBackgroundColorEmphasize: #4D535B; +$formButtonBorderColor: #404040; +$formButtonTextColor: #CCC; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Form buttons +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$insertButtonBackgroundColor: #396644; +$updateButtonBackgroundColor: #597186; +$deleteButtonBackgroundColor: #8F4F55; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Information message box +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$messageListTextColor: #BBB; +$messageListBackgroundColor: #8C434A; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Import stylesheet +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@import "import/styles"; + +#theme-toogle-dark { + display: none; +} |