@bspk/ui 1.3.30 → 1.4.1
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/build.ts +1 -2
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
- package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/styles/agent-workplace.css +1800 -0
- package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +770 -849
- package/dist/styles/anywhere.css +687 -766
- package/dist/styles/anywhere.css.js +687 -766
- package/dist/styles/better-homes-gardens.css +579 -826
- package/dist/styles/better-homes-gardens.css.js +579 -826
- package/dist/styles/broker-workplace.css +1800 -0
- package/dist/styles/broker-workplace.css.js +1805 -0
- package/dist/styles/cartus.css +674 -765
- package/dist/styles/cartus.css.js +674 -765
- package/dist/styles/century-21.css +679 -766
- package/dist/styles/century-21.css.js +679 -766
- package/dist/styles/coldwell-banker.css +671 -762
- package/dist/styles/coldwell-banker.css.js +671 -762
- package/dist/styles/corcoran.css +663 -758
- package/dist/styles/corcoran.css.js +663 -758
- package/dist/styles/era.css +677 -766
- package/dist/styles/era.css.js +677 -766
- package/dist/styles/example.css +1898 -0
- package/dist/styles/example.css.js +1903 -0
- package/dist/styles/sothebys.css +670 -759
- package/dist/styles/sothebys.css.js +670 -759
- package/dist/types/common.d.ts +2 -1
- package/dist/types/common.js.map +1 -1
- package/package.json +7 -47
- package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
- package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
- package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
- package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
- package/src/components/Table/Table.tsx +1 -1
- package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
- package/src/types/common.ts +2 -10
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
- package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
- package/dist/constants/brands.d.ts +0 -7
- package/dist/constants/brands.js +0 -43
- package/dist/constants/brands.js.map +0 -1
- package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
- package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
- package/src/constants/brands.ts +0 -49
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Generated from figma export:
|
|
1
|
+
/* Generated from figma export: 2026-02-02T17:54:13.533Z */
|
|
2
2
|
|
|
3
3
|
@import url('https://fonts.googleapis.com/css2?family=Work%20Sans:ital,wght@0,100..900;1,100..900&display=swap');
|
|
4
4
|
body {
|
|
@@ -7,177 +7,37 @@ body {
|
|
|
7
7
|
|
|
8
8
|
:root {
|
|
9
9
|
/* Body/Base */
|
|
10
|
-
--body-base: 400 16px/
|
|
11
|
-
/* Body/Base -
|
|
12
|
-
--body-base-line-height:
|
|
13
|
-
/* Body/Base -
|
|
10
|
+
--body-base: 400 16px/24px var(--typeface);
|
|
11
|
+
/* Body/Base - line height */
|
|
12
|
+
--body-base-line-height: 24px;
|
|
13
|
+
/* Body/Base - size */
|
|
14
14
|
--body-base-size: 16px;
|
|
15
|
-
/* Body/Base -
|
|
15
|
+
/* Body/Base - style */
|
|
16
16
|
--body-base-style: regular;
|
|
17
17
|
/* Body/Large */
|
|
18
|
-
--body-large: 400 18px/
|
|
19
|
-
/* Body/Large -
|
|
20
|
-
--body-large-line-height:
|
|
21
|
-
/* Body/Large -
|
|
18
|
+
--body-large: 400 18px/28px var(--typeface);
|
|
19
|
+
/* Body/Large - line height */
|
|
20
|
+
--body-large-line-height: 28px;
|
|
21
|
+
/* Body/Large - size */
|
|
22
22
|
--body-large-size: 18px;
|
|
23
|
-
/* Body/Large -
|
|
23
|
+
/* Body/Large - style */
|
|
24
24
|
--body-large-style: regular;
|
|
25
25
|
/* Body/Small */
|
|
26
26
|
--body-small: 400 14px/20px var(--typeface);
|
|
27
|
-
/* Body/Small -
|
|
27
|
+
/* Body/Small - line height */
|
|
28
28
|
--body-small-line-height: 20px;
|
|
29
|
-
/* Body/Small -
|
|
29
|
+
/* Body/Small - size */
|
|
30
30
|
--body-small-size: 14px;
|
|
31
|
-
/* Body/Small -
|
|
31
|
+
/* Body/Small - style */
|
|
32
32
|
--body-small-style: regular;
|
|
33
33
|
/* Body/X-Small */
|
|
34
34
|
--body-x-small: 400 12px/16px var(--typeface);
|
|
35
|
-
/* Body/X-Small -
|
|
35
|
+
/* Body/X-Small - line height */
|
|
36
36
|
--body-x-small-line-height: 16px;
|
|
37
|
-
/* Body/X-Small -
|
|
37
|
+
/* Body/X-Small - size */
|
|
38
38
|
--body-x-small-size: 12px;
|
|
39
|
-
/* Body/X-Small -
|
|
39
|
+
/* Body/X-Small - style */
|
|
40
40
|
--body-x-small-style: regular;
|
|
41
|
-
/* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
|
|
42
|
-
--colors-brands-experiment-blue-dark-100: #0a2f85;
|
|
43
|
-
/* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
|
|
44
|
-
--colors-brands-experiment-blue-dark-200: #1347cc;
|
|
45
|
-
/* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
|
|
46
|
-
--colors-brands-experiment-blue-dark-300: #0f59e2;
|
|
47
|
-
/* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
|
|
48
|
-
--colors-brands-experiment-blue-dark-400: #357aea;
|
|
49
|
-
/* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
|
|
50
|
-
--colors-brands-experiment-blue-dark-50: #181d34;
|
|
51
|
-
/* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
|
|
52
|
-
--colors-brands-experiment-blue-dark-500: #2e88f6;
|
|
53
|
-
/* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
|
|
54
|
-
--colors-brands-experiment-blue-dark-600: #50a1ff;
|
|
55
|
-
/* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
|
|
56
|
-
--colors-brands-experiment-blue-dark-700: #7ab7ff;
|
|
57
|
-
/* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
|
|
58
|
-
--colors-brands-experiment-blue-dark-800: #dcebfe;
|
|
59
|
-
/* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
|
|
60
|
-
--colors-brands-experiment-blue-dark-900: #f0f6ff;
|
|
61
|
-
/* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
|
|
62
|
-
--colors-brands-experiment-blue-gray-dark-100: #1a2332;
|
|
63
|
-
/* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
|
|
64
|
-
--colors-brands-experiment-blue-gray-dark-200: #252e3c;
|
|
65
|
-
/* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
|
|
66
|
-
--colors-brands-experiment-blue-gray-dark-300: #323b49;
|
|
67
|
-
/* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
|
|
68
|
-
--colors-brands-experiment-blue-gray-dark-400: #5e6d82;
|
|
69
|
-
/* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
|
|
70
|
-
--colors-brands-experiment-blue-gray-dark-50: #0c101c;
|
|
71
|
-
/* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
|
|
72
|
-
--colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
|
|
73
|
-
/* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
|
|
74
|
-
--colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
|
|
75
|
-
/* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
|
|
76
|
-
--colors-brands-experiment-blue-gray-dark-700: #d4dce8;
|
|
77
|
-
/* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
|
|
78
|
-
--colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
|
|
79
|
-
/* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
|
|
80
|
-
--colors-brands-experiment-blue-gray-dark-900: #f8fafc;
|
|
81
|
-
/* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
|
|
82
|
-
--colors-brands-experiment-blue-gray-light-100: #f1f5f9;
|
|
83
|
-
/* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
|
|
84
|
-
--colors-brands-experiment-blue-gray-light-200: #e1e7ef;
|
|
85
|
-
/* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
|
|
86
|
-
--colors-brands-experiment-blue-gray-light-300: #c8d6e5;
|
|
87
|
-
/* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
|
|
88
|
-
--colors-brands-experiment-blue-gray-light-400: #9eacc0;
|
|
89
|
-
/* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
|
|
90
|
-
--colors-brands-experiment-blue-gray-light-50: #f8fafc;
|
|
91
|
-
/* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
|
|
92
|
-
--colors-brands-experiment-blue-gray-light-500: #65758b;
|
|
93
|
-
/* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
|
|
94
|
-
--colors-brands-experiment-blue-gray-light-600: #48566a;
|
|
95
|
-
/* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
|
|
96
|
-
--colors-brands-experiment-blue-gray-light-700: #344256;
|
|
97
|
-
/* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
|
|
98
|
-
--colors-brands-experiment-blue-gray-light-800: #1d283a;
|
|
99
|
-
/* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
|
|
100
|
-
--colors-brands-experiment-blue-gray-light-900: #0f1729;
|
|
101
|
-
/* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
|
|
102
|
-
--colors-brands-experiment-blue-light-100: #dcebfe;
|
|
103
|
-
/* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
|
|
104
|
-
--colors-brands-experiment-blue-light-200: #bedbfe;
|
|
105
|
-
/* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
|
|
106
|
-
--colors-brands-experiment-blue-light-300: #91c3fd;
|
|
107
|
-
/* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
|
|
108
|
-
--colors-brands-experiment-blue-light-400: #61a6fa;
|
|
109
|
-
/* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
|
|
110
|
-
--colors-brands-experiment-blue-light-50: #f2f7ff;
|
|
111
|
-
/* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
|
|
112
|
-
--colors-brands-experiment-blue-light-500: #3479e9;
|
|
113
|
-
/* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
|
|
114
|
-
--colors-brands-experiment-blue-light-600: #1559ea;
|
|
115
|
-
/* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
|
|
116
|
-
--colors-brands-experiment-blue-light-700: #173fab;
|
|
117
|
-
/* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
|
|
118
|
-
--colors-brands-experiment-blue-light-800: #162f82;
|
|
119
|
-
/* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
|
|
120
|
-
--colors-brands-experiment-blue-light-900: #0c1736;
|
|
121
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
122
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
|
|
123
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
124
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
|
|
125
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
126
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
|
|
127
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
128
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
|
|
129
|
-
/* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
130
|
-
--colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
|
|
131
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
132
|
-
--colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
|
|
133
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
134
|
-
--colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
|
|
135
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
136
|
-
--colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
|
|
137
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
138
|
-
--colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
|
|
139
|
-
/* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
140
|
-
--colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
|
|
141
|
-
/* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
|
|
142
|
-
--colors-brands-experiment-orange-dark-100: #852c0f;
|
|
143
|
-
/* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
|
|
144
|
-
--colors-brands-experiment-orange-dark-200: #ab4827;
|
|
145
|
-
/* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
|
|
146
|
-
--colors-brands-experiment-orange-dark-300: #ce5a07;
|
|
147
|
-
/* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
|
|
148
|
-
--colors-brands-experiment-orange-dark-400: #f27013;
|
|
149
|
-
/* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
|
|
150
|
-
--colors-brands-experiment-orange-dark-50: #31160d;
|
|
151
|
-
/* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
|
|
152
|
-
--colors-brands-experiment-orange-dark-500: #fb923c;
|
|
153
|
-
/* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
|
|
154
|
-
--colors-brands-experiment-orange-dark-600: #fdba72;
|
|
155
|
-
/* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
|
|
156
|
-
--colors-brands-experiment-orange-dark-700: #fed6a9;
|
|
157
|
-
/* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
|
|
158
|
-
--colors-brands-experiment-orange-dark-800: #ffedd6;
|
|
159
|
-
/* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
|
|
160
|
-
--colors-brands-experiment-orange-dark-900: #fff6eb;
|
|
161
|
-
/* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
|
|
162
|
-
--colors-brands-experiment-orange-light-100: #ffedd6;
|
|
163
|
-
/* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
|
|
164
|
-
--colors-brands-experiment-orange-light-200: #fed6a9;
|
|
165
|
-
/* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
|
|
166
|
-
--colors-brands-experiment-orange-light-300: #fdba72;
|
|
167
|
-
/* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
|
|
168
|
-
--colors-brands-experiment-orange-light-400: #fb923c;
|
|
169
|
-
/* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
|
|
170
|
-
--colors-brands-experiment-orange-light-50: #fff6eb;
|
|
171
|
-
/* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
|
|
172
|
-
--colors-brands-experiment-orange-light-500: #f67416;
|
|
173
|
-
/* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
|
|
174
|
-
--colors-brands-experiment-orange-light-600: #e4570c;
|
|
175
|
-
/* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
|
|
176
|
-
--colors-brands-experiment-orange-light-700: #b63c0b;
|
|
177
|
-
/* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
|
|
178
|
-
--colors-brands-experiment-orange-light-800: #80310f;
|
|
179
|
-
/* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
|
|
180
|
-
--colors-brands-experiment-orange-light-900: #471a0a;
|
|
181
41
|
/* Colors/Internal/pink-00-light - Global (primitives) */
|
|
182
42
|
--colors-internal-pink-00-light: #ff4f8d;
|
|
183
43
|
/* Colors/Internal/pink-50-dark - Global (primitives) */
|
|
@@ -209,7 +69,7 @@ body {
|
|
|
209
69
|
/* Colors/Neutral/22 - Global (primitives) */
|
|
210
70
|
--colors-neutral-22: #383838;
|
|
211
71
|
/* Colors/Neutral/24 - Global (primitives) */
|
|
212
|
-
--colors-neutral-24: #
|
|
72
|
+
--colors-neutral-24: #3d3d3d;
|
|
213
73
|
/* Colors/Neutral/26 - Global (primitives) */
|
|
214
74
|
--colors-neutral-26: #424242;
|
|
215
75
|
/* Colors/Neutral/28 - Global (primitives) */
|
|
@@ -286,6 +146,10 @@ body {
|
|
|
286
146
|
--colors-neutral-98: #fafafa;
|
|
287
147
|
/* Colors/Neutral/transparent - Global (primitives) */
|
|
288
148
|
--colors-neutral-transparent: #ffffff00;
|
|
149
|
+
/* Colors/System/AI-gradient/blue - Global (primitives) */
|
|
150
|
+
--colors-system-ai-gradient-blue: #215ecd;
|
|
151
|
+
/* Colors/System/AI-gradient/pink - Global (primitives) */
|
|
152
|
+
--colors-system-ai-gradient-pink: #c60ede;
|
|
289
153
|
/* Colors/System/blue-dark - Global (primitives) */
|
|
290
154
|
--colors-system-blue-dark: #5d92f5;
|
|
291
155
|
/* Colors/System/blue-dark-bg - Global (primitives) */
|
|
@@ -334,10 +198,10 @@ body {
|
|
|
334
198
|
--colors-system-spectrum-data-visual-azure-400: #7fc4ec;
|
|
335
199
|
/* Colors/System/Spectrum/Data visual/azure-700 - Global (primitives) */
|
|
336
200
|
--colors-system-spectrum-data-visual-azure-700: #299de0;
|
|
337
|
-
/* Colors/System/Spectrum/Data visual/backrose-900 - Global (primitives) */
|
|
338
|
-
--colors-system-spectrum-data-visual-backrose-900: #958ca3;
|
|
339
201
|
/* Colors/System/Spectrum/Data visual/blackrose-1200 - Global (primitives) */
|
|
340
202
|
--colors-system-spectrum-data-visual-blackrose-1200: #130033;
|
|
203
|
+
/* Colors/System/Spectrum/Data visual/blackrose-900 - Global (primitives) */
|
|
204
|
+
--colors-system-spectrum-data-visual-blackrose-900: #958ca3;
|
|
341
205
|
/* Colors/System/Spectrum/Data visual/bronze-1100 - Global (primitives) */
|
|
342
206
|
--colors-system-spectrum-data-visual-bronze-1100: #794b34;
|
|
343
207
|
/* Colors/System/Spectrum/Data visual/bronze-800 - Global (primitives) */
|
|
@@ -366,10 +230,10 @@ body {
|
|
|
366
230
|
--colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
|
|
367
231
|
/* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
|
|
368
232
|
--colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
|
|
369
|
-
/* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
|
|
370
|
-
--colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
|
|
371
233
|
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
|
|
372
234
|
--colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
|
|
235
|
+
/* Colors/System/Spectrum/Data visual/Highlight/blackrose-900-opacity - Global (primitives) */
|
|
236
|
+
--colors-system-spectrum-data-visual-highlight-blackrose-900-opacity: #958ca34d;
|
|
373
237
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
|
|
374
238
|
--colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
|
|
375
239
|
/* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
|
|
@@ -590,7 +454,7 @@ body {
|
|
|
590
454
|
--corner-radius-circular: 999px;
|
|
591
455
|
/* Corner radius/None - Global (primitives) */
|
|
592
456
|
--corner-radius-none: 0;
|
|
593
|
-
/* Colors/Brands/
|
|
457
|
+
/* Colors/Brands/BRAND/DK Navy - Global (primitives) */
|
|
594
458
|
--dk-navy: #0a1730;
|
|
595
459
|
/* East - navigation rails, drawers, sheets */
|
|
596
460
|
--drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
|
|
@@ -606,30 +470,16 @@ body {
|
|
|
606
470
|
--drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
|
|
607
471
|
/* West - side sheets */
|
|
608
472
|
--drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
|
|
609
|
-
/* Colors/Brands/
|
|
473
|
+
/* Colors/Brands/BRAND/Favorite - Global (primitives) */
|
|
610
474
|
--favorite: #e96084;
|
|
611
|
-
/* Foreground/
|
|
612
|
-
--foreground-
|
|
613
|
-
/* Foreground/
|
|
614
|
-
--foreground-
|
|
615
|
-
/*
|
|
616
|
-
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
617
|
-
/* Foreground/Neutral/on-color - Theme - Coldwell Banker */
|
|
618
|
-
--foreground-neutral-on-color: #ffffff;
|
|
619
|
-
/* Foreground/Neutral/on-inverse-surface - Theme - Coldwell Banker */
|
|
620
|
-
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
621
|
-
/* Colors/Brands/Coldwell Banker/Icy Blue - Global (primitives) */
|
|
475
|
+
/* Foreground/AI-powered/blue - Theme - BRAND */
|
|
476
|
+
--foreground-ai-powered-blue: #000000;
|
|
477
|
+
/* Foreground/AI-powered/pink - Theme - BRAND */
|
|
478
|
+
--foreground-ai-powered-pink: #000000;
|
|
479
|
+
/* Colors/Brands/BRAND/Icy Blue - Global (primitives) */
|
|
622
480
|
--icy-blue: #f0f5fb;
|
|
623
|
-
/* Colors/Brands/
|
|
481
|
+
/* Colors/Brands/BRAND/Information - Global (primitives) */
|
|
624
482
|
--information: #f4b124;
|
|
625
|
-
/* Interaction/disabled-opacity - Theme - 3.0 */
|
|
626
|
-
--interaction-disabled-opacity: #0000000f;
|
|
627
|
-
/* Interaction/primary-disabled-opacity - Theme - 3.0 */
|
|
628
|
-
--interaction-primary-disabled-opacity: #1559ea1f;
|
|
629
|
-
/* Interaction/primary-hover-opacity - Theme - 3.0 */
|
|
630
|
-
--interaction-primary-hover-opacity: #1559ea1a;
|
|
631
|
-
/* Interaction/primary-press-opacity - Theme - 3.0 */
|
|
632
|
-
--interaction-primary-press-opacity: #1559ea33;
|
|
633
483
|
/* Interactions/opacity-black-10 - Global (primitives) */
|
|
634
484
|
--interactions-opacity-black-10: #0000001a;
|
|
635
485
|
/* Interactions/opacity-black-16 - Global (primitives) */
|
|
@@ -654,71 +504,71 @@ body {
|
|
|
654
504
|
--interactions-opacity-white-6: #ffffff0f;
|
|
655
505
|
/* Interactions/opacity-white-8 - Global (primitives) */
|
|
656
506
|
--interactions-opacity-white-8: #ffffff14;
|
|
657
|
-
/* Colors/Brands/
|
|
507
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
658
508
|
--interactions-primary-dark-opacity-10: #749aff1a;
|
|
659
|
-
/* Colors/Brands/
|
|
509
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
660
510
|
--interactions-primary-dark-opacity-12: #749aff1f;
|
|
661
|
-
/* Colors/Brands/
|
|
511
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
662
512
|
--interactions-primary-dark-opacity-16: #749aff29;
|
|
663
|
-
/* Colors/Brands/
|
|
513
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
664
514
|
--interactions-primary-dark-opacity-20: #749aff33;
|
|
665
|
-
/* Colors/Brands/
|
|
515
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
666
516
|
--interactions-primary-dark-opacity-8: #749aff14;
|
|
667
|
-
/* Colors/Brands/
|
|
517
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
668
518
|
--interactions-primary-light-opacity-10: #1756ff1a;
|
|
669
|
-
/* Colors/Brands/
|
|
519
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
670
520
|
--interactions-primary-light-opacity-12: #1756ff1f;
|
|
671
|
-
/* Colors/Brands/
|
|
521
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
672
522
|
--interactions-primary-light-opacity-16: #1756ff29;
|
|
673
|
-
/* Colors/Brands/
|
|
523
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
674
524
|
--interactions-primary-light-opacity-20: #1756ff33;
|
|
675
|
-
/* Colors/Brands/
|
|
525
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
676
526
|
--interactions-primary-light-opacity-8: #1756ff14;
|
|
677
527
|
/* Labels/Base */
|
|
678
|
-
--labels-base: 500 16px/
|
|
679
|
-
/* Labels/Base -
|
|
680
|
-
--labels-base-line-height:
|
|
681
|
-
/* Labels/Base -
|
|
528
|
+
--labels-base: 500 16px/24px var(--typeface);
|
|
529
|
+
/* Labels/Base - line height */
|
|
530
|
+
--labels-base-line-height: 24px;
|
|
531
|
+
/* Labels/Base - size */
|
|
682
532
|
--labels-base-size: 16px;
|
|
683
|
-
/* Labels/Base -
|
|
533
|
+
/* Labels/Base - style */
|
|
684
534
|
--labels-base-style: medium;
|
|
685
535
|
/* Labels/Large */
|
|
686
|
-
--labels-large: 500 18px/
|
|
687
|
-
/* Labels/Large -
|
|
688
|
-
--labels-large-line-height:
|
|
689
|
-
/* Labels/Large -
|
|
536
|
+
--labels-large: 500 18px/28px var(--typeface);
|
|
537
|
+
/* Labels/Large - line height */
|
|
538
|
+
--labels-large-line-height: 28px;
|
|
539
|
+
/* Labels/Large - size */
|
|
690
540
|
--labels-large-size: 18px;
|
|
691
|
-
/* Labels/Large -
|
|
541
|
+
/* Labels/Large - style */
|
|
692
542
|
--labels-large-style: medium;
|
|
693
543
|
/* Labels/Small */
|
|
694
544
|
--labels-small: 500 14px/20px var(--typeface);
|
|
695
|
-
/* Labels/Small -
|
|
545
|
+
/* Labels/Small - line height */
|
|
696
546
|
--labels-small-line-height: 20px;
|
|
697
|
-
/* Labels/Small -
|
|
547
|
+
/* Labels/Small - size */
|
|
698
548
|
--labels-small-size: 14px;
|
|
699
|
-
/* Labels/Small -
|
|
549
|
+
/* Labels/Small - style */
|
|
700
550
|
--labels-small-style: medium;
|
|
701
551
|
/* Labels/X-Small */
|
|
702
552
|
--labels-x-small: 500 12px/16px var(--typeface);
|
|
703
|
-
/* Labels/X-Small -
|
|
553
|
+
/* Labels/X-Small - line height */
|
|
704
554
|
--labels-x-small-line-height: 16px;
|
|
705
|
-
/* Labels/X-Small -
|
|
555
|
+
/* Labels/X-Small - size */
|
|
706
556
|
--labels-x-small-size: 12px;
|
|
707
|
-
/* Labels/X-Small -
|
|
557
|
+
/* Labels/X-Small - style */
|
|
708
558
|
--labels-x-small-style: medium;
|
|
709
|
-
/* Colors/Brands/
|
|
559
|
+
/* Colors/Brands/BRAND/Light Gray - Global (primitives) */
|
|
710
560
|
--light-gray: #f5f5f5;
|
|
711
|
-
/* Colors/Brands/
|
|
561
|
+
/* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
|
|
712
562
|
--primary-00-base: #1756ff;
|
|
713
|
-
/* Colors/Brands/
|
|
563
|
+
/* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
|
|
714
564
|
--primary-15-dark: #1449d9;
|
|
715
|
-
/* Colors/Brands/
|
|
565
|
+
/* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
|
|
716
566
|
--primary-40-light: #749aff;
|
|
717
|
-
/* Colors/Brands/
|
|
567
|
+
/* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
|
|
718
568
|
--primary-55-light: #97b3ff;
|
|
719
|
-
/* Colors/Brands/
|
|
569
|
+
/* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
|
|
720
570
|
--primary-75-dark: #061640;
|
|
721
|
-
/* Colors/Brands/
|
|
571
|
+
/* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
|
|
722
572
|
--primary-85-light: #dce6ff;
|
|
723
573
|
/* Radius/full - Borders */
|
|
724
574
|
--radius-full: 999px;
|
|
@@ -732,17 +582,17 @@ body {
|
|
|
732
582
|
--radius-sm: 4px;
|
|
733
583
|
/* Radius/xlg - Borders */
|
|
734
584
|
--radius-xlg: 16px;
|
|
735
|
-
/* Colors/Brands/
|
|
585
|
+
/* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
|
|
736
586
|
--secondary-00-base: #1b3c55;
|
|
737
|
-
/* Colors/Brands/
|
|
587
|
+
/* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
|
|
738
588
|
--secondary-15-dark: #173348;
|
|
739
|
-
/* Colors/Brands/
|
|
589
|
+
/* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
|
|
740
590
|
--secondary-40-light: #8294a2;
|
|
741
|
-
/* Colors/Brands/
|
|
591
|
+
/* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
|
|
742
592
|
--secondary-55-light: #bbc5cc;
|
|
743
|
-
/* Colors/Brands/
|
|
593
|
+
/* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
|
|
744
594
|
--secondary-75-dark: #070f15;
|
|
745
|
-
/* Colors/Brands/
|
|
595
|
+
/* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
|
|
746
596
|
--secondary-85-light: #dde2e6;
|
|
747
597
|
/* Shadows/Inner-Shadow-black-100 - Global (primitives) */
|
|
748
598
|
--shadows-inner-shadow-black-100: #000000;
|
|
@@ -876,22 +726,10 @@ body {
|
|
|
876
726
|
--spacings-960: 96px;
|
|
877
727
|
/* Spacings/None - Global (primitives) */
|
|
878
728
|
--spacings-none: 0;
|
|
879
|
-
/*
|
|
880
|
-
--
|
|
881
|
-
/*
|
|
882
|
-
--
|
|
883
|
-
/* Status/on-informational - Theme - Coldwell Banker */
|
|
884
|
-
--status-on-informational: #ffffff;
|
|
885
|
-
/* Status/on-success - Theme - Coldwell Banker */
|
|
886
|
-
--status-on-success: #ffffff;
|
|
887
|
-
/* Status/on-warning - Theme - Coldwell Banker */
|
|
888
|
-
--status-on-warning: #141414;
|
|
889
|
-
/* Stroke/Neutral/focus-on-inverse - Theme - Coldwell Banker */
|
|
890
|
-
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
891
|
-
/* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
|
|
892
|
-
--stroke-neutral-interaction-inverse-focus: #ffffff;
|
|
893
|
-
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Coldwell Banker */
|
|
894
|
-
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
729
|
+
/* Stroke/AI-powered/blue - Theme - BRAND */
|
|
730
|
+
--stroke-ai-powered-blue: #000000;
|
|
731
|
+
/* Stroke/AI-powered/pink - Theme - BRAND */
|
|
732
|
+
--stroke-ai-powered-pink: #000000;
|
|
895
733
|
/* Stroke/none - Borders */
|
|
896
734
|
--stroke-none: 0;
|
|
897
735
|
/* Stroke/thick - Borders */
|
|
@@ -900,8 +738,10 @@ body {
|
|
|
900
738
|
--stroke-thicker: 4px;
|
|
901
739
|
/* Stroke/thin - Borders */
|
|
902
740
|
--stroke-thin: 1px;
|
|
903
|
-
/* Surface/
|
|
904
|
-
--surface-
|
|
741
|
+
/* Surface/AI-powered/blue - Theme - BRAND */
|
|
742
|
+
--surface-ai-powered-blue: #000000;
|
|
743
|
+
/* Surface/AI-powered/pink - Theme - BRAND */
|
|
744
|
+
--surface-ai-powered-pink: #000000;
|
|
905
745
|
/* Typeface - Brand */
|
|
906
746
|
--typeface: 'Work Sans', sans-serif;
|
|
907
747
|
/* Typography/Line-height/lh-1 - Global (primitives) */
|
|
@@ -967,29 +807,29 @@ body {
|
|
|
967
807
|
/* Typography/Size/xxxlg - Global (primitives) */
|
|
968
808
|
--typography-size-xxxlg: 40px;
|
|
969
809
|
/* Typography/Typeface/Arial - Global (primitives) */
|
|
970
|
-
--typography-typeface-arial: 'Arial'
|
|
810
|
+
--typography-typeface-arial: 'Arial';
|
|
971
811
|
/* Typography/Typeface/Geist - Global (primitives) */
|
|
972
|
-
--typography-typeface-geist: 'Geist'
|
|
812
|
+
--typography-typeface-geist: 'Geist';
|
|
973
813
|
/* Typography/Typeface/Helvetica - Global (primitives) */
|
|
974
|
-
--typography-typeface-helvetica: 'Helvetica'
|
|
814
|
+
--typography-typeface-helvetica: 'Helvetica';
|
|
975
815
|
/* Typography/Typeface/Inter - Global (primitives) */
|
|
976
|
-
--typography-typeface-inter: 'Inter'
|
|
816
|
+
--typography-typeface-inter: 'Inter';
|
|
977
817
|
/* Typography/Typeface/Lato - Global (primitives) */
|
|
978
|
-
--typography-typeface-lato: 'Lato'
|
|
818
|
+
--typography-typeface-lato: 'Lato';
|
|
979
819
|
/* Typography/Typeface/Manrope - Global (primitives) */
|
|
980
|
-
--typography-typeface-manrope: 'Manrope'
|
|
820
|
+
--typography-typeface-manrope: 'Manrope';
|
|
981
821
|
/* Typography/Typeface/Open Sans - Global (primitives) */
|
|
982
|
-
--typography-typeface-open-sans: 'Open Sans'
|
|
822
|
+
--typography-typeface-open-sans: 'Open Sans';
|
|
983
823
|
/* Typography/Typeface/Red Hat Text - Global (primitives) */
|
|
984
|
-
--typography-typeface-red-hat-text: 'Red Hat Text'
|
|
824
|
+
--typography-typeface-red-hat-text: 'Red Hat Text';
|
|
985
825
|
/* Typography/Typeface/Roboto - Global (primitives) */
|
|
986
|
-
--typography-typeface-roboto: 'Roboto'
|
|
826
|
+
--typography-typeface-roboto: 'Roboto';
|
|
987
827
|
/* Typography/Typeface/SF Pro - Global (primitives) */
|
|
988
|
-
--typography-typeface-sf-pro: 'SF Pro'
|
|
828
|
+
--typography-typeface-sf-pro: 'SF Pro';
|
|
989
829
|
/* Typography/Typeface/Typold - Global (primitives) */
|
|
990
|
-
--typography-typeface-typold: 'Typold'
|
|
830
|
+
--typography-typeface-typold: 'Typold';
|
|
991
831
|
/* Typography/Typeface/Work Sans - Global (primitives) */
|
|
992
|
-
--typography-typeface-work-sans: 'Work Sans'
|
|
832
|
+
--typography-typeface-work-sans: 'Work Sans';
|
|
993
833
|
/* Typography/Weight/300 - Global (primitives) */
|
|
994
834
|
--typography-weight-300: 300;
|
|
995
835
|
/* Typography/Weight/400 - Global (primitives) */
|
|
@@ -998,56 +838,56 @@ body {
|
|
|
998
838
|
--typography-weight-500: 500;
|
|
999
839
|
/* Typography/Weight/600 - Global (primitives) */
|
|
1000
840
|
--typography-weight-600: 600;
|
|
1001
|
-
/* Colors/Brands/
|
|
841
|
+
/* Colors/Brands/BRAND/Warn - Global (primitives) */
|
|
1002
842
|
--warn: #de342b;
|
|
1003
843
|
/* Mobile/Display/Regular/Large */
|
|
1004
844
|
--display-regular-large: 400 56px/72px var(--typeface);
|
|
1005
|
-
/* Mobile/Display/Regular/Large -
|
|
845
|
+
/* Mobile/Display/Regular/Large - line height */
|
|
1006
846
|
--display-regular-large-line-height: 72px;
|
|
1007
|
-
/* Mobile/Display/Regular/Large -
|
|
847
|
+
/* Mobile/Display/Regular/Large - size */
|
|
1008
848
|
--display-regular-large-size: 56px;
|
|
1009
|
-
/* Mobile/Display/Regular/Large -
|
|
849
|
+
/* Mobile/Display/Regular/Large - style */
|
|
1010
850
|
--display-regular-large-style: regular;
|
|
1011
851
|
/* Mobile/Display/Regular/Medium */
|
|
1012
852
|
--display-regular-medium: 400 48px/60px var(--typeface);
|
|
1013
|
-
/* Mobile/Display/Regular/Medium -
|
|
853
|
+
/* Mobile/Display/Regular/Medium - line height */
|
|
1014
854
|
--display-regular-medium-line-height: 60px;
|
|
1015
|
-
/* Mobile/Display/Regular/Medium -
|
|
855
|
+
/* Mobile/Display/Regular/Medium - size */
|
|
1016
856
|
--display-regular-medium-size: 48px;
|
|
1017
|
-
/* Mobile/Display/Regular/Medium -
|
|
857
|
+
/* Mobile/Display/Regular/Medium - style */
|
|
1018
858
|
--display-regular-medium-style: regular;
|
|
1019
859
|
/* Mobile/Display/Regular/Small */
|
|
1020
860
|
--display-regular-small: 400 40px/48px var(--typeface);
|
|
1021
|
-
/* Mobile/Display/Regular/Small -
|
|
861
|
+
/* Mobile/Display/Regular/Small - line height */
|
|
1022
862
|
--display-regular-small-line-height: 48px;
|
|
1023
|
-
/* Mobile/Display/Regular/Small -
|
|
863
|
+
/* Mobile/Display/Regular/Small - size */
|
|
1024
864
|
--display-regular-small-size: 40px;
|
|
1025
|
-
/* Mobile/Display/Regular/Small -
|
|
865
|
+
/* Mobile/Display/Regular/Small - style */
|
|
1026
866
|
--display-regular-small-style: regular;
|
|
1027
867
|
/* Mobile/Display/Semibold/Large */
|
|
1028
868
|
--display-semibold-large: 600 56px/72px var(--typeface);
|
|
1029
|
-
/* Mobile/Display/Semibold/Large -
|
|
869
|
+
/* Mobile/Display/Semibold/Large - line height */
|
|
1030
870
|
--display-semibold-large-line-height: 72px;
|
|
1031
|
-
/* Mobile/Display/Semibold/Large -
|
|
871
|
+
/* Mobile/Display/Semibold/Large - size */
|
|
1032
872
|
--display-semibold-large-size: 56px;
|
|
1033
|
-
/* Mobile/Display/Semibold/Large -
|
|
1034
|
-
--display-semibold-large-style:
|
|
873
|
+
/* Mobile/Display/Semibold/Large - style */
|
|
874
|
+
--display-semibold-large-style: 600;
|
|
1035
875
|
/* Mobile/Display/Semibold/Medium */
|
|
1036
876
|
--display-semibold-medium: 600 48px/60px var(--typeface);
|
|
1037
|
-
/* Mobile/Display/Semibold/Medium -
|
|
877
|
+
/* Mobile/Display/Semibold/Medium - line height */
|
|
1038
878
|
--display-semibold-medium-line-height: 60px;
|
|
1039
|
-
/* Mobile/Display/Semibold/Medium -
|
|
879
|
+
/* Mobile/Display/Semibold/Medium - size */
|
|
1040
880
|
--display-semibold-medium-size: 48px;
|
|
1041
|
-
/* Mobile/Display/Semibold/Medium -
|
|
1042
|
-
--display-semibold-medium-style:
|
|
881
|
+
/* Mobile/Display/Semibold/Medium - style */
|
|
882
|
+
--display-semibold-medium-style: 600;
|
|
1043
883
|
/* Mobile/Display/Semibold/Small */
|
|
1044
884
|
--display-semibold-small: 600 40px/48px var(--typeface);
|
|
1045
|
-
/* Mobile/Display/Semibold/Small -
|
|
885
|
+
/* Mobile/Display/Semibold/Small - line height */
|
|
1046
886
|
--display-semibold-small-line-height: 48px;
|
|
1047
|
-
/* Mobile/Display/Semibold/Small -
|
|
887
|
+
/* Mobile/Display/Semibold/Small - size */
|
|
1048
888
|
--display-semibold-small-size: 40px;
|
|
1049
|
-
/* Mobile/Display/Semibold/Small -
|
|
1050
|
-
--display-semibold-small-style:
|
|
889
|
+
/* Mobile/Display/Semibold/Small - style */
|
|
890
|
+
--display-semibold-small-style: 600;
|
|
1051
891
|
/* Mobile/Heading/H1 - Large Headline */
|
|
1052
892
|
--heading-h1: 600 32px/40px var(--typeface);
|
|
1053
893
|
/* Mobile/Heading/H1 - Large Headline line height */
|
|
@@ -1055,7 +895,7 @@ body {
|
|
|
1055
895
|
/* Mobile/Heading/H1 - Large Headline size */
|
|
1056
896
|
--heading-h1-size: 32px;
|
|
1057
897
|
/* Mobile/Heading/H1 - Large Headline style */
|
|
1058
|
-
--heading-h1-style:
|
|
898
|
+
--heading-h1-style: 600;
|
|
1059
899
|
/* Mobile/Heading/H2 - Headline */
|
|
1060
900
|
--heading-h2: 600 28px/36px var(--typeface);
|
|
1061
901
|
/* Mobile/Heading/H2 - Headline line height */
|
|
@@ -1063,7 +903,7 @@ body {
|
|
|
1063
903
|
/* Mobile/Heading/H2 - Headline size */
|
|
1064
904
|
--heading-h2-size: 28px;
|
|
1065
905
|
/* Mobile/Heading/H2 - Headline style */
|
|
1066
|
-
--heading-h2-style:
|
|
906
|
+
--heading-h2-style: 600;
|
|
1067
907
|
/* Mobile/Heading/H3 - Headline */
|
|
1068
908
|
--heading-h3: 600 24px/32px var(--typeface);
|
|
1069
909
|
/* Mobile/Heading/H3 - Headline line height */
|
|
@@ -1071,7 +911,7 @@ body {
|
|
|
1071
911
|
/* Mobile/Heading/H3 - Headline size */
|
|
1072
912
|
--heading-h3-size: 24px;
|
|
1073
913
|
/* Mobile/Heading/H3 - Headline style */
|
|
1074
|
-
--heading-h3-style:
|
|
914
|
+
--heading-h3-style: 600;
|
|
1075
915
|
/* Mobile/Heading/H4 - Headline */
|
|
1076
916
|
--heading-h4: 600 20px/28px var(--typeface);
|
|
1077
917
|
/* Mobile/Heading/H4 - Headline line height */
|
|
@@ -1079,22 +919,22 @@ body {
|
|
|
1079
919
|
/* Mobile/Heading/H4 - Headline size */
|
|
1080
920
|
--heading-h4-size: 20px;
|
|
1081
921
|
/* Mobile/Heading/H4 - Headline style */
|
|
1082
|
-
--heading-h4-style:
|
|
922
|
+
--heading-h4-style: 600;
|
|
1083
923
|
/* Mobile/Heading/H5 */
|
|
1084
924
|
--heading-h5: 600 18px/24px var(--typeface);
|
|
1085
|
-
/* Mobile/Heading/H5 -
|
|
925
|
+
/* Mobile/Heading/H5 - line height */
|
|
1086
926
|
--heading-h5-line-height: 24px;
|
|
1087
|
-
/* Mobile/Heading/H5 -
|
|
927
|
+
/* Mobile/Heading/H5 - size */
|
|
1088
928
|
--heading-h5-size: 18px;
|
|
1089
|
-
/* Mobile/Heading/H5 -
|
|
1090
|
-
--heading-h5-style:
|
|
929
|
+
/* Mobile/Heading/H5 - style */
|
|
930
|
+
--heading-h5-style: 600;
|
|
1091
931
|
/* Mobile/Heading/H6 */
|
|
1092
932
|
--heading-h6: 500 16px/20px var(--typeface);
|
|
1093
|
-
/* Mobile/Heading/H6 -
|
|
933
|
+
/* Mobile/Heading/H6 - line height */
|
|
1094
934
|
--heading-h6-line-height: 20px;
|
|
1095
|
-
/* Mobile/Heading/H6 -
|
|
935
|
+
/* Mobile/Heading/H6 - size */
|
|
1096
936
|
--heading-h6-size: 16px;
|
|
1097
|
-
/* Mobile/Heading/H6 -
|
|
937
|
+
/* Mobile/Heading/H6 - style */
|
|
1098
938
|
--heading-h6-style: medium;
|
|
1099
939
|
/* Mobile/Subheader/Large - Headline */
|
|
1100
940
|
--subheader-large: 400 20px/28px var(--typeface);
|
|
@@ -1136,756 +976,825 @@ body {
|
|
|
1136
976
|
--subheader-xxx-large-size: 32px;
|
|
1137
977
|
/* Mobile/Subheader/XXX-Large - Large Headline style */
|
|
1138
978
|
--subheader-xxx-large-style: regular;
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1142
|
-
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1143
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1144
|
-
--display-regular-large-line-height: 88px;
|
|
1145
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1146
|
-
--display-regular-large-size: 64px;
|
|
1147
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1148
|
-
--display-regular-large-style: regular;
|
|
1149
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1150
|
-
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1151
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1152
|
-
--display-regular-medium-line-height: 72px;
|
|
1153
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1154
|
-
--display-regular-medium-size: 56px;
|
|
1155
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1156
|
-
--display-regular-medium-style: regular;
|
|
1157
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1158
|
-
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1159
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1160
|
-
--display-regular-small-line-height: 60px;
|
|
1161
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1162
|
-
--display-regular-small-size: 48px;
|
|
1163
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1164
|
-
--display-regular-small-style: regular;
|
|
1165
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1166
|
-
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1167
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1168
|
-
--display-semibold-large-line-height: 88px;
|
|
1169
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1170
|
-
--display-semibold-large-size: 64px;
|
|
1171
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1172
|
-
--display-semibold-large-style: semibold;
|
|
1173
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1174
|
-
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1175
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1176
|
-
--display-semibold-medium-line-height: 72px;
|
|
1177
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1178
|
-
--display-semibold-medium-size: 56px;
|
|
1179
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1180
|
-
--display-semibold-medium-style: semibold;
|
|
1181
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1182
|
-
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1183
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1184
|
-
--display-semibold-small-line-height: 60px;
|
|
1185
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1186
|
-
--display-semibold-small-size: 48px;
|
|
1187
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1188
|
-
--display-semibold-small-style: semibold;
|
|
1189
|
-
/* Desktop/Heading/H1 */
|
|
1190
|
-
--heading-h1: 600 40px/48px var(--typeface);
|
|
1191
|
-
/* Desktop/Heading/H1 - line height */
|
|
1192
|
-
--heading-h1-line-height: 48px;
|
|
1193
|
-
/* Desktop/Heading/H1 - size */
|
|
1194
|
-
--heading-h1-size: 40px;
|
|
1195
|
-
/* Desktop/Heading/H1 - style */
|
|
1196
|
-
--heading-h1-style: semibold;
|
|
1197
|
-
/* Desktop/Heading/H2 */
|
|
1198
|
-
--heading-h2: 600 32px/40px var(--typeface);
|
|
1199
|
-
/* Desktop/Heading/H2 - line height */
|
|
1200
|
-
--heading-h2-line-height: 40px;
|
|
1201
|
-
/* Desktop/Heading/H2 - size */
|
|
1202
|
-
--heading-h2-size: 32px;
|
|
1203
|
-
/* Desktop/Heading/H2 - style */
|
|
1204
|
-
--heading-h2-style: semibold;
|
|
1205
|
-
/* Desktop/Heading/H3 */
|
|
1206
|
-
--heading-h3: 600 28px/36px var(--typeface);
|
|
1207
|
-
/* Desktop/Heading/H3 - line height */
|
|
1208
|
-
--heading-h3-line-height: 36px;
|
|
1209
|
-
/* Desktop/Heading/H3 - size */
|
|
1210
|
-
--heading-h3-size: 28px;
|
|
1211
|
-
/* Desktop/Heading/H3 - style */
|
|
1212
|
-
--heading-h3-style: semibold;
|
|
1213
|
-
/* Desktop/Heading/H4 */
|
|
1214
|
-
--heading-h4: 600 24px/32px var(--typeface);
|
|
1215
|
-
/* Desktop/Heading/H4 - line height */
|
|
1216
|
-
--heading-h4-line-height: 32px;
|
|
1217
|
-
/* Desktop/Heading/H4 - size */
|
|
1218
|
-
--heading-h4-size: 24px;
|
|
1219
|
-
/* Desktop/Heading/H4 - style */
|
|
1220
|
-
--heading-h4-style: semibold;
|
|
1221
|
-
/* Desktop/Heading/H5 */
|
|
1222
|
-
--heading-h5: 600 20px/28px var(--typeface);
|
|
1223
|
-
/* Desktop/Heading/H5 - line height */
|
|
1224
|
-
--heading-h5-line-height: 28px;
|
|
1225
|
-
/* Desktop/Heading/H5 - size */
|
|
1226
|
-
--heading-h5-size: 20px;
|
|
1227
|
-
/* Desktop/Heading/H5 - style */
|
|
1228
|
-
--heading-h5-style: semibold;
|
|
1229
|
-
/* Desktop/Heading/H6 */
|
|
1230
|
-
--heading-h6: 500 18px/24px var(--typeface);
|
|
1231
|
-
/* Desktop/Heading/H6 - line height */
|
|
1232
|
-
--heading-h6-line-height: 24px;
|
|
1233
|
-
/* Desktop/Heading/H6 - size */
|
|
1234
|
-
--heading-h6-size: 18px;
|
|
1235
|
-
/* Desktop/Heading/H6 - style */
|
|
1236
|
-
--heading-h6-style: medium;
|
|
1237
|
-
/* Desktop/Subheader/Large - Headline */
|
|
1238
|
-
--subheader-large: 400 24px/32px var(--typeface);
|
|
1239
|
-
/* Desktop/Subheader/Large - Headline line height */
|
|
1240
|
-
--subheader-large-line-height: 32px;
|
|
1241
|
-
/* Desktop/Subheader/Large - Headline size */
|
|
1242
|
-
--subheader-large-size: 24px;
|
|
1243
|
-
/* Desktop/Subheader/Large - Headline style */
|
|
1244
|
-
--subheader-large-style: regular;
|
|
1245
|
-
/* Desktop/Subheader/Medium */
|
|
1246
|
-
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1247
|
-
/* Desktop/Subheader/Medium - line height */
|
|
1248
|
-
--subheader-medium-line-height: 28px;
|
|
1249
|
-
/* Desktop/Subheader/Medium - size */
|
|
1250
|
-
--subheader-medium-size: 20px;
|
|
1251
|
-
/* Desktop/Subheader/Medium - style */
|
|
1252
|
-
--subheader-medium-style: regular;
|
|
1253
|
-
/* Desktop/Subheader/X-Large - Headline */
|
|
1254
|
-
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1255
|
-
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1256
|
-
--subheader-x-large-line-height: 36px;
|
|
1257
|
-
/* Desktop/Subheader/X-Large - Headline size */
|
|
1258
|
-
--subheader-x-large-size: 28px;
|
|
1259
|
-
/* Desktop/Subheader/X-Large - Headline style */
|
|
1260
|
-
--subheader-x-large-style: regular;
|
|
1261
|
-
/* Desktop/Subheader/XX-Large - Headline */
|
|
1262
|
-
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1263
|
-
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1264
|
-
--subheader-xx-large-line-height: 40px;
|
|
1265
|
-
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1266
|
-
--subheader-xx-large-size: 32px;
|
|
1267
|
-
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1268
|
-
--subheader-xx-large-style: regular;
|
|
1269
|
-
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1270
|
-
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1271
|
-
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1272
|
-
--subheader-xxx-large-line-height: 48px;
|
|
1273
|
-
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1274
|
-
--subheader-xxx-large-size: 40px;
|
|
1275
|
-
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1276
|
-
--subheader-xxx-large-style: regular;
|
|
1277
|
-
}
|
|
1278
|
-
|
|
1279
|
-
/** Light theme (default) **/
|
|
1280
|
-
/* Background/base - Theme - Coldwell Banker */
|
|
979
|
+
/* light theme (default) */
|
|
980
|
+
/* Background/base - Theme - BRAND */
|
|
1281
981
|
--background-base: #ffffff;
|
|
1282
|
-
/* Background/scrim - Theme -
|
|
982
|
+
/* Background/scrim - Theme - BRAND */
|
|
1283
983
|
--background-scrim: #00000040;
|
|
1284
|
-
/* Background/shade - Theme -
|
|
984
|
+
/* Background/shade - Theme - BRAND */
|
|
1285
985
|
--background-shade: #f5f5f5;
|
|
1286
|
-
/* Data visual/category-01 -
|
|
986
|
+
/* Data visual/category-01 - Brand */
|
|
1287
987
|
--data-visual-category-01: #0a466c;
|
|
1288
|
-
/* Data visual/category-01-highlight -
|
|
988
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1289
989
|
--data-visual-category-01-highlight: #0a466c4d;
|
|
1290
|
-
/* Data visual/category-02 -
|
|
990
|
+
/* Data visual/category-02 - Brand */
|
|
1291
991
|
--data-visual-category-02: #299de0;
|
|
1292
|
-
/* Data visual/category-02-highlight -
|
|
992
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1293
993
|
--data-visual-category-02-highlight: #299de04d;
|
|
1294
|
-
/* Data visual/category-03 -
|
|
994
|
+
/* Data visual/category-03 - Brand */
|
|
1295
995
|
--data-visual-category-03: #130033;
|
|
1296
|
-
/* Data visual/category-03-highlight -
|
|
996
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1297
997
|
--data-visual-category-03-highlight: #1300334d;
|
|
1298
|
-
/* Data visual/category-04 -
|
|
998
|
+
/* Data visual/category-04 - Brand */
|
|
1299
999
|
--data-visual-category-04: #389e7a;
|
|
1300
|
-
/* Data visual/category-04-highlight -
|
|
1000
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1301
1001
|
--data-visual-category-04-highlight: #389e7a4d;
|
|
1302
|
-
/* Data visual/category-05 -
|
|
1002
|
+
/* Data visual/category-05 - Brand */
|
|
1303
1003
|
--data-visual-category-05: #094a53;
|
|
1304
|
-
/* Data visual/category-05-highlight -
|
|
1004
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1305
1005
|
--data-visual-category-05-highlight: #094a534d;
|
|
1306
|
-
/* Data visual/category-06 -
|
|
1006
|
+
/* Data visual/category-06 - Brand */
|
|
1307
1007
|
--data-visual-category-06: #7f7f7f;
|
|
1308
|
-
/* Data visual/category-06-highlight -
|
|
1008
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1309
1009
|
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
1310
|
-
/* Data visual/category-07 -
|
|
1010
|
+
/* Data visual/category-07 - Brand */
|
|
1311
1011
|
--data-visual-category-07: #433479;
|
|
1312
|
-
/* Data visual/category-07-highlight -
|
|
1012
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1313
1013
|
--data-visual-category-07-highlight: #4334794d;
|
|
1314
|
-
/* Data visual/category-1 - Theme -
|
|
1014
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1315
1015
|
--data-visual-category-1: #0a466c;
|
|
1316
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1016
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1317
1017
|
--data-visual-category-1-highlight: #0a466c4d;
|
|
1318
|
-
/* Data visual/category-2 - Theme -
|
|
1018
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1319
1019
|
--data-visual-category-2: #299de0;
|
|
1320
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1020
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1321
1021
|
--data-visual-category-2-highlight: #299de04d;
|
|
1322
|
-
/* Data visual/category-3 - Theme -
|
|
1022
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1323
1023
|
--data-visual-category-3: #130033;
|
|
1324
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1024
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1325
1025
|
--data-visual-category-3-highlight: #1300334d;
|
|
1326
|
-
/* Data visual/category-4 - Theme -
|
|
1026
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1327
1027
|
--data-visual-category-4: #389e7a;
|
|
1328
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1028
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1329
1029
|
--data-visual-category-4-highlight: #389e7a4d;
|
|
1330
|
-
/* Data visual/category-5 - Theme -
|
|
1030
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1331
1031
|
--data-visual-category-5: #094a53;
|
|
1332
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1032
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1333
1033
|
--data-visual-category-5-highlight: #094a534d;
|
|
1334
|
-
/* Data visual/category-6 - Theme -
|
|
1034
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1335
1035
|
--data-visual-category-6: #7f7f7f;
|
|
1336
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1036
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1337
1037
|
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1338
|
-
/* Data visual/category-7 - Theme -
|
|
1038
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1339
1039
|
--data-visual-category-7: #433479;
|
|
1340
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1040
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1341
1041
|
--data-visual-category-7-highlight: #4334794d;
|
|
1342
|
-
/* Data visual/gradient-end - Theme -
|
|
1042
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1343
1043
|
--data-visual-gradient-end: #ffffff4d;
|
|
1344
|
-
/* Data visual/green - Theme -
|
|
1044
|
+
/* Data visual/green - Theme - BRAND */
|
|
1345
1045
|
--data-visual-green: #258750;
|
|
1346
|
-
/* Data visual/green-highlight - Theme -
|
|
1046
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1347
1047
|
--data-visual-green-highlight: #deede5;
|
|
1348
|
-
/* Data visual/negative -
|
|
1048
|
+
/* Data visual/negative - Brand */
|
|
1349
1049
|
--data-visual-negative: #d83a52;
|
|
1350
|
-
/* Data visual/negative-highlight -
|
|
1050
|
+
/* Data visual/negative-highlight - Brand */
|
|
1351
1051
|
--data-visual-negative-highlight: #f9e1e5;
|
|
1352
|
-
/* Data visual/positive -
|
|
1052
|
+
/* Data visual/positive - Brand */
|
|
1353
1053
|
--data-visual-positive: #258750;
|
|
1354
|
-
/* Data visual/positive-highlight -
|
|
1054
|
+
/* Data visual/positive-highlight - Brand */
|
|
1355
1055
|
--data-visual-positive-highlight: #deede5;
|
|
1356
|
-
/* Data visual/red - Theme -
|
|
1056
|
+
/* Data visual/red - Theme - BRAND */
|
|
1357
1057
|
--data-visual-red: #d83a52;
|
|
1358
|
-
/* Data visual/red-highlight - Theme -
|
|
1058
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1359
1059
|
--data-visual-red-highlight: #f9e1e5;
|
|
1360
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1060
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1361
1061
|
--foreground-brand-on-inverse-primary: #749aff;
|
|
1362
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1062
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1363
1063
|
--foreground-brand-on-inverse-secondary: #bbc5cc;
|
|
1364
|
-
/* Foreground/Brand/on-brand-primary - Theme -
|
|
1064
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1065
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1365
1066
|
--foreground-brand-on-primary: #ffffff;
|
|
1366
|
-
/* Foreground/Brand/on-brand-secondary - Theme -
|
|
1067
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1068
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1367
1069
|
--foreground-brand-on-secondary: #ffffff;
|
|
1368
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1070
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1071
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1369
1072
|
--foreground-brand-primary: #1756ff;
|
|
1370
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1073
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1371
1074
|
--foreground-brand-primary-depth: #1449d9;
|
|
1372
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1075
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1076
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1373
1077
|
--foreground-brand-secondary: #1b3c55;
|
|
1374
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1078
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1375
1079
|
--foreground-brand-secondary-depth: #173348;
|
|
1376
|
-
/* Foreground/Link text/default - Theme -
|
|
1080
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1377
1081
|
--foreground-link-text-default: #215ecd;
|
|
1378
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1082
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1379
1083
|
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1380
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1084
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1381
1085
|
--foreground-link-text-default-hovered: #1e55b9;
|
|
1382
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1086
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1383
1087
|
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1384
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1088
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1385
1089
|
--foreground-link-text-default-visited: #7a3e7a;
|
|
1386
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1090
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1387
1091
|
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1388
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1092
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1389
1093
|
--foreground-link-text-subtle-hovered: #292929;
|
|
1390
|
-
/* Foreground/Link text/subtle-
|
|
1094
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1095
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1096
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1097
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1098
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1391
1099
|
--foreground-link-text-subtle-inversed-disabled: #757575;
|
|
1392
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1393
|
-
--foreground-link-text-subtle-pressed: #
|
|
1394
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1100
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1101
|
+
--foreground-link-text-subtle-pressed: #3d3d3d;
|
|
1102
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1395
1103
|
--foreground-neutral-disabled-on-color-surface: #757575;
|
|
1396
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1104
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1397
1105
|
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1398
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1106
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1107
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1108
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1109
|
+
/* Interactive controls */
|
|
1110
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1111
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1112
|
+
/* Text and icons against inverse surface */
|
|
1113
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1114
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1115
|
+
/* Default foreground text and icons against any surface color */
|
|
1399
1116
|
--foreground-neutral-on-surface: #141414;
|
|
1400
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1401
|
-
|
|
1402
|
-
|
|
1117
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1118
|
+
/* Secondary foreground color for icons and text */
|
|
1119
|
+
--foreground-neutral-on-surface-variant-01: #707070;
|
|
1120
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1121
|
+
/* Tertiary foreground color for icons and text */
|
|
1403
1122
|
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1404
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1123
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1124
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1405
1125
|
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1406
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1407
|
-
--foreground-neutral-skeleton-element: #
|
|
1408
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1126
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1127
|
+
--foreground-neutral-skeleton-element: #e0e0e0;
|
|
1128
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1409
1129
|
--foreground-spectrum-blue: #143778;
|
|
1410
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1130
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1411
1131
|
--foreground-spectrum-green: #134428;
|
|
1412
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1132
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1413
1133
|
--foreground-spectrum-lime: #60651a;
|
|
1414
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1134
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1415
1135
|
--foreground-spectrum-magenta: #63076f;
|
|
1416
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1136
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1417
1137
|
--foreground-spectrum-orange: #773001;
|
|
1418
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1138
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1419
1139
|
--foreground-spectrum-pink: #6c1240;
|
|
1420
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1140
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1421
1141
|
--foreground-spectrum-purple: #310077;
|
|
1422
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1142
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1423
1143
|
--foreground-spectrum-red: #6c1d29;
|
|
1424
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1144
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1425
1145
|
--foreground-spectrum-teal: #01413c;
|
|
1426
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1146
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1427
1147
|
--foreground-spectrum-yellow: #7b5e18;
|
|
1428
|
-
/*
|
|
1429
|
-
--interaction-brand-disabled-opacity: #0000000f;
|
|
1430
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1431
|
-
--interaction-brand-hover-opacity: #0000001a;
|
|
1432
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1433
|
-
--interaction-brand-press-opacity: #00000033;
|
|
1434
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1435
|
-
--interaction-hover-opacity: #00000014;
|
|
1436
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1437
|
-
--interaction-link-active-opacity: #0000004d;
|
|
1438
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1439
|
-
--interaction-press-opacity: #00000029;
|
|
1440
|
-
/* Interactions/brand-disabled-opacity - Theme - Coldwell Banker */
|
|
1148
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1441
1149
|
--interactions-brand-disabled-opacity: #0000000f;
|
|
1442
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1150
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1443
1151
|
--interactions-brand-hover-opacity: #0000001a;
|
|
1444
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1152
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1445
1153
|
--interactions-brand-press-opacity: #00000033;
|
|
1446
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1154
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1447
1155
|
--interactions-disabled-opacity: #0000000f;
|
|
1448
|
-
/* Interactions/hover-opacity - Theme -
|
|
1156
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1449
1157
|
--interactions-hover-opacity: #00000014;
|
|
1450
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1158
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1451
1159
|
--interactions-link-active-opacity: #0000004d;
|
|
1452
|
-
/* Interactions/neutral-hover-opacity -
|
|
1160
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1161
|
+
/* surfaces using neutral tones */
|
|
1453
1162
|
--interactions-neutral-hover-opacity: #00000014;
|
|
1454
|
-
/* Interactions/neutral-press-opacity -
|
|
1163
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1164
|
+
/* surfaces using neutral tones */
|
|
1455
1165
|
--interactions-neutral-press-opacity: #00000029;
|
|
1456
|
-
/* Interactions/press-opacity - Theme -
|
|
1166
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1457
1167
|
--interactions-press-opacity: #00000029;
|
|
1458
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1168
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1459
1169
|
--interactions-primary-disabled-opacity: #1756ff1f;
|
|
1460
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1170
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1461
1171
|
--interactions-primary-hover-opacity: #1756ff1a;
|
|
1462
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1172
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1463
1173
|
--interactions-primary-press-opacity: #1756ff33;
|
|
1464
|
-
/* Shadow/shadow-10 - Theme -
|
|
1174
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1465
1175
|
--shadow-10: #0000001a;
|
|
1466
|
-
/* Shadow/shadow-12 - Theme -
|
|
1176
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1467
1177
|
--shadow-12: #0000001f;
|
|
1468
|
-
/* Shadow/shadow-15 - Theme -
|
|
1178
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1469
1179
|
--shadow-15: #00000026;
|
|
1470
|
-
/* Shadow/shadow-25 - Theme -
|
|
1180
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1471
1181
|
--shadow-25: #00000040;
|
|
1472
|
-
/* Shadow/shadow-32 - Theme -
|
|
1182
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1473
1183
|
--shadow-32: #00000052;
|
|
1474
|
-
/* Shadow/inner-shadow -
|
|
1184
|
+
/* Shadow/inner-shadow - Brand */
|
|
1475
1185
|
--shadow-inner: #ffffff;
|
|
1476
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1186
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1477
1187
|
--shadow-inner-100: #ffffff;
|
|
1478
|
-
/* Shadow/variant-01 -
|
|
1188
|
+
/* Shadow/variant-01 - Brand */
|
|
1479
1189
|
--shadow-variant-01: #0000001a;
|
|
1480
|
-
/* Shadow/variant-02 -
|
|
1190
|
+
/* Shadow/variant-02 - Brand */
|
|
1481
1191
|
--shadow-variant-02: #0000001f;
|
|
1482
|
-
/* Shadow/variant-03 -
|
|
1192
|
+
/* Shadow/variant-03 - Brand */
|
|
1483
1193
|
--shadow-variant-03: #00000026;
|
|
1484
|
-
/* Shadow/variant-04 -
|
|
1194
|
+
/* Shadow/variant-04 - Brand */
|
|
1485
1195
|
--shadow-variant-04: #00000040;
|
|
1486
|
-
/* Shadow/variant-05 -
|
|
1196
|
+
/* Shadow/variant-05 - Brand */
|
|
1487
1197
|
--shadow-variant-05: #00000052;
|
|
1488
|
-
/* Status/error - Theme -
|
|
1198
|
+
/* Status/error - Theme - BRAND */
|
|
1199
|
+
/* Foreground error text and icons */
|
|
1489
1200
|
--status-error: #d83a52;
|
|
1490
|
-
/* Status/information - Theme -
|
|
1201
|
+
/* Status/information - Theme - BRAND */
|
|
1491
1202
|
--status-information: #276ef1;
|
|
1492
|
-
/* Status/informational -
|
|
1203
|
+
/* Status/informational - Brand */
|
|
1204
|
+
/* Foreground informational text and icons */
|
|
1493
1205
|
--status-informational: #276ef1;
|
|
1494
|
-
/* Status/
|
|
1206
|
+
/* Status/on-error - Theme - BRAND */
|
|
1207
|
+
/* Foreground error text and icons */
|
|
1208
|
+
--status-on-error: #ffffff;
|
|
1209
|
+
/* Status/on-information - Theme - BRAND */
|
|
1210
|
+
--status-on-information: #ffffff;
|
|
1211
|
+
/* Status/on-informational - Brand */
|
|
1212
|
+
/* Foreground informational text and icons */
|
|
1213
|
+
--status-on-informational: #ffffff;
|
|
1214
|
+
/* Status/on-success - Theme - BRAND */
|
|
1215
|
+
/* Foreground success icons and text */
|
|
1216
|
+
--status-on-success: #ffffff;
|
|
1217
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1218
|
+
/* Foreground warning icons */
|
|
1219
|
+
--status-on-warning: #141414;
|
|
1220
|
+
/* Status/success - Theme - BRAND */
|
|
1221
|
+
/* Foreground success icons and text */
|
|
1495
1222
|
--status-success: #258750;
|
|
1496
|
-
/* Status/warning - Theme -
|
|
1223
|
+
/* Status/warning - Theme - BRAND */
|
|
1224
|
+
/* Foreground warning icons */
|
|
1497
1225
|
--status-warning: #f6bc2f;
|
|
1498
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1226
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1227
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1499
1228
|
--stroke-brand-primary: #1756ff;
|
|
1500
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1229
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1230
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1501
1231
|
--stroke-brand-primary-depth: #1449d9;
|
|
1502
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1232
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1503
1233
|
--stroke-brand-secondary: #1b3c55;
|
|
1504
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1234
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1505
1235
|
--stroke-brand-secondary-depth: #173348;
|
|
1506
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1236
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1237
|
+
/* For control components */
|
|
1507
1238
|
--stroke-neutral-base: #949494;
|
|
1508
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1239
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1240
|
+
/* Disabled outline separating the fill and surface background */
|
|
1509
1241
|
--stroke-neutral-disabled-dark: #757575;
|
|
1510
|
-
/* Stroke/Neutral/disabled-light -
|
|
1242
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1243
|
+
/* Disabled outline separating the fill and surface background */
|
|
1511
1244
|
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1512
|
-
/* Stroke/Neutral/focus -
|
|
1245
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1246
|
+
/* Highlight focus element */
|
|
1513
1247
|
--stroke-neutral-focus: #000000;
|
|
1514
|
-
/* Stroke/Neutral/
|
|
1248
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1249
|
+
/* Highlight focus element */
|
|
1250
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1251
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1515
1252
|
--stroke-neutral-high: #141414;
|
|
1516
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1253
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1517
1254
|
--stroke-neutral-high-contrast: #141414;
|
|
1518
|
-
/* Stroke/Neutral/
|
|
1519
|
-
--stroke-neutral-interaction-disabled-dark: #48566a;
|
|
1520
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1521
|
-
--stroke-neutral-interaction-disabled-light: #c8d6e5;
|
|
1522
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1523
|
-
--stroke-neutral-interaction-focus: #000000;
|
|
1524
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Coldwell Banker */
|
|
1255
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1525
1256
|
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1526
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme -
|
|
1257
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1527
1258
|
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1528
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1259
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1529
1260
|
--stroke-neutral-interactions-focus: #000000;
|
|
1530
|
-
/* Stroke/Neutral/
|
|
1261
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1262
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1263
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1264
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1531
1265
|
--stroke-neutral-low: #e0e0e0;
|
|
1532
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1266
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1533
1267
|
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1534
|
-
/* Surface/Brand/primary - Theme -
|
|
1268
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1535
1269
|
--surface-brand-primary: #1756ff;
|
|
1536
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1270
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1537
1271
|
--surface-brand-primary-highlight: #dce6ff;
|
|
1538
|
-
/* Surface/Brand/secondary - Theme -
|
|
1272
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1539
1273
|
--surface-brand-secondary: #1b3c55;
|
|
1540
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1274
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1541
1275
|
--surface-brand-secondary-highlight: #dde2e6;
|
|
1542
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1276
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1543
1277
|
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1544
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1278
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1545
1279
|
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1546
|
-
/* Surface/Neutral/
|
|
1547
|
-
|
|
1548
|
-
/* Surface/Neutral/inverse - Theme - Coldwell Banker */
|
|
1280
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1281
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1549
1282
|
--surface-neutral-inverse: #1f1f1f;
|
|
1550
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1283
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1551
1284
|
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1552
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1285
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1553
1286
|
--surface-neutral-inverse-light: #ffffff;
|
|
1554
|
-
/* Surface/Neutral/
|
|
1555
|
-
--surface-neutral-skeleton: #e0e0e0;
|
|
1556
|
-
/* Surface/Neutral/T1-base - Theme - Coldwell Banker */
|
|
1287
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1557
1288
|
--surface-neutral-t1-base: #ffffff;
|
|
1558
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1289
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1559
1290
|
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1560
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1291
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1292
|
+
/* Navigations, app bar etc */
|
|
1561
1293
|
--surface-neutral-t3-low: #dbdbdb;
|
|
1562
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1294
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1295
|
+
/* Navigations, app bar etc */
|
|
1563
1296
|
--surface-neutral-t4-high: #6b6b6b;
|
|
1564
|
-
/* Surface/
|
|
1297
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1298
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1299
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1565
1300
|
--surface-spectrum-blue: #dfe9fd;
|
|
1566
|
-
/* Surface/Spectrum/green - Theme -
|
|
1301
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1567
1302
|
--surface-spectrum-green: #deede5;
|
|
1568
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1303
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1569
1304
|
--surface-spectrum-lime: #f6f7e0;
|
|
1570
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1305
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1571
1306
|
--surface-spectrum-magenta: #f6dbfa;
|
|
1572
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1307
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1573
1308
|
--surface-spectrum-orange: #fce7d9;
|
|
1574
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1309
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1575
1310
|
--surface-spectrum-pink: #f9deec;
|
|
1576
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1311
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1577
1312
|
--surface-spectrum-purple: #e7d9fc;
|
|
1578
|
-
/* Surface/Spectrum/red - Theme -
|
|
1313
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1579
1314
|
--surface-spectrum-red: #f9e1e5;
|
|
1580
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1315
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1581
1316
|
--surface-spectrum-teal: #d9eceb;
|
|
1582
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1317
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1583
1318
|
--surface-spectrum-yellow: #fef5e0;
|
|
1584
|
-
}
|
|
1585
1319
|
|
|
1320
|
+
@media (width >= 640px) {
|
|
1321
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1322
|
+
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1323
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1324
|
+
--display-regular-large-line-height: 88px;
|
|
1325
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1326
|
+
--display-regular-large-size: 64px;
|
|
1327
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1328
|
+
--display-regular-large-style: regular;
|
|
1329
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1330
|
+
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1331
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1332
|
+
--display-regular-medium-line-height: 72px;
|
|
1333
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1334
|
+
--display-regular-medium-size: 56px;
|
|
1335
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1336
|
+
--display-regular-medium-style: regular;
|
|
1337
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1338
|
+
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1339
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1340
|
+
--display-regular-small-line-height: 60px;
|
|
1341
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1342
|
+
--display-regular-small-size: 48px;
|
|
1343
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1344
|
+
--display-regular-small-style: regular;
|
|
1345
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1346
|
+
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1347
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1348
|
+
--display-semibold-large-line-height: 88px;
|
|
1349
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1350
|
+
--display-semibold-large-size: 64px;
|
|
1351
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1352
|
+
--display-semibold-large-style: 600;
|
|
1353
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1354
|
+
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1355
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1356
|
+
--display-semibold-medium-line-height: 72px;
|
|
1357
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1358
|
+
--display-semibold-medium-size: 56px;
|
|
1359
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1360
|
+
--display-semibold-medium-style: 600;
|
|
1361
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1362
|
+
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1363
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1364
|
+
--display-semibold-small-line-height: 60px;
|
|
1365
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1366
|
+
--display-semibold-small-size: 48px;
|
|
1367
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1368
|
+
--display-semibold-small-style: 600;
|
|
1369
|
+
/* Desktop/Heading/H1 */
|
|
1370
|
+
--heading-h1: 600 40px/48px var(--typeface);
|
|
1371
|
+
/* Desktop/Heading/H1 - line height */
|
|
1372
|
+
--heading-h1-line-height: 48px;
|
|
1373
|
+
/* Desktop/Heading/H1 - size */
|
|
1374
|
+
--heading-h1-size: 40px;
|
|
1375
|
+
/* Desktop/Heading/H1 - style */
|
|
1376
|
+
--heading-h1-style: 600;
|
|
1377
|
+
/* Desktop/Heading/H2 */
|
|
1378
|
+
--heading-h2: 600 32px/40px var(--typeface);
|
|
1379
|
+
/* Desktop/Heading/H2 - line height */
|
|
1380
|
+
--heading-h2-line-height: 40px;
|
|
1381
|
+
/* Desktop/Heading/H2 - size */
|
|
1382
|
+
--heading-h2-size: 32px;
|
|
1383
|
+
/* Desktop/Heading/H2 - style */
|
|
1384
|
+
--heading-h2-style: 600;
|
|
1385
|
+
/* Desktop/Heading/H3 */
|
|
1386
|
+
--heading-h3: 600 28px/36px var(--typeface);
|
|
1387
|
+
/* Desktop/Heading/H3 - line height */
|
|
1388
|
+
--heading-h3-line-height: 36px;
|
|
1389
|
+
/* Desktop/Heading/H3 - size */
|
|
1390
|
+
--heading-h3-size: 28px;
|
|
1391
|
+
/* Desktop/Heading/H3 - style */
|
|
1392
|
+
--heading-h3-style: 600;
|
|
1393
|
+
/* Desktop/Heading/H4 */
|
|
1394
|
+
--heading-h4: 600 24px/32px var(--typeface);
|
|
1395
|
+
/* Desktop/Heading/H4 - line height */
|
|
1396
|
+
--heading-h4-line-height: 32px;
|
|
1397
|
+
/* Desktop/Heading/H4 - size */
|
|
1398
|
+
--heading-h4-size: 24px;
|
|
1399
|
+
/* Desktop/Heading/H4 - style */
|
|
1400
|
+
--heading-h4-style: 600;
|
|
1401
|
+
/* Desktop/Heading/H5 */
|
|
1402
|
+
--heading-h5: 600 20px/28px var(--typeface);
|
|
1403
|
+
/* Desktop/Heading/H5 - line height */
|
|
1404
|
+
--heading-h5-line-height: 28px;
|
|
1405
|
+
/* Desktop/Heading/H5 - size */
|
|
1406
|
+
--heading-h5-size: 20px;
|
|
1407
|
+
/* Desktop/Heading/H5 - style */
|
|
1408
|
+
--heading-h5-style: 600;
|
|
1409
|
+
/* Desktop/Heading/H6 */
|
|
1410
|
+
--heading-h6: 500 18px/24px var(--typeface);
|
|
1411
|
+
/* Desktop/Heading/H6 - line height */
|
|
1412
|
+
--heading-h6-line-height: 24px;
|
|
1413
|
+
/* Desktop/Heading/H6 - size */
|
|
1414
|
+
--heading-h6-size: 18px;
|
|
1415
|
+
/* Desktop/Heading/H6 - style */
|
|
1416
|
+
--heading-h6-style: medium;
|
|
1417
|
+
/* Desktop/Subheader/Large - Headline */
|
|
1418
|
+
--subheader-large: 400 24px/32px var(--typeface);
|
|
1419
|
+
/* Desktop/Subheader/Large - Headline line height */
|
|
1420
|
+
--subheader-large-line-height: 32px;
|
|
1421
|
+
/* Desktop/Subheader/Large - Headline size */
|
|
1422
|
+
--subheader-large-size: 24px;
|
|
1423
|
+
/* Desktop/Subheader/Large - Headline style */
|
|
1424
|
+
--subheader-large-style: regular;
|
|
1425
|
+
/* Desktop/Subheader/Medium */
|
|
1426
|
+
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1427
|
+
/* Desktop/Subheader/Medium - line height */
|
|
1428
|
+
--subheader-medium-line-height: 28px;
|
|
1429
|
+
/* Desktop/Subheader/Medium - size */
|
|
1430
|
+
--subheader-medium-size: 20px;
|
|
1431
|
+
/* Desktop/Subheader/Medium - style */
|
|
1432
|
+
--subheader-medium-style: regular;
|
|
1433
|
+
/* Desktop/Subheader/X-Large - Headline */
|
|
1434
|
+
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1435
|
+
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1436
|
+
--subheader-x-large-line-height: 36px;
|
|
1437
|
+
/* Desktop/Subheader/X-Large - Headline size */
|
|
1438
|
+
--subheader-x-large-size: 28px;
|
|
1439
|
+
/* Desktop/Subheader/X-Large - Headline style */
|
|
1440
|
+
--subheader-x-large-style: regular;
|
|
1441
|
+
/* Desktop/Subheader/XX-Large - Headline */
|
|
1442
|
+
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1443
|
+
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1444
|
+
--subheader-xx-large-line-height: 40px;
|
|
1445
|
+
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1446
|
+
--subheader-xx-large-size: 32px;
|
|
1447
|
+
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1448
|
+
--subheader-xx-large-style: regular;
|
|
1449
|
+
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1450
|
+
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1451
|
+
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1452
|
+
--subheader-xxx-large-line-height: 48px;
|
|
1453
|
+
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1454
|
+
--subheader-xxx-large-size: 40px;
|
|
1455
|
+
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1456
|
+
--subheader-xxx-large-style: regular;
|
|
1457
|
+
}
|
|
1458
|
+
}
|
|
1459
|
+
/* dark theme */
|
|
1586
1460
|
[data-theme='dark'] {
|
|
1587
|
-
/* Background/base - Theme -
|
|
1461
|
+
/* Background/base - Theme - BRAND */
|
|
1588
1462
|
--background-base: #1f1f1f;
|
|
1589
|
-
/* Background/scrim - Theme -
|
|
1463
|
+
/* Background/scrim - Theme - BRAND */
|
|
1590
1464
|
--background-scrim: #61616180;
|
|
1591
|
-
/* Background/shade - Theme -
|
|
1465
|
+
/* Background/shade - Theme - BRAND */
|
|
1592
1466
|
--background-shade: #292929;
|
|
1593
|
-
/* Data visual/category-01 -
|
|
1467
|
+
/* Data visual/category-01 - Brand */
|
|
1594
1468
|
--data-visual-category-01: #7899ae;
|
|
1595
|
-
/* Data visual/category-01-highlight -
|
|
1469
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1596
1470
|
--data-visual-category-01-highlight: #7899ae4d;
|
|
1597
|
-
/* Data visual/category-02 -
|
|
1471
|
+
/* Data visual/category-02 - Brand */
|
|
1598
1472
|
--data-visual-category-02: #7fc4ec;
|
|
1599
|
-
/* Data visual/category-02-highlight -
|
|
1473
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1600
1474
|
--data-visual-category-02-highlight: #7fc4ec4d;
|
|
1601
|
-
/* Data visual/category-03 -
|
|
1475
|
+
/* Data visual/category-03 - Brand */
|
|
1602
1476
|
--data-visual-category-03: #958ca3;
|
|
1603
|
-
/* Data visual/category-03-highlight -
|
|
1477
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1604
1478
|
--data-visual-category-03-highlight: #958ca34d;
|
|
1605
|
-
/* Data visual/category-04 -
|
|
1479
|
+
/* Data visual/category-04 - Brand */
|
|
1606
1480
|
--data-visual-category-04: #88c5af;
|
|
1607
|
-
/* Data visual/category-04-highlight -
|
|
1481
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1608
1482
|
--data-visual-category-04-highlight: #88c5af4d;
|
|
1609
|
-
/* Data visual/category-05 -
|
|
1483
|
+
/* Data visual/category-05 - Brand */
|
|
1610
1484
|
--data-visual-category-05: #789ba0;
|
|
1611
|
-
/* Data visual/category-05-highlight -
|
|
1485
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1612
1486
|
--data-visual-category-05-highlight: #789ba04d;
|
|
1613
|
-
/* Data visual/category-06 -
|
|
1487
|
+
/* Data visual/category-06 - Brand */
|
|
1614
1488
|
--data-visual-category-06: #b2b2b2;
|
|
1615
|
-
/* Data visual/category-06-highlight -
|
|
1489
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1616
1490
|
--data-visual-category-06-highlight: #b2b2b24d;
|
|
1617
|
-
/* Data visual/category-07 -
|
|
1491
|
+
/* Data visual/category-07 - Brand */
|
|
1618
1492
|
--data-visual-category-07: #a19abc;
|
|
1619
|
-
/* Data visual/category-07-highlight -
|
|
1493
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1620
1494
|
--data-visual-category-07-highlight: #a19abc4d;
|
|
1621
|
-
/* Data visual/category-1 - Theme -
|
|
1495
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1622
1496
|
--data-visual-category-1: #7899ae;
|
|
1623
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1497
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1624
1498
|
--data-visual-category-1-highlight: #7899ae4d;
|
|
1625
|
-
/* Data visual/category-2 - Theme -
|
|
1499
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1626
1500
|
--data-visual-category-2: #7fc4ec;
|
|
1627
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1501
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1628
1502
|
--data-visual-category-2-highlight: #7fc4ec4d;
|
|
1629
|
-
/* Data visual/category-3 - Theme -
|
|
1503
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1630
1504
|
--data-visual-category-3: #958ca3;
|
|
1631
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1505
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1632
1506
|
--data-visual-category-3-highlight: #958ca34d;
|
|
1633
|
-
/* Data visual/category-4 - Theme -
|
|
1507
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1634
1508
|
--data-visual-category-4: #88c5af;
|
|
1635
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1509
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1636
1510
|
--data-visual-category-4-highlight: #88c5af4d;
|
|
1637
|
-
/* Data visual/category-5 - Theme -
|
|
1511
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1638
1512
|
--data-visual-category-5: #789ba0;
|
|
1639
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1513
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1640
1514
|
--data-visual-category-5-highlight: #789ba04d;
|
|
1641
|
-
/* Data visual/category-6 - Theme -
|
|
1515
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1642
1516
|
--data-visual-category-6: #b2b2b2;
|
|
1643
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1517
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1644
1518
|
--data-visual-category-6-highlight: #b2b2b24d;
|
|
1645
|
-
/* Data visual/category-7 - Theme -
|
|
1519
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1646
1520
|
--data-visual-category-7: #a19abc;
|
|
1647
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1521
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1648
1522
|
--data-visual-category-7-highlight: #a19abc4d;
|
|
1649
|
-
/* Data visual/gradient-end - Theme -
|
|
1523
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1650
1524
|
--data-visual-gradient-end: #1f1f1f4d;
|
|
1651
|
-
/* Data visual/green - Theme -
|
|
1525
|
+
/* Data visual/green - Theme - BRAND */
|
|
1652
1526
|
--data-visual-green: #7cb796;
|
|
1653
|
-
/* Data visual/green-highlight - Theme -
|
|
1527
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1654
1528
|
--data-visual-green-highlight: #0d2f1c;
|
|
1655
|
-
/* Data visual/negative -
|
|
1529
|
+
/* Data visual/negative - Brand */
|
|
1656
1530
|
--data-visual-negative: #e88997;
|
|
1657
|
-
/* Data visual/negative-highlight -
|
|
1531
|
+
/* Data visual/negative-highlight - Brand */
|
|
1658
1532
|
--data-visual-negative-highlight: #4c141d;
|
|
1659
|
-
/* Data visual/positive -
|
|
1533
|
+
/* Data visual/positive - Brand */
|
|
1660
1534
|
--data-visual-positive: #7cb796;
|
|
1661
|
-
/* Data visual/positive-highlight -
|
|
1535
|
+
/* Data visual/positive-highlight - Brand */
|
|
1662
1536
|
--data-visual-positive-highlight: #0d2f1c;
|
|
1663
|
-
/* Data visual/red - Theme -
|
|
1537
|
+
/* Data visual/red - Theme - BRAND */
|
|
1664
1538
|
--data-visual-red: #e88997;
|
|
1665
|
-
/* Data visual/red-highlight - Theme -
|
|
1539
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1666
1540
|
--data-visual-red-highlight: #4c141d;
|
|
1667
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1541
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1668
1542
|
--foreground-brand-on-inverse-primary: #749aff;
|
|
1669
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1543
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1670
1544
|
--foreground-brand-on-inverse-secondary: #bbc5cc;
|
|
1671
|
-
/* Foreground/Brand/on-brand-primary - Theme -
|
|
1545
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1546
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1672
1547
|
--foreground-brand-on-primary: #141414;
|
|
1673
|
-
/* Foreground/Brand/on-brand-secondary - Theme -
|
|
1548
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1549
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1674
1550
|
--foreground-brand-on-secondary: #141414;
|
|
1675
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1551
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1552
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1676
1553
|
--foreground-brand-primary: #749aff;
|
|
1677
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1554
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1678
1555
|
--foreground-brand-primary-depth: #1449d9;
|
|
1679
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1556
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1557
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1680
1558
|
--foreground-brand-secondary: #bbc5cc;
|
|
1681
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1559
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1682
1560
|
--foreground-brand-secondary-depth: #8294a2;
|
|
1683
|
-
/* Foreground/Link text/default - Theme -
|
|
1561
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1684
1562
|
--foreground-link-text-default: #7a9ee1;
|
|
1685
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1563
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1686
1564
|
--foreground-link-text-default-disabled: #14387b;
|
|
1687
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1565
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1688
1566
|
--foreground-link-text-default-hovered: #90afe6;
|
|
1689
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1567
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1690
1568
|
--foreground-link-text-default-pressed: #a6bfeb;
|
|
1691
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1569
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1692
1570
|
--foreground-link-text-default-visited: #af8baf;
|
|
1693
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1571
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1694
1572
|
--foreground-link-text-subtle-disabled: #4d4d4d;
|
|
1695
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1573
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1696
1574
|
--foreground-link-text-subtle-hovered: #e6e6e6;
|
|
1697
|
-
/* Foreground/Link text/subtle-
|
|
1698
|
-
--foreground-link-text-subtle-
|
|
1699
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1575
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1576
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1577
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1578
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1579
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1580
|
+
--foreground-link-text-subtle-inversed-disabled: #3d3d3d;
|
|
1581
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1700
1582
|
--foreground-link-text-subtle-pressed: #d1d1d1;
|
|
1701
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1702
|
-
--foreground-neutral-disabled-on-color-surface: #
|
|
1703
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1583
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1584
|
+
--foreground-neutral-disabled-on-color-surface: #3d3d3d;
|
|
1585
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1704
1586
|
--foreground-neutral-disabled-on-surface: #4d4d4d;
|
|
1705
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1587
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1588
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1589
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1590
|
+
/* Interactive controls */
|
|
1591
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1592
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1593
|
+
/* Text and icons against inverse surface */
|
|
1594
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1595
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1596
|
+
/* Default foreground text and icons against any surface color */
|
|
1706
1597
|
--foreground-neutral-on-surface: #fafafa;
|
|
1707
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1598
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1599
|
+
/* Secondary foreground color for icons and text */
|
|
1708
1600
|
--foreground-neutral-on-surface-variant-01: #c2c2c2;
|
|
1709
|
-
/* Foreground/Neutral/on-surface-variant-02 - Theme -
|
|
1601
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1602
|
+
/* Tertiary foreground color for icons and text */
|
|
1710
1603
|
--foreground-neutral-on-surface-variant-02: #9e9e9e;
|
|
1711
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1604
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1605
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1712
1606
|
--foreground-neutral-on-surface-variant-03: #757575;
|
|
1713
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1714
|
-
--foreground-neutral-skeleton-element: #
|
|
1715
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1607
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1608
|
+
--foreground-neutral-skeleton-element: #333333;
|
|
1609
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1716
1610
|
--foreground-spectrum-blue: #88aff7;
|
|
1717
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1611
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1718
1612
|
--foreground-spectrum-green: #87bd9f;
|
|
1719
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1613
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1720
1614
|
--foreground-spectrum-lime: #dce28f;
|
|
1721
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1615
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1722
1616
|
--foreground-spectrum-magenta: #e07aed;
|
|
1723
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1617
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1724
1618
|
--foreground-spectrum-orange: #f6a874;
|
|
1725
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1619
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1726
1620
|
--foreground-spectrum-pink: #ea86b9;
|
|
1727
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1621
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1728
1622
|
--foreground-spectrum-purple: #c8a6f9;
|
|
1729
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1623
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1730
1624
|
--foreground-spectrum-red: #ea93a0;
|
|
1731
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1625
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1732
1626
|
--foreground-spectrum-teal: #74bbb4;
|
|
1733
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1627
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1734
1628
|
--foreground-spectrum-yellow: #fada8d;
|
|
1735
|
-
/*
|
|
1736
|
-
--interaction-brand-disabled-opacity: #ffffff0f;
|
|
1737
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1738
|
-
--interaction-brand-hover-opacity: #ffffff1a;
|
|
1739
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1740
|
-
--interaction-brand-press-opacity: #ffffff33;
|
|
1741
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1742
|
-
--interaction-hover-opacity: #ffffff14;
|
|
1743
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1744
|
-
--interaction-link-active-opacity: #ffffff4d;
|
|
1745
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1746
|
-
--interaction-press-opacity: #ffffff29;
|
|
1747
|
-
/* Interactions/brand-disabled-opacity - Theme - Coldwell Banker */
|
|
1629
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1748
1630
|
--interactions-brand-disabled-opacity: #ffffff0f;
|
|
1749
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1631
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1750
1632
|
--interactions-brand-hover-opacity: #ffffff1a;
|
|
1751
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1633
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1752
1634
|
--interactions-brand-press-opacity: #ffffff33;
|
|
1753
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1635
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1754
1636
|
--interactions-disabled-opacity: #ffffff0f;
|
|
1755
|
-
/* Interactions/hover-opacity - Theme -
|
|
1637
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1756
1638
|
--interactions-hover-opacity: #ffffff14;
|
|
1757
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1639
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1758
1640
|
--interactions-link-active-opacity: #ffffff29;
|
|
1759
|
-
/* Interactions/neutral-hover-opacity -
|
|
1641
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1642
|
+
/* surfaces using neutral tones */
|
|
1760
1643
|
--interactions-neutral-hover-opacity: #ffffff14;
|
|
1761
|
-
/* Interactions/neutral-press-opacity -
|
|
1644
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1645
|
+
/* surfaces using neutral tones */
|
|
1762
1646
|
--interactions-neutral-press-opacity: #ffffff29;
|
|
1763
|
-
/* Interactions/press-opacity - Theme -
|
|
1647
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1764
1648
|
--interactions-press-opacity: #ffffff29;
|
|
1765
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1649
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1766
1650
|
--interactions-primary-disabled-opacity: #749aff1f;
|
|
1767
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1651
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1768
1652
|
--interactions-primary-hover-opacity: #749aff1a;
|
|
1769
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1653
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1770
1654
|
--interactions-primary-press-opacity: #749aff33;
|
|
1771
|
-
/* Shadow/shadow-10 - Theme -
|
|
1655
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1772
1656
|
--shadow-10: #6161611a;
|
|
1773
|
-
/* Shadow/shadow-12 - Theme -
|
|
1657
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1774
1658
|
--shadow-12: #6161611f;
|
|
1775
|
-
/* Shadow/shadow-15 - Theme -
|
|
1659
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1776
1660
|
--shadow-15: #61616126;
|
|
1777
|
-
/* Shadow/shadow-25 - Theme -
|
|
1661
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1778
1662
|
--shadow-25: #61616140;
|
|
1779
|
-
/* Shadow/shadow-32 - Theme -
|
|
1663
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1780
1664
|
--shadow-32: #61616152;
|
|
1781
|
-
/* Shadow/inner-shadow -
|
|
1665
|
+
/* Shadow/inner-shadow - Brand */
|
|
1782
1666
|
--shadow-inner: #000000;
|
|
1783
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1667
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1784
1668
|
--shadow-inner-100: #000000;
|
|
1785
|
-
/* Shadow/variant-01 -
|
|
1669
|
+
/* Shadow/variant-01 - Brand */
|
|
1786
1670
|
--shadow-variant-01: #6161611a;
|
|
1787
|
-
/* Shadow/variant-02 -
|
|
1671
|
+
/* Shadow/variant-02 - Brand */
|
|
1788
1672
|
--shadow-variant-02: #6161611f;
|
|
1789
|
-
/* Shadow/variant-03 -
|
|
1673
|
+
/* Shadow/variant-03 - Brand */
|
|
1790
1674
|
--shadow-variant-03: #61616126;
|
|
1791
|
-
/* Shadow/variant-04 -
|
|
1675
|
+
/* Shadow/variant-04 - Brand */
|
|
1792
1676
|
--shadow-variant-04: #61616140;
|
|
1793
|
-
/* Shadow/variant-05 -
|
|
1677
|
+
/* Shadow/variant-05 - Brand */
|
|
1794
1678
|
--shadow-variant-05: #61616152;
|
|
1795
|
-
/* Status/error - Theme -
|
|
1679
|
+
/* Status/error - Theme - BRAND */
|
|
1680
|
+
/* Foreground error text and icons */
|
|
1796
1681
|
--status-error: #e26b7d;
|
|
1797
|
-
/* Status/information - Theme -
|
|
1682
|
+
/* Status/information - Theme - BRAND */
|
|
1798
1683
|
--status-information: #5d92f5;
|
|
1799
|
-
/* Status/informational -
|
|
1684
|
+
/* Status/informational - Brand */
|
|
1685
|
+
/* Foreground informational text and icons */
|
|
1800
1686
|
--status-informational: #5d92f5;
|
|
1801
|
-
/* Status/
|
|
1687
|
+
/* Status/on-error - Theme - BRAND */
|
|
1688
|
+
/* Foreground error text and icons */
|
|
1689
|
+
--status-on-error: #ffffff;
|
|
1690
|
+
/* Status/on-information - Theme - BRAND */
|
|
1691
|
+
--status-on-information: #ffffff;
|
|
1692
|
+
/* Status/on-informational - Brand */
|
|
1693
|
+
/* Foreground informational text and icons */
|
|
1694
|
+
--status-on-informational: #ffffff;
|
|
1695
|
+
/* Status/on-success - Theme - BRAND */
|
|
1696
|
+
/* Foreground success icons and text */
|
|
1697
|
+
--status-on-success: #ffffff;
|
|
1698
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1699
|
+
/* Foreground warning icons */
|
|
1700
|
+
--status-on-warning: #141414;
|
|
1701
|
+
/* Status/success - Theme - BRAND */
|
|
1702
|
+
/* Foreground success icons and text */
|
|
1802
1703
|
--status-success: #519f73;
|
|
1803
|
-
/* Status/warning - Theme -
|
|
1704
|
+
/* Status/warning - Theme - BRAND */
|
|
1705
|
+
/* Foreground warning icons */
|
|
1804
1706
|
--status-warning: #f8cd63;
|
|
1805
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1707
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1708
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1806
1709
|
--stroke-brand-primary: #749aff;
|
|
1807
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1710
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1711
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1808
1712
|
--stroke-brand-primary-depth: #97b3ff;
|
|
1809
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1713
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1810
1714
|
--stroke-brand-secondary: #bbc5cc;
|
|
1811
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1715
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1812
1716
|
--stroke-brand-secondary-depth: #8294a2;
|
|
1813
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1717
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1718
|
+
/* For control components */
|
|
1814
1719
|
--stroke-neutral-base: #6b6b6b;
|
|
1815
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1816
|
-
|
|
1817
|
-
|
|
1720
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1721
|
+
/* Disabled outline separating the fill and surface background */
|
|
1722
|
+
--stroke-neutral-disabled-dark: #3d3d3d;
|
|
1723
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1724
|
+
/* Disabled outline separating the fill and surface background */
|
|
1818
1725
|
--stroke-neutral-disabled-light: #4d4d4d;
|
|
1819
|
-
/* Stroke/Neutral/focus -
|
|
1726
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1727
|
+
/* Highlight focus element */
|
|
1820
1728
|
--stroke-neutral-focus: #ffffff;
|
|
1821
|
-
/* Stroke/Neutral/
|
|
1729
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1730
|
+
/* Highlight focus element */
|
|
1731
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1732
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1822
1733
|
--stroke-neutral-high: #fafafa;
|
|
1823
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1734
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1824
1735
|
--stroke-neutral-high-contrast: #fafafa;
|
|
1825
|
-
/* Stroke/Neutral/
|
|
1826
|
-
--stroke-neutral-
|
|
1827
|
-
/* Stroke/Neutral/
|
|
1828
|
-
--stroke-neutral-interaction-disabled-light: #323b49;
|
|
1829
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1830
|
-
--stroke-neutral-interaction-focus: #ffffff;
|
|
1831
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Coldwell Banker */
|
|
1832
|
-
--stroke-neutral-interactions-disabled-dark: #424242;
|
|
1833
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme - Coldwell Banker */
|
|
1736
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1737
|
+
--stroke-neutral-interactions-disabled-dark: #3d3d3d;
|
|
1738
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1834
1739
|
--stroke-neutral-interactions-disabled-light: #4d4d4d;
|
|
1835
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1740
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1836
1741
|
--stroke-neutral-interactions-focus: #ffffff;
|
|
1837
|
-
/* Stroke/Neutral/
|
|
1742
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1743
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1744
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1745
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1838
1746
|
--stroke-neutral-low: #4d4d4d;
|
|
1839
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1747
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1840
1748
|
--stroke-neutral-low-contrast: #4d4d4d;
|
|
1841
|
-
/* Surface/Brand/primary - Theme -
|
|
1749
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1842
1750
|
--surface-brand-primary: #749aff;
|
|
1843
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1751
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1844
1752
|
--surface-brand-primary-highlight: #061640;
|
|
1845
|
-
/* Surface/Brand/secondary - Theme -
|
|
1753
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1846
1754
|
--surface-brand-secondary: #bbc5cc;
|
|
1847
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1755
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1848
1756
|
--surface-brand-secondary-highlight: #070f15;
|
|
1849
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1757
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1850
1758
|
--surface-neutral-interactions-dark-disabled: #474747;
|
|
1851
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1759
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1852
1760
|
--surface-neutral-interactions-light-disabled: #292929;
|
|
1853
|
-
/* Surface/Neutral/
|
|
1854
|
-
|
|
1855
|
-
/* Surface/Neutral/inverse - Theme - Coldwell Banker */
|
|
1761
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1762
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1856
1763
|
--surface-neutral-inverse: #383838;
|
|
1857
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1764
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1858
1765
|
--surface-neutral-inverse-dark: #383838;
|
|
1859
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1766
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1860
1767
|
--surface-neutral-inverse-light: #575757;
|
|
1861
|
-
/* Surface/Neutral/
|
|
1862
|
-
--surface-neutral-skeleton: #333333;
|
|
1863
|
-
/* Surface/Neutral/T1-base - Theme - Coldwell Banker */
|
|
1768
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1864
1769
|
--surface-neutral-t1-base: #1f1f1f;
|
|
1865
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1770
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1866
1771
|
--surface-neutral-t2-lowest: #2e2e2e;
|
|
1867
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1772
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1773
|
+
/* Navigations, app bar etc */
|
|
1868
1774
|
--surface-neutral-t3-low: #383838;
|
|
1869
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1775
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1776
|
+
/* Navigations, app bar etc */
|
|
1870
1777
|
--surface-neutral-t4-high: #474747;
|
|
1871
|
-
/* Surface/
|
|
1778
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1779
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1780
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1872
1781
|
--surface-spectrum-blue: #0e2754;
|
|
1873
|
-
/* Surface/Spectrum/green - Theme -
|
|
1782
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1874
1783
|
--surface-spectrum-green: #0d2f1c;
|
|
1875
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1784
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1876
1785
|
--surface-spectrum-lime: #434712;
|
|
1877
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1786
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1878
1787
|
--surface-spectrum-magenta: #45054e;
|
|
1879
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1788
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1880
1789
|
--surface-spectrum-orange: #532201;
|
|
1881
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1790
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1882
1791
|
--surface-spectrum-pink: #4c141d;
|
|
1883
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1792
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1884
1793
|
--surface-spectrum-purple: #220053;
|
|
1885
|
-
/* Surface/Spectrum/red - Theme -
|
|
1794
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1886
1795
|
--surface-spectrum-red: #4c141d;
|
|
1887
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1796
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1888
1797
|
--surface-spectrum-teal: #012e2a;
|
|
1889
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1798
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1890
1799
|
--surface-spectrum-yellow: #564210;
|
|
1891
1800
|
}
|