From 01cbd757d69668b39c1b072b0449b77e6e2bee8d Mon Sep 17 00:00:00 2001 From: Thomas Lange Date: Wed, 14 Jul 2021 16:42:16 +0200 Subject: Do some minor optimizations on the admin theme * Add noisy background images * Rename SCSS/CSS file "main" to "bright" * Remove uppercase text-transform for headings * Replace hardcoded font sizes with SCSS variables * Decrease font size for category link in post item template * Move right-floated ID before the heading in the HTML markup to ensure it does not moves to the second line if the heading text is too wide. --- theme/admin/rsrc/css/bright.scss | 61 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 61 insertions(+) create mode 100644 theme/admin/rsrc/css/bright.scss (limited to 'theme/admin/rsrc/css/bright.scss') diff --git a/theme/admin/rsrc/css/bright.scss b/theme/admin/rsrc/css/bright.scss new file mode 100644 index 0000000..8173497 --- /dev/null +++ b/theme/admin/rsrc/css/bright.scss @@ -0,0 +1,61 @@ +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Content background and border color +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$htmlBackground: url("../img/noise-bright.png") #DDD; +$backgroundColor: #FFF; +$backgroundColorEmphasize: #EEE; +$borderColor: #AAA; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Header and navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$headerBarTextColor: #333; +$navigationLinkBackgroundColor: #DDD; +$navigationLinkFocusedBackgroundColor: #CCC; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Text colors +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$textColor: #333; +$textColorLight: #444; +$textColorStrong: #000; +$formElementTextColor: #404040; +$codeTextColor: #008B45; +$linkColor: #0060A0; +$linkColorFocused: #CCC; +$warningTextColor: #B03060; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Misc +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$itemLinkHoverBackgroundColor: #DDD; +$paginationActiveBackgroundColor: #CCC; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Forms +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$formBackgroundColorEmphasize: #DDD; +$formButtonBorderColor: #404040; +$formButtonTextColor: #EEE; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Form buttons +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$insertButtonBackgroundColor: #4D8D5D; +$updateButtonBackgroundColor: #6A8AA5; +$deleteButtonBackgroundColor: #C45C66; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Information message box +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +$messageListTextColor: #EEE; +$messageListBackgroundColor: #C45C66; + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Import stylesheet +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@import "import/styles"; + +#theme-toogle-bright { + display: none; +} -- cgit v1.2.3