From eb6c2659c877b927d5461d9de309dd16e8ae8155 Mon Sep 17 00:00:00 2001
From: Thomas Lange <code@nerdmind.de>
Date: Mon, 5 Jul 2021 21:42:20 +0200
Subject: 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!
---
 theme/admin/rsrc/css/dark.scss | 61 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 61 insertions(+)
 create mode 100644 theme/admin/rsrc/css/dark.scss

(limited to 'theme/admin/rsrc/css/dark.scss')

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;
+}
-- 
cgit v1.2.3