From 25c6cbd29aff90f694d72afe28ab56b0113fb16a Mon Sep 17 00:00:00 2001
From: Guille Cura <cura.gf@gmail.com>
Date: Thu, 5 Jul 2018 02:37:43 -0300
Subject: Update stylesheets and added darkMode variable and toggle.

---
 src/styles/colors.scss | 47 +++++++++++++++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 16 deletions(-)

(limited to 'src/styles/colors.scss')

diff --git a/src/styles/colors.scss b/src/styles/colors.scss
index 5d8302c28..b669c6a88 100644
--- a/src/styles/colors.scss
+++ b/src/styles/colors.scss
@@ -1,22 +1,37 @@
-$theme-brand-primary: #3498db;
-$theme-brand-success: #5cb85c;
-$theme-brand-info: #5bc0de;
-$theme-brand-warning: #FF9F00;
-$theme-brand-danger: #d9534f;
+$theme-brand-primary:        #3498db;
+$theme-brand-success:        #5cb85c;
+$theme-brand-info:           #5bc0de;
+$theme-brand-warning:        #FF9F00;
+$theme-brand-danger:         #d9534f;
 
-$theme-gray-dark: #373a3c;
-$theme-gray: #55595c;
-$theme-gray-light: #818a91;
-$theme-gray-lighter: #eceeef;
-$theme-gray-lightest: #f7f7f9;
+$theme-gray-dark:            #373a3c;
+$theme-gray:                 #55595c;
+$theme-gray-light:           #818a91;
+$theme-gray-lighter:         #eceeef;
+$theme-gray-lightest:        #f7f7f9;
 
-$theme-border-radius: 6px;
-$theme-border-radius-small: 3px;
+$theme-border-radius:        6px;
+$theme-border-radius-small:  3px;
 
-$theme-sidebar-width: 68px;
+$theme-sidebar-width:        68px;
 
-$theme-text-color: $theme-gray-dark;
+$theme-text-color:           $theme-gray-dark;
 
-$theme-transition-time: 0.5s;
+$theme-transition-time:      .5s;
 
-$theme-inset-shadow: inset 0 2px 5px rgba(0,0,0,0.03);
+$theme-inset-shadow:         inset 0 2px 5px rgba(0, 0, 0, .03);
+
+// Dark Theme
+$dark-theme-black:           #1A1A1A;
+
+$dark-theme-gray-darkest:    #1E1E1E;
+$dark-theme-gray-darker:     #2D2F31;
+$dark-theme-gray-dark:       #383A3B;
+
+$dark-theme-gray:            #47494B;
+
+$dark-theme-gray-light:      #515355;
+$dark-theme-gray-lighter:    #686A6C;
+$dark-theme-gray-lightest:   #A0A2A3;
+
+$dark-theme-gray-smoke:      #CED0D1;
-- 
cgit v1.2.3-70-g09d2