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.

1 files changed, 61 insertions, 0 deletions

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;
+}