1 files changed, 29 insertions, 10 deletions
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index 22897ac0..da571405 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -1,19 +1,38 @@
-$warning: #F7E8AF;
-$search-highlight: #FFEF29;
+/* Pixelated Color Palette - don't change these! */
+$dark_slate_gray: #3E3A37;
+$light_blue: #3DABC4;
+$dark_blue: #178CA6;
+$light_orange: #FF9C00;
+$dark_orange: #FF7902;
 
-$total_count_bg: #C0B9B9;
 
-$error: #D72A25;
-$attention: #F6A40A;
-$success: #2DAB49;
+/* Side nav background color */
+$navigation_background: $dark_slate_gray;
+
+/* Action buttons and links */
+$action_buttons: $light_blue;
+
+/* Primary Highlight*/
+$primary_highlight: $light_orange;
+
+/* Logo color*/
+$logo_color: $light_orange;
 
+/* Unread count dialog bubble background color */
+$secondary_callout: darken($primary_highlight, 5);
+
+/* Grayscale */
 $contrast: #EEE;
 $top_pane: #EAEAEA;
-$secondary: #3E3A37;
-$primary_color: #EF4E2F;
-$action_buttons: #2ba6cb;
+$total_count_bg: #C0B9B9;
+
+/* Feedback to Users */
+$warning: #F7E8AF;
+$search-highlight: #FFEF29;
 
-$secondary_callout: #FF7902;
+$error: #D72A25;
+$attention: #F6A40A;
+$success: #2DAB49;
 
 $will_be_encrypted: #41cd60;
 $wont_be_encrypted: #F6A40A;