Refactor stylesheets and do a major overhaul of the styling.

1 files changed, 34 insertions, 0 deletions

diff --git a/app/assets/stylesheets/_color_scheme.scss b/app/assets/stylesheets/_color_scheme.scss
new file mode 100644
index 0000000..bec9288
--- /dev/null
+++ b/app/assets/stylesheets/_color_scheme.scss
@@ -0,0 +1,34 @@
+// Color Scheme:
+// http://colorschemedesigner.com/#1j11TiW8EWTs.
+//
+$primary-1: #453C1C;
+$primary-2: #252219;
+$primary-3: #181301;
+$primary-4: #988952;
+$primary-5: #988D62;
+
+$bg: $primary-2;
+$fg: $primary-5;
+$deemph-text-fg: darken($fg, 20%);
+$bg2: darken($bg, 5%);
+
+$border-fg: $fg;
+$dark-border-fg: darken($primary-4, 20%);
+
+$link-fg: lighten($primary-4, 20%);
+$link-visited-fg: $primary-4;
+$link-hover-fg: lighten($link-fg, 20%);
+
+$selected-menu-bg: $primary-4;
+$selected-menu-fg: $primary-2;
+$hover-menu-bg: $selected-menu-bg;
+$hover-menu-fg: $selected-menu-fg;
+$menu-bg: $primary-1;
+$menu-fg: $primary-5;
+
+$header-bg: black;
+$body-bg: black;
+
+$spacing: 10px;
+$sidebar-width: 200px;
+