@beacon-interactive-systems-llc/beacon-platform-ui 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/_palette.scss +73 -0
- package/package.json +1 -1
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
$platform-white: #FFFFFF;
|
|
2
|
+
$platform-black: #181818;
|
|
3
|
+
|
|
4
|
+
$platform-blue-100: #F4F9FF;
|
|
5
|
+
$platform-blue-200: #E2EAF4;
|
|
6
|
+
$platform-blue-300: #9FAAC4;
|
|
7
|
+
$platform-blue-400: #4A5F91;
|
|
8
|
+
$platform-blue-500: #1C3775;
|
|
9
|
+
$platform-blue-600: #142A64;
|
|
10
|
+
$platform-blue-700: #0E1F54;
|
|
11
|
+
$platform-blue-info: #04444E;
|
|
12
|
+
$platform-blue-header: #64759B;
|
|
13
|
+
$platform-blue-btn: #3578F5;
|
|
14
|
+
|
|
15
|
+
$platform-cyan-100: #CAFBFD;
|
|
16
|
+
$platform-cyan-200: #97F2FB;
|
|
17
|
+
$platform-cyan-300: #62DDF5;
|
|
18
|
+
$platform-cyan-400: #3AC2EB;
|
|
19
|
+
$platform-cyan-500: #009CDE;
|
|
20
|
+
$platform-cyan-600: #0079BE;
|
|
21
|
+
$platform-cyan-700: #025B8E;
|
|
22
|
+
|
|
23
|
+
$platform-green-100: #D9F5E9;
|
|
24
|
+
$platform-green-200: #BFEFDB;
|
|
25
|
+
$platform-green-300: #9EE0C5;
|
|
26
|
+
$platform-green-400: #62D1A4;
|
|
27
|
+
$platform-green-500: #34B78F;
|
|
28
|
+
$platform-green-600: #258367;
|
|
29
|
+
$platform-green-700: #1C624D;
|
|
30
|
+
|
|
31
|
+
$platform-red-100: #FFE8D7;
|
|
32
|
+
$platform-red-200: #FFCEAF;
|
|
33
|
+
$platform-red-300: #F6AA65;
|
|
34
|
+
$platform-red-400: #EF8C4E;
|
|
35
|
+
$platform-red-500: #E35205;
|
|
36
|
+
$platform-red-600: #C33903;
|
|
37
|
+
$platform-red-700: #A32502;
|
|
38
|
+
|
|
39
|
+
$platform-yellow-100: #FFFACC;
|
|
40
|
+
$platform-yellow-200: #FCCE99;
|
|
41
|
+
$platform-yellow-300: #FFEC66;
|
|
42
|
+
$platform-yellow-400: #FFE34F;
|
|
43
|
+
$platform-yellow-500: #FFD700;
|
|
44
|
+
$platform-yellow-600: #DBB500;
|
|
45
|
+
$platform-yellow-700: #B79400;
|
|
46
|
+
|
|
47
|
+
$platform-orange-100: #FFECC3;
|
|
48
|
+
$platform-orange-200: #FFDEA8;
|
|
49
|
+
$platform-orange-300: #FFBF84;
|
|
50
|
+
$platform-orange-400: #FCA75A;
|
|
51
|
+
$platform-orange-500: #F68D2E;
|
|
52
|
+
$platform-orange-600: #D36C21;
|
|
53
|
+
|
|
54
|
+
$platform-graytone-0: #FAFAFA;
|
|
55
|
+
$platform-graytone-100: #F4F4F4;
|
|
56
|
+
$platform-graytone-200: #E4E4E4;
|
|
57
|
+
$platform-graytone-300: #C4C4C4;
|
|
58
|
+
$platform-graytone-400: #707070;
|
|
59
|
+
$platform-graytone-500: #4B4A48;
|
|
60
|
+
$platform-graytone-600: #2D2926;
|
|
61
|
+
|
|
62
|
+
$platform-border-light: $platform-graytone-300;
|
|
63
|
+
$platform-border-dark: $platform-graytone-400;
|
|
64
|
+
$platform-bg-light-blue: $platform-blue-100;
|
|
65
|
+
$platform-bg-light: #21283208;
|
|
66
|
+
|
|
67
|
+
.platform-bg--dark {
|
|
68
|
+
background: $platform-graytone-200;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.platform-bg--light-blue {
|
|
72
|
+
background: $platform-bg-light-blue;
|
|
73
|
+
}
|