@geoscene/core 4.24.10 → 4.24.11
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/components/assets/date-picker/nls/bg.json +31 -31
- package/assets/components/assets/date-picker/nls/bs.json +32 -32
- package/assets/components/assets/date-picker/nls/ca.json +32 -32
- package/assets/components/assets/date-picker/nls/cs.json +32 -32
- package/assets/components/assets/date-picker/nls/da.json +32 -32
- package/assets/components/assets/date-picker/nls/de-CH.json +29 -29
- package/assets/components/assets/date-picker/nls/de.json +32 -32
- package/assets/components/assets/date-picker/nls/el.json +32 -32
- package/assets/components/assets/date-picker/nls/en-AU.json +30 -30
- package/assets/components/assets/date-picker/nls/en-CA.json +14 -14
- package/assets/components/assets/date-picker/nls/en-GB.json +29 -29
- package/assets/components/assets/date-picker/nls/en.json +31 -31
- package/assets/components/assets/date-picker/nls/es-MX.json +29 -29
- package/assets/components/assets/date-picker/nls/es.json +32 -32
- package/assets/components/assets/date-picker/nls/et.json +32 -32
- package/assets/components/assets/date-picker/nls/fi.json +45 -45
- package/assets/components/assets/date-picker/nls/fr-CH.json +32 -32
- package/assets/components/assets/date-picker/nls/fr.json +32 -32
- package/assets/components/assets/date-picker/nls/he.json +19 -19
- package/assets/components/assets/date-picker/nls/hi.json +32 -32
- package/assets/components/assets/date-picker/nls/hr.json +32 -32
- package/assets/components/assets/date-picker/nls/hu.json +32 -32
- package/assets/components/assets/date-picker/nls/id.json +32 -32
- package/assets/components/assets/date-picker/nls/it-CH.json +32 -32
- package/assets/components/assets/date-picker/nls/it.json +32 -32
- package/assets/components/assets/date-picker/nls/ja.json +22 -22
- package/assets/components/assets/date-picker/nls/ko.json +22 -22
- package/assets/components/assets/date-picker/nls/lt.json +53 -53
- package/assets/components/assets/date-picker/nls/lv.json +45 -45
- package/assets/components/assets/date-picker/nls/mk.json +32 -32
- package/assets/components/assets/date-picker/nls/nl.json +32 -32
- package/assets/components/assets/date-picker/nls/pl.json +32 -32
- package/assets/components/assets/date-picker/nls/pt-BR.json +31 -31
- package/assets/components/assets/date-picker/nls/pt.json +31 -31
- package/assets/components/assets/date-picker/nls/ro.json +32 -32
- package/assets/components/assets/date-picker/nls/sk.json +32 -32
- package/assets/components/assets/date-picker/nls/sl.json +32 -32
- package/assets/components/assets/date-picker/nls/sr.json +32 -32
- package/assets/components/assets/date-picker/nls/sv.json +32 -32
- package/assets/components/assets/date-picker/nls/tr.json +32 -32
- package/assets/components/assets/date-picker/nls/uk.json +32 -32
- package/assets/components/assets/date-picker/nls/vi.json +45 -45
- package/assets/components/assets/date-picker/nls/zh-CN.json +22 -22
- package/assets/components/assets/date-picker/nls/zh-HK.json +22 -22
- package/assets/components/assets/date-picker/nls/zh-TW.json +22 -22
- package/assets/geoscene/css/main.scss +1 -1
- package/assets/geoscene/css/view.scss +1 -1
- package/assets/geoscene/themes/base/_colorVariables.scss +1 -1
- package/assets/geoscene/themes/base/_functions.scss +23 -23
- package/assets/geoscene/themes/base/_layout.scss +11 -11
- package/assets/geoscene/themes/base/_sizes.scss +130 -130
- package/assets/geoscene/themes/base/_type.scss +27 -27
- package/assets/geoscene/themes/base/colors/css/brand_colors.css +76 -76
- package/assets/geoscene/themes/base/colors/css/calcite_core_colors.css +169 -169
- package/assets/geoscene/themes/base/colors/css/calcite_core_colors_dark.css +169 -169
- package/assets/geoscene/themes/base/colors/css/calcite_gray_colors.css +43 -43
- package/assets/geoscene/themes/base/colors/css/calcite_gray_colors_dark.css +43 -43
- package/assets/geoscene/themes/base/colors/css/calcite_highlight_colors.css +43 -43
- package/assets/geoscene/themes/base/colors/css/calcite_highlight_colors_dark.css +43 -43
- package/assets/geoscene/themes/base/colors/css/calcite_vibrant_colors.css +67 -67
- package/assets/geoscene/themes/base/colors/css/calcite_vibrant_colors_dark.css +67 -67
- package/assets/geoscene/themes/base/colors/css/complete.css +610 -610
- package/assets/geoscene/themes/base/colors/css/scss/brand_colors.scss +127 -127
- package/assets/geoscene/themes/base/colors/css/scss/calcite_core_colors.scss +289 -289
- package/assets/geoscene/themes/base/colors/css/scss/calcite_core_colors_dark.scss +285 -285
- package/assets/geoscene/themes/base/colors/css/scss/calcite_gray_colors.scss +96 -96
- package/assets/geoscene/themes/base/colors/css/scss/calcite_gray_colors_dark.scss +91 -91
- package/assets/geoscene/themes/base/colors/css/scss/calcite_highlight_colors.scss +68 -68
- package/assets/geoscene/themes/base/colors/css/scss/calcite_highlight_colors_dark.scss +64 -64
- package/assets/geoscene/themes/base/colors/css/scss/calcite_vibrant_colors.scss +128 -128
- package/assets/geoscene/themes/base/colors/css/scss/calcite_vibrant_colors_dark.scss +124 -124
- package/assets/geoscene/themes/base/colors/css/scss/complete.scss +11 -11
- package/assets/geoscene/themes/base/colors/patterns_json/brand_colors.css +366 -366
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_core_colors.css +687 -687
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_core_colors_dark.css +673 -673
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_gray_colors.css +177 -177
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_gray_colors_dark.css +169 -169
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_highlight_colors.css +178 -178
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_highlight_colors_dark.css +169 -169
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_vibrant_colors.css +273 -273
- package/assets/geoscene/themes/base/colors/patterns_json/calcite_vibrant_colors_dark.css +265 -265
- package/assets/geoscene/themes/base/colors/patterns_json/complete.css +2847 -2847
- package/assets/geoscene/themes/base/colors/patterns_json/scss/brand_colors.scss +464 -464
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_core_colors.scss +967 -967
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_core_colors_dark.scss +964 -964
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_gray_colors.scss +265 -265
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_gray_colors_dark.scss +263 -263
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_highlight_colors.scss +236 -236
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_highlight_colors_dark.scss +234 -234
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_vibrant_colors.scss +376 -376
- package/assets/geoscene/themes/base/colors/patterns_json/scss/calcite_vibrant_colors_dark.scss +347 -347
- package/assets/geoscene/themes/base/colors/patterns_json/scss/complete.scss +11 -11
- package/assets/geoscene/themes/base/colors/scss/variables.scss +148 -148
- package/assets/geoscene/themes/base/colors/scss/variables_dark.scss +150 -150
- package/assets/geoscene/themes/base/fonts/cdn.scss +2 -2
- package/assets/geoscene/themes/base/fonts/fonts/fonts.css +1 -1
- package/assets/geoscene/themes/base/fonts/fonts.css +1 -1
- package/assets/geoscene/themes/base/fonts/fonts.scss +502 -502
- package/assets/geoscene/themes/base/icons/demo-files/demo.css +152 -152
- package/assets/geoscene/themes/base/icons/fonts/CalciteWebCoreIcons.svg +196 -196
- package/assets/geoscene/themes/base/widgets/_Measurement.scss +6 -6
- package/assets/geoscene/themes/light/view.scss +9 -9
- package/assets/geoscene/views/3d/analysis/Slice/images/heading-rotate.svg +4 -4
- package/assets/geoscene/views/3d/analysis/Slice/images/tilt-rotate.svg +80 -80
- package/assets/geoscene/views/3d/webgl-engine/lib/intersectorUtils.svg +117 -117
- package/assets/geoscene/views/magnifier/mask.ts.svg +5 -5
- package/assets/geoscene/views/magnifier/overlay.ts.svg +36 -36
- package/interfaces.d.ts +13 -13
- package/package.json +1 -1
- package/support/groundUtils.js +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
// Build
|
|
2
|
-
@import "brand_colors";
|
|
3
|
-
@import "calcite_core_colors";
|
|
4
|
-
@import "calcite_gray_colors";
|
|
5
|
-
@import "calcite_vibrant_colors";
|
|
6
|
-
@import "calcite_highlight_colors";
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
body.dark{ @import "calcite_core_colors_dark";}
|
|
10
|
-
body.dark{ @import "calcite_gray_colors_dark";}
|
|
11
|
-
body.dark{ @import "calcite_highlight_colors_dark";}
|
|
1
|
+
// Build
|
|
2
|
+
@import "brand_colors";
|
|
3
|
+
@import "calcite_core_colors";
|
|
4
|
+
@import "calcite_gray_colors";
|
|
5
|
+
@import "calcite_vibrant_colors";
|
|
6
|
+
@import "calcite_highlight_colors";
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
body.dark{ @import "calcite_core_colors_dark";}
|
|
10
|
+
body.dark{ @import "calcite_gray_colors_dark";}
|
|
11
|
+
body.dark{ @import "calcite_highlight_colors_dark";}
|
|
12
12
|
body.dark{ @import "calcite_vibrant_colors_dark";}
|
|
@@ -1,148 +1,148 @@
|
|
|
1
|
-
// Esri Brand Colors
|
|
2
|
-
$Brand_Blue_100: #b9e0f7; // previously blue 14
|
|
3
|
-
$Brand_Blue_150: #00b9f2; // previously blue 13
|
|
4
|
-
$Brand_Blue_200: #007ac2; // "Esri Blue", previously blue 12
|
|
5
|
-
$Brand_Blue_250: #004575; // previously blue 11
|
|
6
|
-
|
|
7
|
-
$Brand_Yellow_100: #ffec4f; // previously yellow 22
|
|
8
|
-
|
|
9
|
-
$Brand_Orange_100: #f89927; // previously orange 21
|
|
10
|
-
$Brand_Orange_150: #f36f20; // previously orange 20
|
|
11
|
-
$Brand_Orange_200: #da4d1e; // previously orange 19
|
|
12
|
-
|
|
13
|
-
$Brand_Red_100: #de2900; // new color :)
|
|
14
|
-
|
|
15
|
-
$Brand_Green_100: #d1e391; // previously green 18
|
|
16
|
-
$Brand_Green_150: #aad04b; // previously green 17
|
|
17
|
-
$Brand_Green_200: #35ac46; // "Esri Green", previously green 16
|
|
18
|
-
$Brand_Green_250: #2a7433; // previously green 15
|
|
19
|
-
|
|
20
|
-
$Brand_Purple_100: #dfcce3; // previously purple 26
|
|
21
|
-
$Brand_Purple_150: #b279b4; // previously purple 25
|
|
22
|
-
$Brand_Purple_200: #8f499c; // previously purple 24
|
|
23
|
-
$Brand_Purple_250: #6b1978; // previously purple 23
|
|
24
|
-
|
|
25
|
-
$Brand_Brown_100: #ecdcb9; // previously brown 10
|
|
26
|
-
$Brand_Brown_150: #be9969; // previously brown 9
|
|
27
|
-
$Brand_Brown_200: #7b4f1c; // previously brown 8
|
|
28
|
-
$Brand_Brown_250: #523b20; // previously brown 7
|
|
29
|
-
|
|
30
|
-
$Brand_Gray_100: #b4b4b4; // previously gray 6, 35%
|
|
31
|
-
$Brand_Gray_150: #969696; // previously gray 5, 50%
|
|
32
|
-
$Brand_Gray_200: #6e6e6e; // previously gray 4, 75%
|
|
33
|
-
$Brand_Gray_250: #464646; // previously gray 3, 88%
|
|
34
|
-
|
|
35
|
-
// Calcite Core Colors
|
|
36
|
-
$Calcite_Blue_100: #d2e9f9;
|
|
37
|
-
$Calcite_Blue_150: #bcdaed;
|
|
38
|
-
$Calcite_Blue_200: #6cb4e2;
|
|
39
|
-
$Calcite_Blue_250: #56a5d8;
|
|
40
|
-
$Calcite_Blue_a100: #49b0f2;
|
|
41
|
-
$Calcite_Blue_a150: #419ed9;
|
|
42
|
-
$Calcite_Blue_a200: #3b8fc4;
|
|
43
|
-
$Calcite_Blue_a250: #196fa6;
|
|
44
|
-
$Calcite_Yellow_100: #f3edc7; // previously Esri_Yellow1
|
|
45
|
-
$Calcite_Yellow_150: #efe397; // previously Esri_Yellow2
|
|
46
|
-
$Calcite_Yellow_200: #e4d154; // previously Esri_Yellow3
|
|
47
|
-
$Calcite_Yellow_250: #d8c34b; // previously Esri_Yellow4
|
|
48
|
-
$Calcite_Yellow_a100: #f2d530;
|
|
49
|
-
$Calcite_Yellow_a150: #d9bf2b;
|
|
50
|
-
$Calcite_Yellow_a200: #bda726;
|
|
51
|
-
$Calcite_Yellow_a250: #a68d00;
|
|
52
|
-
$Calcite_Orange_100: #fbe1c2; // previously Esri_Orange1
|
|
53
|
-
$Calcite_Orange_150: #f6ca92; // previously Esri_Orange2
|
|
54
|
-
$Calcite_Orange_200: #eda959; // previously Esri_Orange3
|
|
55
|
-
$Calcite_Orange_250: #e79c47; // previously Esri_Orange4
|
|
56
|
-
$Calcite_Orange_a100: #ff9f33;
|
|
57
|
-
$Calcite_Orange_a150: #e8912e;
|
|
58
|
-
$Calcite_Orange_a200: #d17e21;
|
|
59
|
-
$Calcite_Orange_a250: #ad6511;
|
|
60
|
-
$Calcite_Green_100: #ddeedb; // replaces Esri_Green1. Use in Success Messages with Calcite_Green_450
|
|
61
|
-
$Calcite_Green_150: #9bc19c; // previously Esri_Green2
|
|
62
|
-
$Calcite_Green_200: #67a966; // previously Esri_Green3
|
|
63
|
-
$Calcite_Green_250: #5a9359; // previously Esri_Green4
|
|
64
|
-
$Calcite_Green_a100: #50ad4e;
|
|
65
|
-
$Calcite_Green_a150: #449443;
|
|
66
|
-
$Calcite_Green_a200: #338033;
|
|
67
|
-
$Calcite_Green_a250: #275e26; // replaces Esri_Green5. Use in Success Messages with Calcite_Green_100
|
|
68
|
-
$Calcite_Red_100: #f3ded7; // previously Esri_Red1
|
|
69
|
-
$Calcite_Red_150: #e4a793; // previously Esri_Red2
|
|
70
|
-
$Calcite_Red_200: #c86a4a; // previously Esri_Red3
|
|
71
|
-
$Calcite_Red_250: #c6542d; // previously Esri_Red4
|
|
72
|
-
$Calcite_Red_a100: #e04f1d;
|
|
73
|
-
$Calcite_Red_a150: #c7461a; // aa AA | background with white text – passes accessibility
|
|
74
|
-
$Calcite_Red_a200: #ab3c16; // aa AA | background with white text – passes accessibility
|
|
75
|
-
$Calcite_Red_a250: #8c2907; // aa AA | background with white text – passes accessibility
|
|
76
|
-
$Calcite_Purple_100: #e5e1ef; // previously Esri_Purple1
|
|
77
|
-
$Calcite_Purple_150: #c4bcdc; // previously Esri_Purple2
|
|
78
|
-
$Calcite_Purple_200: #9081bc; // previously Esri_Purple3
|
|
79
|
-
$Calcite_Purple_250: #7b6ca7; // previously Esri_Purple4
|
|
80
|
-
$Calcite_Purple_a100: #846ebf;
|
|
81
|
-
$Calcite_Purple_a150: #7461a8;
|
|
82
|
-
$Calcite_Purple_a200: #61518c;
|
|
83
|
-
$Calcite_Purple_a250: #4f4273;
|
|
84
|
-
$Calcite_Brown_100: #e8ddd3; // previously Esri_Brown1
|
|
85
|
-
$Calcite_Brown_150: #d2b38f; // previously Esri_Brown2
|
|
86
|
-
$Calcite_Brown_200: #b78a54; // previously Esri_Brown3
|
|
87
|
-
$Calcite_Brown_250: #a57946; // previously Esri_Brown4
|
|
88
|
-
$Calcite_Brown_a100: #bf813a;
|
|
89
|
-
$Calcite_Brown_a150: #a67032; // replaces Esri_Yellow6. Use in Warning Messages
|
|
90
|
-
$Calcite_Brown_a200: #8c5e2a;
|
|
91
|
-
$Calcite_Brown_a250: #734d22;
|
|
92
|
-
|
|
93
|
-
// Calcite Gray Colors
|
|
94
|
-
$Calcite_Gray_050: #ffffff; // 0% Previously Esri_White
|
|
95
|
-
$Calcite_Gray_100: #f8f8f8; // 3%, previously Esri_Gray100. background
|
|
96
|
-
$Calcite_Gray_150: #f4f4f4; // 4%, previously Esri_Gray105
|
|
97
|
-
$Calcite_Gray_200: #efefef; // 6%, previously Esri_Gray110
|
|
98
|
-
$Calcite_Gray_250: #e7e7e7; // 10%, previously Esri_Gray115
|
|
99
|
-
$Calcite_Gray_300: #e0e0e0; // 12%, previously Esri_Gray120
|
|
100
|
-
$Calcite_Gray_350: #cccccc; // 20%, previously Esri_Gray125
|
|
101
|
-
$Calcite_Gray_400: #a9a9a9; // 30%, previously Esri_Gray130
|
|
102
|
-
$Calcite_Gray_450: #959595; // 40%, previously Esri_Gray135
|
|
103
|
-
$Calcite_Gray_500: #828282; // 50%, previously Esri_Gray140
|
|
104
|
-
$Calcite_Gray_550: #6e6e6e; // 56%, previously Esri_Gray145
|
|
105
|
-
$Calcite_Gray_600: #595959; // 65%, previously Esri_Gray150
|
|
106
|
-
$Calcite_Gray_650: #4c4c4c; // 70%, previously Esri_Gray155. body text
|
|
107
|
-
$Calcite_Gray_700: #323232; // 80%, previously Esri_Gray160
|
|
108
|
-
|
|
109
|
-
// Calcite Hightlight Color
|
|
110
|
-
$Calcite_Highlight_Blue_100: #e2f1fb; // hovered, previously Esri_Blue1. NOTE--Esri_Blue2 was removed in Calcite Colors v8.00 due to it being so similar to Calcite_Highlight_Blue_100 and 150
|
|
111
|
-
$Calcite_Highlight_Blue_150: #c5e5f9; // hovered & selected, previously Esri_Blue5
|
|
112
|
-
$Calcite_Highlight_Blue_200: #aadbfa; // selected (toggled), previously Esri_Blue6
|
|
113
|
-
$Calcite_Highlight_Blue_250: #90cdf2; // pressed, previously Esri_Blue7
|
|
114
|
-
$Calcite_Highlight_Blue_300: #80bce0; // border on hover, previously Esri_Blue3, previously 7FBBDF
|
|
115
|
-
$Calcite_Highlight_Blue_350: #0079c1; // previously Esri_Blue
|
|
116
|
-
$Calcite_Highlight_Blue_400: #005e95; // previously Esri_BlueDark
|
|
117
|
-
$Calcite_Highlight_Green_100: #cfedcc; // hovered, previously Esri_Green11
|
|
118
|
-
$Calcite_Highlight_Green_150: #b0e2b0; // hovered & selected, previously Esri_Green15
|
|
119
|
-
$Calcite_Highlight_Green_200: #96ce96; // selected (toggled), previously Esri_Green16
|
|
120
|
-
$Calcite_Highlight_Green_250: #7dc17d; // pressed, previously Esri_Green17
|
|
121
|
-
$Calcite_Highlight_Green_300: #7bb974; // border on hover, previously Esri_Green13
|
|
122
|
-
$Calcite_Highlight_Green_350: #31872e; // previously Esri_Green
|
|
123
|
-
$Calcite_Highlight_Green_400: #2b622b; // previously Esri_GreenDark
|
|
124
|
-
|
|
125
|
-
//Calcite Vibrant Colors
|
|
126
|
-
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
|
|
127
|
-
$Calcite_Vibrant_Blue_100: #c7e9ff;
|
|
128
|
-
$Calcite_Vibrant_Blue_150: #69dcff;
|
|
129
|
-
$Calcite_Vibrant_Blue_200: #00dee7;
|
|
130
|
-
$Calcite_Vibrant_Blue_250: #b3e9f9; // only for use inside icons, to show "selection"
|
|
131
|
-
$Calcite_Vibrant_Yellow_100: #ffefb7; // replaces Esri_Yellow5. Use in Warning Messages along with Calcite_Brown_350, which replaces Esri_Yellow6
|
|
132
|
-
$Calcite_Vibrant_Yellow_150: #fad817;
|
|
133
|
-
$Calcite_Vibrant_Yellow_200: #fff000;
|
|
134
|
-
$Calcite_Vibrant_Orange_100: #ffdab6; // New as of 8/11/15
|
|
135
|
-
$Calcite_Vibrant_Orange_150: #ffbc6b; // New as of 8/11/15
|
|
136
|
-
$Calcite_Vibrant_Orange_200: #ffcc00; // New as of 8/11/15
|
|
137
|
-
$Calcite_Vibrant_Green_100: #daffd9;
|
|
138
|
-
$Calcite_Vibrant_Green_150: #71de6e;
|
|
139
|
-
$Calcite_Vibrant_Green_200: #a5e800;
|
|
140
|
-
$Calcite_Vibrant_Red_100: #ffc0b3; // replaces Esri_Red5. Use in Error Messages with Calcite_Vibrant-Red_200
|
|
141
|
-
$Calcite_Vibrant_Red_150: #ff642e;
|
|
142
|
-
$Calcite_Vibrant_Red_200: #de2900; // replaces Esri_Red6. Use in Error Messages with Calcite_Vibrant-Red_100
|
|
143
|
-
$Calcite_Vibrant_Purple_100: #daccff;
|
|
144
|
-
$Calcite_Vibrant_Purple_150: #b096ff;
|
|
145
|
-
$Calcite_Vibrant_Purple_200: #f185ff;
|
|
146
|
-
$Calcite_Vibrant_Brown_100: #ffdbb3;
|
|
147
|
-
$Calcite_Vibrant_Brown_150: #db8d2f;
|
|
148
|
-
$Calcite_Vibrant_Brown_200: #ffbc6b;
|
|
1
|
+
// Esri Brand Colors
|
|
2
|
+
$Brand_Blue_100: #b9e0f7; // previously blue 14
|
|
3
|
+
$Brand_Blue_150: #00b9f2; // previously blue 13
|
|
4
|
+
$Brand_Blue_200: #007ac2; // "Esri Blue", previously blue 12
|
|
5
|
+
$Brand_Blue_250: #004575; // previously blue 11
|
|
6
|
+
|
|
7
|
+
$Brand_Yellow_100: #ffec4f; // previously yellow 22
|
|
8
|
+
|
|
9
|
+
$Brand_Orange_100: #f89927; // previously orange 21
|
|
10
|
+
$Brand_Orange_150: #f36f20; // previously orange 20
|
|
11
|
+
$Brand_Orange_200: #da4d1e; // previously orange 19
|
|
12
|
+
|
|
13
|
+
$Brand_Red_100: #de2900; // new color :)
|
|
14
|
+
|
|
15
|
+
$Brand_Green_100: #d1e391; // previously green 18
|
|
16
|
+
$Brand_Green_150: #aad04b; // previously green 17
|
|
17
|
+
$Brand_Green_200: #35ac46; // "Esri Green", previously green 16
|
|
18
|
+
$Brand_Green_250: #2a7433; // previously green 15
|
|
19
|
+
|
|
20
|
+
$Brand_Purple_100: #dfcce3; // previously purple 26
|
|
21
|
+
$Brand_Purple_150: #b279b4; // previously purple 25
|
|
22
|
+
$Brand_Purple_200: #8f499c; // previously purple 24
|
|
23
|
+
$Brand_Purple_250: #6b1978; // previously purple 23
|
|
24
|
+
|
|
25
|
+
$Brand_Brown_100: #ecdcb9; // previously brown 10
|
|
26
|
+
$Brand_Brown_150: #be9969; // previously brown 9
|
|
27
|
+
$Brand_Brown_200: #7b4f1c; // previously brown 8
|
|
28
|
+
$Brand_Brown_250: #523b20; // previously brown 7
|
|
29
|
+
|
|
30
|
+
$Brand_Gray_100: #b4b4b4; // previously gray 6, 35%
|
|
31
|
+
$Brand_Gray_150: #969696; // previously gray 5, 50%
|
|
32
|
+
$Brand_Gray_200: #6e6e6e; // previously gray 4, 75%
|
|
33
|
+
$Brand_Gray_250: #464646; // previously gray 3, 88%
|
|
34
|
+
|
|
35
|
+
// Calcite Core Colors
|
|
36
|
+
$Calcite_Blue_100: #d2e9f9;
|
|
37
|
+
$Calcite_Blue_150: #bcdaed;
|
|
38
|
+
$Calcite_Blue_200: #6cb4e2;
|
|
39
|
+
$Calcite_Blue_250: #56a5d8;
|
|
40
|
+
$Calcite_Blue_a100: #49b0f2;
|
|
41
|
+
$Calcite_Blue_a150: #419ed9;
|
|
42
|
+
$Calcite_Blue_a200: #3b8fc4;
|
|
43
|
+
$Calcite_Blue_a250: #196fa6;
|
|
44
|
+
$Calcite_Yellow_100: #f3edc7; // previously Esri_Yellow1
|
|
45
|
+
$Calcite_Yellow_150: #efe397; // previously Esri_Yellow2
|
|
46
|
+
$Calcite_Yellow_200: #e4d154; // previously Esri_Yellow3
|
|
47
|
+
$Calcite_Yellow_250: #d8c34b; // previously Esri_Yellow4
|
|
48
|
+
$Calcite_Yellow_a100: #f2d530;
|
|
49
|
+
$Calcite_Yellow_a150: #d9bf2b;
|
|
50
|
+
$Calcite_Yellow_a200: #bda726;
|
|
51
|
+
$Calcite_Yellow_a250: #a68d00;
|
|
52
|
+
$Calcite_Orange_100: #fbe1c2; // previously Esri_Orange1
|
|
53
|
+
$Calcite_Orange_150: #f6ca92; // previously Esri_Orange2
|
|
54
|
+
$Calcite_Orange_200: #eda959; // previously Esri_Orange3
|
|
55
|
+
$Calcite_Orange_250: #e79c47; // previously Esri_Orange4
|
|
56
|
+
$Calcite_Orange_a100: #ff9f33;
|
|
57
|
+
$Calcite_Orange_a150: #e8912e;
|
|
58
|
+
$Calcite_Orange_a200: #d17e21;
|
|
59
|
+
$Calcite_Orange_a250: #ad6511;
|
|
60
|
+
$Calcite_Green_100: #ddeedb; // replaces Esri_Green1. Use in Success Messages with Calcite_Green_450
|
|
61
|
+
$Calcite_Green_150: #9bc19c; // previously Esri_Green2
|
|
62
|
+
$Calcite_Green_200: #67a966; // previously Esri_Green3
|
|
63
|
+
$Calcite_Green_250: #5a9359; // previously Esri_Green4
|
|
64
|
+
$Calcite_Green_a100: #50ad4e;
|
|
65
|
+
$Calcite_Green_a150: #449443;
|
|
66
|
+
$Calcite_Green_a200: #338033;
|
|
67
|
+
$Calcite_Green_a250: #275e26; // replaces Esri_Green5. Use in Success Messages with Calcite_Green_100
|
|
68
|
+
$Calcite_Red_100: #f3ded7; // previously Esri_Red1
|
|
69
|
+
$Calcite_Red_150: #e4a793; // previously Esri_Red2
|
|
70
|
+
$Calcite_Red_200: #c86a4a; // previously Esri_Red3
|
|
71
|
+
$Calcite_Red_250: #c6542d; // previously Esri_Red4
|
|
72
|
+
$Calcite_Red_a100: #e04f1d;
|
|
73
|
+
$Calcite_Red_a150: #c7461a; // aa AA | background with white text – passes accessibility
|
|
74
|
+
$Calcite_Red_a200: #ab3c16; // aa AA | background with white text – passes accessibility
|
|
75
|
+
$Calcite_Red_a250: #8c2907; // aa AA | background with white text – passes accessibility
|
|
76
|
+
$Calcite_Purple_100: #e5e1ef; // previously Esri_Purple1
|
|
77
|
+
$Calcite_Purple_150: #c4bcdc; // previously Esri_Purple2
|
|
78
|
+
$Calcite_Purple_200: #9081bc; // previously Esri_Purple3
|
|
79
|
+
$Calcite_Purple_250: #7b6ca7; // previously Esri_Purple4
|
|
80
|
+
$Calcite_Purple_a100: #846ebf;
|
|
81
|
+
$Calcite_Purple_a150: #7461a8;
|
|
82
|
+
$Calcite_Purple_a200: #61518c;
|
|
83
|
+
$Calcite_Purple_a250: #4f4273;
|
|
84
|
+
$Calcite_Brown_100: #e8ddd3; // previously Esri_Brown1
|
|
85
|
+
$Calcite_Brown_150: #d2b38f; // previously Esri_Brown2
|
|
86
|
+
$Calcite_Brown_200: #b78a54; // previously Esri_Brown3
|
|
87
|
+
$Calcite_Brown_250: #a57946; // previously Esri_Brown4
|
|
88
|
+
$Calcite_Brown_a100: #bf813a;
|
|
89
|
+
$Calcite_Brown_a150: #a67032; // replaces Esri_Yellow6. Use in Warning Messages
|
|
90
|
+
$Calcite_Brown_a200: #8c5e2a;
|
|
91
|
+
$Calcite_Brown_a250: #734d22;
|
|
92
|
+
|
|
93
|
+
// Calcite Gray Colors
|
|
94
|
+
$Calcite_Gray_050: #ffffff; // 0% Previously Esri_White
|
|
95
|
+
$Calcite_Gray_100: #f8f8f8; // 3%, previously Esri_Gray100. background
|
|
96
|
+
$Calcite_Gray_150: #f4f4f4; // 4%, previously Esri_Gray105
|
|
97
|
+
$Calcite_Gray_200: #efefef; // 6%, previously Esri_Gray110
|
|
98
|
+
$Calcite_Gray_250: #e7e7e7; // 10%, previously Esri_Gray115
|
|
99
|
+
$Calcite_Gray_300: #e0e0e0; // 12%, previously Esri_Gray120
|
|
100
|
+
$Calcite_Gray_350: #cccccc; // 20%, previously Esri_Gray125
|
|
101
|
+
$Calcite_Gray_400: #a9a9a9; // 30%, previously Esri_Gray130
|
|
102
|
+
$Calcite_Gray_450: #959595; // 40%, previously Esri_Gray135
|
|
103
|
+
$Calcite_Gray_500: #828282; // 50%, previously Esri_Gray140
|
|
104
|
+
$Calcite_Gray_550: #6e6e6e; // 56%, previously Esri_Gray145
|
|
105
|
+
$Calcite_Gray_600: #595959; // 65%, previously Esri_Gray150
|
|
106
|
+
$Calcite_Gray_650: #4c4c4c; // 70%, previously Esri_Gray155. body text
|
|
107
|
+
$Calcite_Gray_700: #323232; // 80%, previously Esri_Gray160
|
|
108
|
+
|
|
109
|
+
// Calcite Hightlight Color
|
|
110
|
+
$Calcite_Highlight_Blue_100: #e2f1fb; // hovered, previously Esri_Blue1. NOTE--Esri_Blue2 was removed in Calcite Colors v8.00 due to it being so similar to Calcite_Highlight_Blue_100 and 150
|
|
111
|
+
$Calcite_Highlight_Blue_150: #c5e5f9; // hovered & selected, previously Esri_Blue5
|
|
112
|
+
$Calcite_Highlight_Blue_200: #aadbfa; // selected (toggled), previously Esri_Blue6
|
|
113
|
+
$Calcite_Highlight_Blue_250: #90cdf2; // pressed, previously Esri_Blue7
|
|
114
|
+
$Calcite_Highlight_Blue_300: #80bce0; // border on hover, previously Esri_Blue3, previously 7FBBDF
|
|
115
|
+
$Calcite_Highlight_Blue_350: #0079c1; // previously Esri_Blue
|
|
116
|
+
$Calcite_Highlight_Blue_400: #005e95; // previously Esri_BlueDark
|
|
117
|
+
$Calcite_Highlight_Green_100: #cfedcc; // hovered, previously Esri_Green11
|
|
118
|
+
$Calcite_Highlight_Green_150: #b0e2b0; // hovered & selected, previously Esri_Green15
|
|
119
|
+
$Calcite_Highlight_Green_200: #96ce96; // selected (toggled), previously Esri_Green16
|
|
120
|
+
$Calcite_Highlight_Green_250: #7dc17d; // pressed, previously Esri_Green17
|
|
121
|
+
$Calcite_Highlight_Green_300: #7bb974; // border on hover, previously Esri_Green13
|
|
122
|
+
$Calcite_Highlight_Green_350: #31872e; // previously Esri_Green
|
|
123
|
+
$Calcite_Highlight_Green_400: #2b622b; // previously Esri_GreenDark
|
|
124
|
+
|
|
125
|
+
//Calcite Vibrant Colors
|
|
126
|
+
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
|
|
127
|
+
$Calcite_Vibrant_Blue_100: #c7e9ff;
|
|
128
|
+
$Calcite_Vibrant_Blue_150: #69dcff;
|
|
129
|
+
$Calcite_Vibrant_Blue_200: #00dee7;
|
|
130
|
+
$Calcite_Vibrant_Blue_250: #b3e9f9; // only for use inside icons, to show "selection"
|
|
131
|
+
$Calcite_Vibrant_Yellow_100: #ffefb7; // replaces Esri_Yellow5. Use in Warning Messages along with Calcite_Brown_350, which replaces Esri_Yellow6
|
|
132
|
+
$Calcite_Vibrant_Yellow_150: #fad817;
|
|
133
|
+
$Calcite_Vibrant_Yellow_200: #fff000;
|
|
134
|
+
$Calcite_Vibrant_Orange_100: #ffdab6; // New as of 8/11/15
|
|
135
|
+
$Calcite_Vibrant_Orange_150: #ffbc6b; // New as of 8/11/15
|
|
136
|
+
$Calcite_Vibrant_Orange_200: #ffcc00; // New as of 8/11/15
|
|
137
|
+
$Calcite_Vibrant_Green_100: #daffd9;
|
|
138
|
+
$Calcite_Vibrant_Green_150: #71de6e;
|
|
139
|
+
$Calcite_Vibrant_Green_200: #a5e800;
|
|
140
|
+
$Calcite_Vibrant_Red_100: #ffc0b3; // replaces Esri_Red5. Use in Error Messages with Calcite_Vibrant-Red_200
|
|
141
|
+
$Calcite_Vibrant_Red_150: #ff642e;
|
|
142
|
+
$Calcite_Vibrant_Red_200: #de2900; // replaces Esri_Red6. Use in Error Messages with Calcite_Vibrant-Red_100
|
|
143
|
+
$Calcite_Vibrant_Purple_100: #daccff;
|
|
144
|
+
$Calcite_Vibrant_Purple_150: #b096ff;
|
|
145
|
+
$Calcite_Vibrant_Purple_200: #f185ff;
|
|
146
|
+
$Calcite_Vibrant_Brown_100: #ffdbb3;
|
|
147
|
+
$Calcite_Vibrant_Brown_150: #db8d2f;
|
|
148
|
+
$Calcite_Vibrant_Brown_200: #ffbc6b;
|
|
@@ -1,150 +1,150 @@
|
|
|
1
|
-
|
|
2
|
-
// Esri Brand Colors
|
|
3
|
-
$Brand_Blue_100: #b9e0f7;
|
|
4
|
-
$Brand_Blue_150: #00b9f2;
|
|
5
|
-
$Brand_Blue_200: #007ac2;
|
|
6
|
-
$Brand_Blue_250: #004575;
|
|
7
|
-
|
|
8
|
-
$Brand_Yellow_100: #ffec4f;
|
|
9
|
-
|
|
10
|
-
$Brand_Orange_100: #f89927;
|
|
11
|
-
$Brand_Orange_150: #f36f20;
|
|
12
|
-
$Brand_Orange_200: #da4d1e;
|
|
13
|
-
|
|
14
|
-
$Brand_Red_100: #de2900;
|
|
15
|
-
|
|
16
|
-
$Brand_Green_100: #d1e391;
|
|
17
|
-
$Brand_Green_150: #aad04b;
|
|
18
|
-
$Brand_Green_200: #35ac46;
|
|
19
|
-
$Brand_Green_250: #2a7433;
|
|
20
|
-
|
|
21
|
-
$Brand_Purple_100: #dfcce3;
|
|
22
|
-
$Brand_Purple_150: #b279b4;
|
|
23
|
-
$Brand_Purple_200: #8f499c;
|
|
24
|
-
$Brand_Purple_250: #6b1978;
|
|
25
|
-
|
|
26
|
-
$Brand_Brown_100: #ecdcb9;
|
|
27
|
-
$Brand_Brown_150: #be9969;
|
|
28
|
-
$Brand_Brown_200: #7b4f1c;
|
|
29
|
-
$Brand_Brown_250: #523b20;
|
|
30
|
-
|
|
31
|
-
$Brand_Gray_100: #b4b4b4;
|
|
32
|
-
$Brand_Gray_150: #969696;
|
|
33
|
-
$Brand_Gray_200: #6e6e6e;
|
|
34
|
-
$Brand_Gray_250: #464646;
|
|
35
|
-
|
|
36
|
-
// Calcite Core Colors Dark
|
|
37
|
-
$Calcite_Blue_100: #1a4866;
|
|
38
|
-
$Calcite_Blue_150: #1d5d8c;
|
|
39
|
-
$Calcite_Blue_200: #3b8fc3;
|
|
40
|
-
$Calcite_Blue_250: #419ed9;
|
|
41
|
-
$Calcite_Blue_a100: #45a7e6;
|
|
42
|
-
$Calcite_Blue_a150: #60b7f0;
|
|
43
|
-
$Calcite_Blue_a200: #6ec1f5;
|
|
44
|
-
$Calcite_Blue_a250: #7dc8fa;
|
|
45
|
-
$Calcite_Yellow_100: #796916;
|
|
46
|
-
$Calcite_Yellow_150: #a28a00;
|
|
47
|
-
$Calcite_Yellow_200: #bda727;
|
|
48
|
-
$Calcite_Yellow_250: #ccb736;
|
|
49
|
-
$Calcite_Yellow_a100: #d6bd2a;
|
|
50
|
-
$Calcite_Yellow_a150: #e3c832;
|
|
51
|
-
$Calcite_Yellow_a200: #edd448;
|
|
52
|
-
$Calcite_Yellow_a250: #f5df62;
|
|
53
|
-
$Calcite_Orange_100: #754c23;
|
|
54
|
-
$Calcite_Orange_150: #a16520;
|
|
55
|
-
$Calcite_Orange_200: #d18734;
|
|
56
|
-
$Calcite_Orange_250: #e8963a;
|
|
57
|
-
$Calcite_Orange_a100: #f29833;
|
|
58
|
-
$Calcite_Orange_a150: #f29f3f;
|
|
59
|
-
$Calcite_Orange_a200: #f5aa53;
|
|
60
|
-
$Calcite_Orange_a250: #ffb461;
|
|
61
|
-
$Calcite_Green_100: #295429;
|
|
62
|
-
$Calcite_Green_150: #386f38;
|
|
63
|
-
$Calcite_Green_200: #4b944a;
|
|
64
|
-
$Calcite_Green_250: #58ad57;
|
|
65
|
-
$Calcite_Green_a100: #53b350;
|
|
66
|
-
$Calcite_Green_a150: #59bf57;
|
|
67
|
-
$Calcite_Green_a200: #67c966;
|
|
68
|
-
$Calcite_Green_a250: #74d173;
|
|
69
|
-
$Calcite_Red_100: #632822;
|
|
70
|
-
$Calcite_Red_150: #853218;
|
|
71
|
-
$Calcite_Red_200: #ab421f;
|
|
72
|
-
$Calcite_Red_250: #c75028;
|
|
73
|
-
$Calcite_Red_a100: #d15226;
|
|
74
|
-
$Calcite_Red_a150: #d65d33;
|
|
75
|
-
$Calcite_Red_a200: #e36a40;
|
|
76
|
-
$Calcite_Red_a250: #eb7953;
|
|
77
|
-
$Calcite_Purple_100: #3e3654;
|
|
78
|
-
$Calcite_Purple_150: #4c3e6e;
|
|
79
|
-
$Calcite_Purple_200: #61518c;
|
|
80
|
-
$Calcite_Purple_250: #8070aa;
|
|
81
|
-
$Calcite_Purple_a100: #846ebf;
|
|
82
|
-
$Calcite_Purple_a150: #927acc;
|
|
83
|
-
$Calcite_Purple_a200: #9b87d9;
|
|
84
|
-
$Calcite_Purple_a250: #a393d1;
|
|
85
|
-
$Calcite_Brown_100: #4b341d;
|
|
86
|
-
$Calcite_Brown_150: #67441f;
|
|
87
|
-
$Calcite_Brown_200: #8c5e2b;
|
|
88
|
-
$Calcite_Brown_250: #a67032;
|
|
89
|
-
$Calcite_Brown_a100: #b37936;
|
|
90
|
-
$Calcite_Brown_a150: #cc8a3d;
|
|
91
|
-
$Calcite_Brown_a200: #d9974c;
|
|
92
|
-
$Calcite_Brown_a250: #dea664;
|
|
93
|
-
|
|
94
|
-
// Calcite Gray Colors Dark
|
|
95
|
-
$Calcite_Gray_050: #242424; // 86%
|
|
96
|
-
$Calcite_Gray_100: #333333; // 80%
|
|
97
|
-
$Calcite_Gray_150: #363636; // 79%
|
|
98
|
-
$Calcite_Gray_200: #404040; // 75%
|
|
99
|
-
$Calcite_Gray_250: #474747; // 72%
|
|
100
|
-
$Calcite_Gray_300: #4c4c4c; // 70%
|
|
101
|
-
$Calcite_Gray_350: #5c5c5c; // 64%
|
|
102
|
-
$Calcite_Gray_400: #666666; // 60%
|
|
103
|
-
$Calcite_Gray_450: #787878; // 53%
|
|
104
|
-
$Calcite_Gray_500: #8a8a8a; // 46%
|
|
105
|
-
$Calcite_Gray_550: #9e9e9e; // 38%
|
|
106
|
-
$Calcite_Gray_600: #adadad; // 32%
|
|
107
|
-
$Calcite_Gray_650: #bdbdbd; // 26%
|
|
108
|
-
$Calcite_Gray_700: #d1d1d1; // 18%
|
|
109
|
-
|
|
110
|
-
// Calcite Hightlight Color Dark
|
|
111
|
-
$Calcite_Highlight_Blue_100: #294a66; // hovered
|
|
112
|
-
$Calcite_Highlight_Blue_150: #3d6e99; // hovered & selected
|
|
113
|
-
$Calcite_Highlight_Blue_200: #1061a6; // selected (toggled)
|
|
114
|
-
$Calcite_Highlight_Blue_250: #136fbf; // pressed
|
|
115
|
-
$Calcite_Highlight_Blue_300: #2183d9; // border on hover
|
|
116
|
-
$Calcite_Highlight_Blue_350: #2493f2; // active
|
|
117
|
-
$Calcite_Highlight_Blue_400: #40a7ff; // active accent
|
|
118
|
-
$Calcite_Highlight_Green_100: #205920; // hovered
|
|
119
|
-
$Calcite_Highlight_Green_150: #478c47; // hovered & selected
|
|
120
|
-
$Calcite_Highlight_Green_200: #257a25; // selected (toggled)
|
|
121
|
-
$Calcite_Highlight_Green_250: #2a8c2a; // pressed
|
|
122
|
-
$Calcite_Highlight_Green_300: #31a331; // border on hover
|
|
123
|
-
$Calcite_Highlight_Green_350: #34ad34; // active
|
|
124
|
-
$Calcite_Highlight_Green_400: #39bf39; // active accent
|
|
125
|
-
|
|
126
|
-
//Calcite Vibrant Colors Dark
|
|
127
|
-
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
|
|
128
|
-
$Calcite_Vibrant_Blue_100: #1376bf;
|
|
129
|
-
$Calcite_Vibrant_Blue_150: #0089f0;
|
|
130
|
-
$Calcite_Vibrant_Blue_200: #00c0f0;
|
|
131
|
-
$Calcite_Vibrant_Blue_250: #00b5b9; // only use inside icons, to show "selection"
|
|
132
|
-
$Calcite_Vibrant_Yellow_100: #917b00;
|
|
133
|
-
$Calcite_Vibrant_Yellow_150: #c7a900;
|
|
134
|
-
$Calcite_Vibrant_Yellow_200: #ffd800;
|
|
135
|
-
$Calcite_Vibrant_Orange_100: #a15600;
|
|
136
|
-
$Calcite_Vibrant_Orange_150: #cf7d1f;
|
|
137
|
-
$Calcite_Vibrant_Orange_200: #ffc415;
|
|
138
|
-
$Calcite_Vibrant_Green_100: #386f38;
|
|
139
|
-
$Calcite_Vibrant_Green_150: #59d152;
|
|
140
|
-
$Calcite_Vibrant_Green_200: #85e800;
|
|
141
|
-
$Calcite_Vibrant_Red_100: #751d00;
|
|
142
|
-
$Calcite_Vibrant_Red_150: #993516;
|
|
143
|
-
$Calcite_Vibrant_Red_200: #e65c2e;
|
|
144
|
-
$Calcite_Vibrant_Purple_100: #503691;
|
|
145
|
-
$Calcite_Vibrant_Purple_150: #754fd4;
|
|
146
|
-
$Calcite_Vibrant_Purple_200: #9b4ba6;
|
|
147
|
-
$Calcite_Vibrant_Brown_100: #673d10;
|
|
148
|
-
$Calcite_Vibrant_Brown_150: #995d18;
|
|
149
|
-
$Calcite_Vibrant_Brown_200: #df8c39;
|
|
150
|
-
|
|
1
|
+
|
|
2
|
+
// Esri Brand Colors
|
|
3
|
+
$Brand_Blue_100: #b9e0f7;
|
|
4
|
+
$Brand_Blue_150: #00b9f2;
|
|
5
|
+
$Brand_Blue_200: #007ac2;
|
|
6
|
+
$Brand_Blue_250: #004575;
|
|
7
|
+
|
|
8
|
+
$Brand_Yellow_100: #ffec4f;
|
|
9
|
+
|
|
10
|
+
$Brand_Orange_100: #f89927;
|
|
11
|
+
$Brand_Orange_150: #f36f20;
|
|
12
|
+
$Brand_Orange_200: #da4d1e;
|
|
13
|
+
|
|
14
|
+
$Brand_Red_100: #de2900;
|
|
15
|
+
|
|
16
|
+
$Brand_Green_100: #d1e391;
|
|
17
|
+
$Brand_Green_150: #aad04b;
|
|
18
|
+
$Brand_Green_200: #35ac46;
|
|
19
|
+
$Brand_Green_250: #2a7433;
|
|
20
|
+
|
|
21
|
+
$Brand_Purple_100: #dfcce3;
|
|
22
|
+
$Brand_Purple_150: #b279b4;
|
|
23
|
+
$Brand_Purple_200: #8f499c;
|
|
24
|
+
$Brand_Purple_250: #6b1978;
|
|
25
|
+
|
|
26
|
+
$Brand_Brown_100: #ecdcb9;
|
|
27
|
+
$Brand_Brown_150: #be9969;
|
|
28
|
+
$Brand_Brown_200: #7b4f1c;
|
|
29
|
+
$Brand_Brown_250: #523b20;
|
|
30
|
+
|
|
31
|
+
$Brand_Gray_100: #b4b4b4;
|
|
32
|
+
$Brand_Gray_150: #969696;
|
|
33
|
+
$Brand_Gray_200: #6e6e6e;
|
|
34
|
+
$Brand_Gray_250: #464646;
|
|
35
|
+
|
|
36
|
+
// Calcite Core Colors Dark
|
|
37
|
+
$Calcite_Blue_100: #1a4866;
|
|
38
|
+
$Calcite_Blue_150: #1d5d8c;
|
|
39
|
+
$Calcite_Blue_200: #3b8fc3;
|
|
40
|
+
$Calcite_Blue_250: #419ed9;
|
|
41
|
+
$Calcite_Blue_a100: #45a7e6;
|
|
42
|
+
$Calcite_Blue_a150: #60b7f0;
|
|
43
|
+
$Calcite_Blue_a200: #6ec1f5;
|
|
44
|
+
$Calcite_Blue_a250: #7dc8fa;
|
|
45
|
+
$Calcite_Yellow_100: #796916;
|
|
46
|
+
$Calcite_Yellow_150: #a28a00;
|
|
47
|
+
$Calcite_Yellow_200: #bda727;
|
|
48
|
+
$Calcite_Yellow_250: #ccb736;
|
|
49
|
+
$Calcite_Yellow_a100: #d6bd2a;
|
|
50
|
+
$Calcite_Yellow_a150: #e3c832;
|
|
51
|
+
$Calcite_Yellow_a200: #edd448;
|
|
52
|
+
$Calcite_Yellow_a250: #f5df62;
|
|
53
|
+
$Calcite_Orange_100: #754c23;
|
|
54
|
+
$Calcite_Orange_150: #a16520;
|
|
55
|
+
$Calcite_Orange_200: #d18734;
|
|
56
|
+
$Calcite_Orange_250: #e8963a;
|
|
57
|
+
$Calcite_Orange_a100: #f29833;
|
|
58
|
+
$Calcite_Orange_a150: #f29f3f;
|
|
59
|
+
$Calcite_Orange_a200: #f5aa53;
|
|
60
|
+
$Calcite_Orange_a250: #ffb461;
|
|
61
|
+
$Calcite_Green_100: #295429;
|
|
62
|
+
$Calcite_Green_150: #386f38;
|
|
63
|
+
$Calcite_Green_200: #4b944a;
|
|
64
|
+
$Calcite_Green_250: #58ad57;
|
|
65
|
+
$Calcite_Green_a100: #53b350;
|
|
66
|
+
$Calcite_Green_a150: #59bf57;
|
|
67
|
+
$Calcite_Green_a200: #67c966;
|
|
68
|
+
$Calcite_Green_a250: #74d173;
|
|
69
|
+
$Calcite_Red_100: #632822;
|
|
70
|
+
$Calcite_Red_150: #853218;
|
|
71
|
+
$Calcite_Red_200: #ab421f;
|
|
72
|
+
$Calcite_Red_250: #c75028;
|
|
73
|
+
$Calcite_Red_a100: #d15226;
|
|
74
|
+
$Calcite_Red_a150: #d65d33;
|
|
75
|
+
$Calcite_Red_a200: #e36a40;
|
|
76
|
+
$Calcite_Red_a250: #eb7953;
|
|
77
|
+
$Calcite_Purple_100: #3e3654;
|
|
78
|
+
$Calcite_Purple_150: #4c3e6e;
|
|
79
|
+
$Calcite_Purple_200: #61518c;
|
|
80
|
+
$Calcite_Purple_250: #8070aa;
|
|
81
|
+
$Calcite_Purple_a100: #846ebf;
|
|
82
|
+
$Calcite_Purple_a150: #927acc;
|
|
83
|
+
$Calcite_Purple_a200: #9b87d9;
|
|
84
|
+
$Calcite_Purple_a250: #a393d1;
|
|
85
|
+
$Calcite_Brown_100: #4b341d;
|
|
86
|
+
$Calcite_Brown_150: #67441f;
|
|
87
|
+
$Calcite_Brown_200: #8c5e2b;
|
|
88
|
+
$Calcite_Brown_250: #a67032;
|
|
89
|
+
$Calcite_Brown_a100: #b37936;
|
|
90
|
+
$Calcite_Brown_a150: #cc8a3d;
|
|
91
|
+
$Calcite_Brown_a200: #d9974c;
|
|
92
|
+
$Calcite_Brown_a250: #dea664;
|
|
93
|
+
|
|
94
|
+
// Calcite Gray Colors Dark
|
|
95
|
+
$Calcite_Gray_050: #242424; // 86%
|
|
96
|
+
$Calcite_Gray_100: #333333; // 80%
|
|
97
|
+
$Calcite_Gray_150: #363636; // 79%
|
|
98
|
+
$Calcite_Gray_200: #404040; // 75%
|
|
99
|
+
$Calcite_Gray_250: #474747; // 72%
|
|
100
|
+
$Calcite_Gray_300: #4c4c4c; // 70%
|
|
101
|
+
$Calcite_Gray_350: #5c5c5c; // 64%
|
|
102
|
+
$Calcite_Gray_400: #666666; // 60%
|
|
103
|
+
$Calcite_Gray_450: #787878; // 53%
|
|
104
|
+
$Calcite_Gray_500: #8a8a8a; // 46%
|
|
105
|
+
$Calcite_Gray_550: #9e9e9e; // 38%
|
|
106
|
+
$Calcite_Gray_600: #adadad; // 32%
|
|
107
|
+
$Calcite_Gray_650: #bdbdbd; // 26%
|
|
108
|
+
$Calcite_Gray_700: #d1d1d1; // 18%
|
|
109
|
+
|
|
110
|
+
// Calcite Hightlight Color Dark
|
|
111
|
+
$Calcite_Highlight_Blue_100: #294a66; // hovered
|
|
112
|
+
$Calcite_Highlight_Blue_150: #3d6e99; // hovered & selected
|
|
113
|
+
$Calcite_Highlight_Blue_200: #1061a6; // selected (toggled)
|
|
114
|
+
$Calcite_Highlight_Blue_250: #136fbf; // pressed
|
|
115
|
+
$Calcite_Highlight_Blue_300: #2183d9; // border on hover
|
|
116
|
+
$Calcite_Highlight_Blue_350: #2493f2; // active
|
|
117
|
+
$Calcite_Highlight_Blue_400: #40a7ff; // active accent
|
|
118
|
+
$Calcite_Highlight_Green_100: #205920; // hovered
|
|
119
|
+
$Calcite_Highlight_Green_150: #478c47; // hovered & selected
|
|
120
|
+
$Calcite_Highlight_Green_200: #257a25; // selected (toggled)
|
|
121
|
+
$Calcite_Highlight_Green_250: #2a8c2a; // pressed
|
|
122
|
+
$Calcite_Highlight_Green_300: #31a331; // border on hover
|
|
123
|
+
$Calcite_Highlight_Green_350: #34ad34; // active
|
|
124
|
+
$Calcite_Highlight_Green_400: #39bf39; // active accent
|
|
125
|
+
|
|
126
|
+
//Calcite Vibrant Colors Dark
|
|
127
|
+
// For all Calcite Vibrant colors -- they should comprise <10% of the image area. Only use if additional contrast is needed.
|
|
128
|
+
$Calcite_Vibrant_Blue_100: #1376bf;
|
|
129
|
+
$Calcite_Vibrant_Blue_150: #0089f0;
|
|
130
|
+
$Calcite_Vibrant_Blue_200: #00c0f0;
|
|
131
|
+
$Calcite_Vibrant_Blue_250: #00b5b9; // only use inside icons, to show "selection"
|
|
132
|
+
$Calcite_Vibrant_Yellow_100: #917b00;
|
|
133
|
+
$Calcite_Vibrant_Yellow_150: #c7a900;
|
|
134
|
+
$Calcite_Vibrant_Yellow_200: #ffd800;
|
|
135
|
+
$Calcite_Vibrant_Orange_100: #a15600;
|
|
136
|
+
$Calcite_Vibrant_Orange_150: #cf7d1f;
|
|
137
|
+
$Calcite_Vibrant_Orange_200: #ffc415;
|
|
138
|
+
$Calcite_Vibrant_Green_100: #386f38;
|
|
139
|
+
$Calcite_Vibrant_Green_150: #59d152;
|
|
140
|
+
$Calcite_Vibrant_Green_200: #85e800;
|
|
141
|
+
$Calcite_Vibrant_Red_100: #751d00;
|
|
142
|
+
$Calcite_Vibrant_Red_150: #993516;
|
|
143
|
+
$Calcite_Vibrant_Red_200: #e65c2e;
|
|
144
|
+
$Calcite_Vibrant_Purple_100: #503691;
|
|
145
|
+
$Calcite_Vibrant_Purple_150: #754fd4;
|
|
146
|
+
$Calcite_Vibrant_Purple_200: #9b4ba6;
|
|
147
|
+
$Calcite_Vibrant_Brown_100: #673d10;
|
|
148
|
+
$Calcite_Vibrant_Brown_150: #995d18;
|
|
149
|
+
$Calcite_Vibrant_Brown_200: #df8c39;
|
|
150
|
+
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
$calcite-fonts-path: "./";
|
|
2
|
-
@import "./fonts.scss";
|
|
1
|
+
$calcite-fonts-path: "./";
|
|
2
|
+
@import "./fonts.scss";
|