1 files changed, 42 insertions, 14 deletions

diff --git a/app/common/styles/base/colors.scss b/app/common/styles/base/colors.scss
index 03e8e19..f5f93f0 100644
--- a/app/common/styles/base/colors.scss
+++ b/app/common/styles/base/colors.scss
@@ -1,7 +1,39 @@
+// Base colors
+$color--blue-100: #1B2834;
+$color--blue-50: #1D3458;
+$color--blue-40: #2D60E5;
+$color--blue-30: #7295F1;
+$color--blue-20: #CCD7F4;
+
+$color--grey-100: #333333;
+$color--grey-80: #666666;
+$color--grey-60: #999999;
+$color--grey-40: #CCCCCC;
+$color--grey-30: #DCDEE0;
+$color--grey-20: #F0F2F5;
+$color--grey-10: #FAFBFC;
+$color--grey-0: #FFFFFF;
+
+// Status colors
+$color--teal-70: #098292;
+$color--teal-50: #00B6CB;
+$color--teal-20: #CCF0F5;
+
+$color--green-50: #0A7D06;
+$color--green-20: #C6E8C5;
+
+$color--yellow-70: #EFC100;
+$color--yellow-50: #FEDF39;
+$color--yellow-40: #FFDF99;
+$color--yellow-20: #FFF8E4;
+
+$color--red-50: #DA1416;
+$color--red-20: #FAD3D3;
+
 // Global
-$white: #ffffff;
-$black: #333;
-$darkgrey: #666;
+$white: $color--grey-0;
+$black: $color--grey-100;
+$darkgrey: $color--grey-80;
 $medgrey: #d7dbe0;
 $lightgrey: #f5f7fa;
 $lightblue: #f1f2f6;
@@ -10,10 +42,6 @@ $darkblue: #1e3359;
 $purple: #5A3EC8;
 $field__disabled: #e6e6e6;
 $field__focus: #3C6DEF;
-$btn__disabled-txt: #a6a5a6;
-$btn__disabled-bg: #d8d8d8;
-$primebtn__disabled-txt: #999999;
-$primebtn__disabled-bg: #CCCCCC;
 
 // Dark background
 $darkbg__grey: #E3ECEC;
@@ -22,7 +50,7 @@ $darkbg__primary: #19273c;
 
 //Disabled table elements
 $disabled-row: #dddee0;
-$disabled-row-txt: #999999;
+$disabled-row-txt: $color--grey-60;
 
 //Forms
 $input-border: #a7a7a7;
@@ -30,10 +58,10 @@ $input-border: #a7a7a7;
 // Light Background
 $lightbg__grey: #b8c1c1;
 $lightbg__accent: #d8e2fc;
-$lightbg__primary: #2d60e5;
+$lightbg__primary: $color--blue-40;
 
 // Primary Button colors
-$primebtn__bg: #2d60e5;
+$primebtn__bg: $color--blue-40;
 $primebtn__text: $white;
 
 // Secondary Button colors
@@ -67,13 +95,13 @@ $low-lightbg: #c42cd6;
 $normal: #00baa1;
 
 // Priority tags
-$lowPriorityColor: #00b6cb;
+$lowPriorityColor: $color--teal-50;
 $lowPriorty-bg: #cdf0f6;
 $medPriorityColor: #feb101;
 $medPriorty-bg: #fef0cd;
 $highPriorityColor: #e62425;
 $highPriority-bg: #edc9cb;
-$resolvedColor: #999999;
+$resolvedColor: $color--grey-60;
 $resolved-bg: #d6d6d6;
 
 
@@ -87,7 +115,7 @@ $active: #c6b6f5;
 $inactive: $severity-medium-lightbg;
 
 // Links
-$links: #2d60e5;
+$links: $color--blue-40;
 $links__hover: $lightbg__primary;
 $links__visited: #8ea7ea;
 $links__disabled: rgba(27, 40, 52, 0.70);
@@ -98,4 +126,4 @@ $nav__second-level-color: #e6e9ed;
 $nav__second-level-text-color: #4b5d78;
 
 //Loader
-$loaderColor: #1d3458;
+$loaderColor: $color--blue-50;