initial

layers/ui/styles/variables/clr.scss

@@ -0,0 +1,32 @@
+$clr-cyan-200: #EBF7FF;
+$clr-cyan-300: #93BEFF;
+$clr-cyan-400: #317AFF;
+$clr-cyan-500: #005BFF;
+$clr-cyan-600: #1464D3;
+$clr-cyan-700: #083D7E;
+
+$clr-white: #FFFFFF;
+
+$clr-grey-100: #F4F6FF;
+$clr-grey-200: #EEF1FF;
+$clr-grey-300: #DFE5FF;
+$clr-grey-400: #A7B9D5;
+$clr-grey-500: #6C86AD;
+$clr-grey-600: #5B708F;
+
+$clr-black: #262A41;
+
+$clr-red-100: #F5ECF1;
+$clr-red-200: #F3C4DE;
+$clr-red-500: #EE3275;
+
+$clr-warn-100: #FFFAE8;
+$clr-warn-200: #FDEEE8;
+$clr-warn-500: #FFA800;
+
+$clr-green-100: #E3FCEC;
+$clr-green-200: #B7F1CC;
+$clr-green-500: #10C44C;
+
+$clr-market-100: #F2F1FD;
+$clr-market-500: #5B51DE;

layers/ui/styles/variables/index.scss

@@ -0,0 +1 @@
+@forward "clr";