1 files changed, 75 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/helpers/_colors.scss b/src/assets/styles/bmc/_sila/helpers/_colors.scss
new file mode 100644
index 00000000..028d962b
--- /dev/null
+++ b/src/assets/styles/bmc/_sila/helpers/_colors.scss
@@ -0,0 +1,75 @@
+// Sass Color Variables
+$black: #000;
+$white: #FFFFFF;
+
+$blue-500: #2d60e5;
+$green-500: #4EBF19;
+$red-500: #FF4141;
+$yellow-500: #F0AC0C;
+$dark-blue: #1A3E5B;
+
+$gray-100: #f4f4f4;
+$gray-200: #e6e6e6;
+$gray-300: #d8d8d8;
+$gray-400: #cccccc;
+$gray-500: #b3b3b3;
+$gray-600: #999999;
+$gray-700: #666666;
+$gray-800: #3f3f3f;
+$gray-900: #161616;
+
+
+// Sass Base Color Variables
+$blue: $blue-500;
+$green: $green-500;
+$red: $red-500;
+$yellow: $yellow-500;
+
+// Sass Theme Color Variables
+// Can be used as variants
+$danger: $red;
+$dark: $dark-blue;
+$info: $blue;
+$light: $white;
+$primary: $dark-blue;
+$secondary: #1A3E5B;
+$success: $green;
+$warning: $yellow;
+
+$loading-color: $primary;
+$navbar-color: $primary;
+
+$login-page-description-color: rgba(12, 28, 41, 0.6);
+
+$text-primary: #0C1C29;
+$text-secondary: #0C1C29E5;
+$text-tretiatry: rgba(12, 28, 41, 0.6);
+$text-quaternary: rgba(12, 28, 41, 0.3);
+
+$indicators-errors: #FF4141;
+$indicators-succes: #4EBF19;
+$indicators-warning: #F0AC0C;
+$indicators-complementary:rgba(26, 62, 91, 0.6);;
+
+$on-surface-primary: #040A0F;
+
+$surface-secondary: #F3F4F5;
+$on-surface-secondary: rgba(4, 10, 15, 0.6);
+$on-surface-tretiatry: #040A0F4D;
+
+$faint-secondary-primary-1:  rgba(26, 62, 91, 0.01);
+$faint-secondary-primary-2:  rgba(26, 62, 91, 0.02);
+$faint-secondary-primary-2-hover:  rgba(26, 62, 91, 0.03);
+
+$faint-secondary-primary-5: rgba(26, 62, 91, 0.05);
+$faint-secondary-primary-5-hover:  rgba(20, 39, 53, 0.1);
+$faint-secondary-primary-10: rgba(26, 62, 91, 0.1);
+$faint-secondary-primary-20: rgba(26, 62, 91, 0.2);
+$faint-brand-primary-40:rgba(225, 23, 23, 0.4);
+
+$red-brand-primary: #E11717;
+$red-brand-primary-hover: #FC2A2A;
+$red-brand-primary-active: #df2323;
+$red-brand-primary-disabled: #E17171;
+$red-brand-primary-click:  #C71414;
+$red-brand-primary-5: rgba(225, 23, 23, 0.05);