@times-design-system/theme-scss 2.0.2-alpha.6 → 2.1.0

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.
Files changed (30) hide show
  1. package/dist/palettes/business-dark.scss +96 -96
  2. package/dist/palettes/business-light.scss +1 -1
  3. package/dist/palettes/comment-dark.scss +96 -96
  4. package/dist/palettes/comment-light.scss +1 -1
  5. package/dist/palettes/core-dark.scss +96 -96
  6. package/dist/palettes/core-light.scss +1 -1
  7. package/dist/palettes/culture-dark.scss +96 -96
  8. package/dist/palettes/culture-light.scss +1 -1
  9. package/dist/palettes/home-dark.scss +96 -96
  10. package/dist/palettes/home-light.scss +1 -1
  11. package/dist/palettes/ireland-dark.scss +96 -96
  12. package/dist/palettes/ireland-light.scss +1 -1
  13. package/dist/palettes/lifeAndStyle-dark.scss +96 -96
  14. package/dist/palettes/lifeAndStyle-light.scss +1 -1
  15. package/dist/palettes/money-dark.scss +96 -96
  16. package/dist/palettes/money-light.scss +1 -1
  17. package/dist/palettes/obituaries-dark.scss +96 -96
  18. package/dist/palettes/obituaries-light.scss +1 -1
  19. package/dist/palettes/puzzles-dark.scss +96 -96
  20. package/dist/palettes/puzzles-light.scss +1 -1
  21. package/dist/palettes/sport-dark.scss +96 -96
  22. package/dist/palettes/sport-light.scss +1 -1
  23. package/dist/palettes/travel-dark.scss +96 -96
  24. package/dist/palettes/travel-light.scss +1 -1
  25. package/dist/palettes/uk-dark.scss +96 -96
  26. package/dist/palettes/uk-light.scss +1 -1
  27. package/dist/palettes/world-dark.scss +96 -96
  28. package/dist/palettes/world-light.scss +1 -1
  29. package/dist/tds-typography.scss +1 -1
  30. package/package.json +2 -2
package/dist/palettes/core-dark.scss CHANGED
@@ -1,61 +1,61 @@
1
- $dark-core-surface-undercanvas: #e6e6e6;
2
- $dark-core-surface-canvas: #ffffff;
1
+ $dark-core-surface-undercanvas: #1a1a1a;
2
+ $dark-core-surface-canvas: #000000;
3
3
  $dark-core-surface-transparent: #000000;
4
- $dark-core-surface-level-1: #f2f2f2;
5
- $dark-core-surface-level-2: #e6e6e6;
6
- $dark-core-surface-level-3: #d9d9d9;
7
- $dark-core-surface-level-4: #e6e6e6;
8
- $dark-core-surface-inverse: #000000;
4
+ $dark-core-surface-level-1: #0d0d0d;
5
+ $dark-core-surface-level-2: #1a1a1a;
6
+ $dark-core-surface-level-3: #262626;
7
+ $dark-core-surface-level-4: #1a1a1a;
8
+ $dark-core-surface-inverse: #ffffff;
9
9
  $dark-core-surface-overlay: rgba(0, 0, 0, 0.55);
10
- $dark-core-surface-channel-50: #f2f2f2;
11
- $dark-core-surface-channel-100: #d9d9d9;
12
- $dark-core-surface-channel-200: #a8a8a8;
13
- $dark-core-surface-channel-300: #666666;
14
- $dark-core-surface-channel-400: #333333;
15
- $dark-core-surface-channel-500: #1a1a1a;
16
- $dark-core-surface-static-dark: #ffffff;
17
- $dark-core-surface-static-light: #000000;
18
- $dark-core-text-primary: #000000;
19
- $dark-core-text-inverse: #ffffff;
20
- $dark-core-text-secondary: #262626;
21
- $dark-core-text-tertiary: #595959;
22
- $dark-core-text-channel-primary: #666666;
10
+ $dark-core-surface-channel-50: #0d0d0d;
11
+ $dark-core-surface-channel-100: #262626;
12
+ $dark-core-surface-channel-200: #575757;
13
+ $dark-core-surface-channel-300: #999999;
14
+ $dark-core-surface-channel-400: #cccccc;
15
+ $dark-core-surface-channel-500: #e6e6e6;
16
+ $dark-core-surface-static-dark: #000000;
17
+ $dark-core-surface-static-light: #ffffff;
18
+ $dark-core-text-primary: #ffffff;
19
+ $dark-core-text-inverse: #000000;
20
+ $dark-core-text-secondary: #d9d9d9;
21
+ $dark-core-text-tertiary: #a6a6a6;
22
+ $dark-core-text-channel-primary: #999999;
23
23
  $dark-core-text-channel-secondary: #808080;
24
- $dark-core-text-channel-tertiary: #999999;
25
- $dark-core-text-static-dark: #ffffff;
26
- $dark-core-text-static-light: #000000;
24
+ $dark-core-text-channel-tertiary: #666666;
25
+ $dark-core-text-static-dark: #000000;
26
+ $dark-core-text-static-light: #ffffff;
27
27
  $dark-core-icon-primary: #000000;
28
- $dark-core-icon-inverse: #ffffff;
28
+ $dark-core-icon-inverse: #000000;
29
29
  $dark-core-icon-secondary: #262626;
30
30
  $dark-core-icon-tertiary: #595959;
31
- $dark-core-icon-channel-primary: #999999;
31
+ $dark-core-icon-channel-primary: #666666;
32
32
  $dark-core-icon-channel-secondary: #808080;
33
33
  $dark-core-icon-channel-tertiary: #999999;
34
- $dark-core-border-primary: #a8a8a8;
35
- $dark-core-border-secondary: #cccccc;
36
- $dark-core-border-tertiary: #e6e6e6;
37
- $dark-core-border-channel-primary: #a8a8a8;
38
- $dark-core-border-channel-secondary: #cccccc;
39
- $dark-core-border-channel-tertiary: #e6e6e6;
40
- $dark-core-border-elevation: #cccccc;
41
- $dark-core-border-static-dark: #ffffff;
42
- $dark-core-border-static-light: #000000;
43
- $dark-core-input-fill-default: #ffffff;
44
- $dark-core-input-fill-error: #ffefef;
45
- $dark-core-input-fill-hover: #f2f2f2;
46
- $dark-core-input-fill-active: #ffffff;
47
- $dark-core-input-fill-completed: #ffffff;
48
- $dark-core-input-fill-success: #f1f8f5;
49
- $dark-core-input-fill-warning: #fff7ef;
50
- $dark-core-input-fill-info: #eff2f8;
51
- $dark-core-input-border-default: #8c8c8c;
52
- $dark-core-input-border-error: #e70300;
53
- $dark-core-input-border-hover: #6d6d6d;
54
- $dark-core-input-border-active: #595959;
55
- $dark-core-input-border-completed: #262626;
56
- $dark-core-input-border-success: #2c9365;
57
- $dark-core-input-border-warning: #cc8103;
58
- $dark-core-input-border-info: #2658a9;
34
+ $dark-core-border-primary: #575757;
35
+ $dark-core-border-secondary: #333333;
36
+ $dark-core-border-tertiary: #1a1a1a;
37
+ $dark-core-border-channel-primary: #575757;
38
+ $dark-core-border-channel-secondary: #333333;
39
+ $dark-core-border-channel-tertiary: #1a1a1a;
40
+ $dark-core-border-elevation: #333333;
41
+ $dark-core-border-static-dark: #000000;
42
+ $dark-core-border-static-light: #ffffff;
43
+ $dark-core-input-fill-default: #000000;
44
+ $dark-core-input-fill-error: #670909;
45
+ $dark-core-input-fill-hover: #0d0d0d;
46
+ $dark-core-input-fill-active: #000000;
47
+ $dark-core-input-fill-completed: #000000;
48
+ $dark-core-input-fill-success: #1b5339;
49
+ $dark-core-input-fill-warning: #664109;
50
+ $dark-core-input-fill-info: #08295a;
51
+ $dark-core-input-border-default: #737373;
52
+ $dark-core-input-border-error: #ff7268;
53
+ $dark-core-input-border-hover: #808080;
54
+ $dark-core-input-border-active: #a6a6a6;
55
+ $dark-core-input-border-completed: #d9d9d9;
56
+ $dark-core-input-border-success: #80c4a1;
57
+ $dark-core-input-border-warning: #ffc77f;
58
+ $dark-core-input-border-info: #466fb5;
59
59
  $dark-core-input-text-default: #595959;
60
60
  $dark-core-input-text-error: #000000;
61
61
  $dark-core-input-text-hover: #262626;
@@ -72,18 +72,18 @@ $dark-core-input-icon-error: #e70300;
72
72
  $dark-core-input-icon-success: #2c9365;
73
73
  $dark-core-input-icon-warning: #cc8103;
74
74
  $dark-core-input-icon-info: #2658a9;
75
- $dark-core-messaging-fill-error: #ffefef;
76
- $dark-core-messaging-fill-success: #f1f8f5;
77
- $dark-core-messaging-fill-warning: #fff7ef;
78
- $dark-core-messaging-fill-info: #eff2f8;
79
- $dark-core-messaging-border-error: #e70300;
80
- $dark-core-messaging-border-success: #2c9365;
81
- $dark-core-messaging-border-warning: #ffba5b;
82
- $dark-core-messaging-border-info: #0d4391;
83
- $dark-core-messaging-icon-error: #e70300;
84
- $dark-core-messaging-icon-success: #2c9365;
85
- $dark-core-messaging-icon-warning: #ffba5b;
86
- $dark-core-messaging-icon-info: #0d4391;
75
+ $dark-core-messaging-fill-error: #670909;
76
+ $dark-core-messaging-fill-success: #1b5339;
77
+ $dark-core-messaging-fill-warning: #664109;
78
+ $dark-core-messaging-fill-info: #08295a;
79
+ $dark-core-messaging-border-error: #ff7268;
80
+ $dark-core-messaging-border-success: #80c4a1;
81
+ $dark-core-messaging-border-warning: #ffa722;
82
+ $dark-core-messaging-border-info: #6f8dc6;
83
+ $dark-core-messaging-icon-error: #ff7268;
84
+ $dark-core-messaging-icon-success: #80c4a1;
85
+ $dark-core-messaging-icon-warning: #ffa722;
86
+ $dark-core-messaging-icon-info: #6f8dc6;
87
87
  $dark-core-messaging-link-text-default: #000000;
88
88
  $dark-core-messaging-link-text-hover: #d9d9d9;
89
89
  $dark-core-messaging-link-text-pressed: #cccccc;
@@ -96,10 +96,10 @@ $dark-core-messaging-link-underline-default: #000000;
96
96
  $dark-core-messaging-link-underline-hover: #ffffff;
97
97
  $dark-core-messaging-link-underline-pressed: #ffffff;
98
98
  $dark-core-messaging-link-underline-visited: #e6e6e6;
99
- $dark-core-interactive-primary-fill-default: #000000;
99
+ $dark-core-interactive-primary-fill-default: #ffffff;
100
100
  $dark-core-interactive-primary-fill-hover: #ffffff;
101
101
  $dark-core-interactive-primary-fill-pressed: #ffffff;
102
- $dark-core-interactive-primary-text-default: #ffffff;
102
+ $dark-core-interactive-primary-text-default: #000000;
103
103
  $dark-core-interactive-primary-text-hover: #ffffff;
104
104
  $dark-core-interactive-primary-text-pressed: #ffffff;
105
105
  $dark-core-interactive-primary-icon-default: #ffffff;
@@ -108,7 +108,7 @@ $dark-core-interactive-primary-icon-pressed: #ffffff;
108
108
  $dark-core-interactive-secondary-fill-default: #ffffff;
109
109
  $dark-core-interactive-secondary-fill-hover: #262626;
110
110
  $dark-core-interactive-secondary-fill-pressed: #333333;
111
- $dark-core-interactive-secondary-border-default: #737373;
111
+ $dark-core-interactive-secondary-border-default: #8c8c8c;
112
112
  $dark-core-interactive-secondary-border-hover: #9d9d9d;
113
113
  $dark-core-interactive-secondary-border-pressed: #a3a3a3;
114
114
  $dark-core-interactive-secondary-text-default: #000000;
@@ -117,22 +117,22 @@ $dark-core-interactive-secondary-text-pressed: #ffffff;
117
117
  $dark-core-interactive-secondary-icon-default: #000000;
118
118
  $dark-core-interactive-secondary-icon-hover: #ffffff;
119
119
  $dark-core-interactive-secondary-icon-pressed: #ffffff;
120
- $dark-core-interactive-disabled-a: #d9d9d9;
121
- $dark-core-interactive-disabled-b: #bfbfbf;
122
- $dark-core-interactive-disabled-c: #a8a8a8;
123
- $dark-core-interactive-negative-fill-default: #ffffff;
120
+ $dark-core-interactive-disabled-a: #262626;
121
+ $dark-core-interactive-disabled-b: #404040;
122
+ $dark-core-interactive-disabled-c: #575757;
123
+ $dark-core-interactive-negative-fill-default: #000000;
124
124
  $dark-core-interactive-negative-fill-hover: #000000;
125
125
  $dark-core-interactive-negative-fill-pressed: #000000;
126
- $dark-core-interactive-negative-border-default: #ff403a;
126
+ $dark-core-interactive-negative-border-default: #ff3933;
127
127
  $dark-core-interactive-negative-border-hover: #ff0c05;
128
128
  $dark-core-interactive-negative-border-pressed: #f50700;
129
- $dark-core-interactive-negative-text-default: #ff403a;
129
+ $dark-core-interactive-negative-text-default: #ff3933;
130
130
  $dark-core-interactive-negative-text-hover: #ff0c05;
131
131
  $dark-core-interactive-negative-text-pressed: #f50700;
132
132
  $dark-core-interactive-negative-icon-default: #ff403a;
133
133
  $dark-core-interactive-negative-icon-hover: #ff0c05;
134
134
  $dark-core-interactive-negative-icon-pressed: #f50700;
135
- $dark-core-interactive-link-secondary-text-default: #8c8c8c;
135
+ $dark-core-interactive-link-secondary-text-default: #737373;
136
136
  $dark-core-interactive-link-secondary-text-hover: #626262;
137
137
  $dark-core-interactive-link-secondary-text-pressed: #5c5c5c;
138
138
  $dark-core-interactive-link-secondary-text-visited: #858585;
@@ -180,7 +180,7 @@ $dark-core-interactive-chip-primary-off-border-pressed: #cccccc;
180
180
  $dark-core-interactive-chip-secondary-on-text-default: #000000;
181
181
  $dark-core-interactive-chip-secondary-on-text-hover: #d9d9d9;
182
182
  $dark-core-interactive-chip-secondary-on-text-pressed: #cccccc;
183
- $dark-core-interactive-chip-secondary-on-fill-default: #d9d9d9;
183
+ $dark-core-interactive-chip-secondary-on-fill-default: #262626;
184
184
  $dark-core-interactive-chip-secondary-on-fill-hover: #202020;
185
185
  $dark-core-interactive-chip-secondary-on-fill-pressed: #1e1e1e;
186
186
  $dark-core-interactive-chip-secondary-on-border-default: #737373;
@@ -234,45 +234,45 @@ $dark-core-interactive-chip-channel-primary-off-border-pressed: #1e1e1e;
234
234
  $dark-core-interactive-chip-channel-primary-on-fill-default: #333333;
235
235
  $dark-core-interactive-chip-channel-primary-on-fill-hover: #adadad;
236
236
  $dark-core-interactive-chip-channel-primary-on-fill-pressed: #a3a3a3;
237
- $dark-core-interactive-chip-channel-primary-on-text-default: #ffffff;
237
+ $dark-core-interactive-chip-channel-primary-on-text-default: #000000;
238
238
  $dark-core-interactive-chip-channel-primary-on-text-hover: #000000;
239
239
  $dark-core-interactive-chip-channel-primary-on-text-pressed: #000000;
240
240
  $dark-core-interactive-chip-channel-primary-on-icon-default: #ffffff;
241
241
  $dark-core-interactive-chip-channel-primary-on-icon-hover: #000000;
242
242
  $dark-core-interactive-chip-channel-primary-on-icon-pressed: #000000;
243
- $dark-core-active-fill: #000000;
244
- $dark-core-active-text: #ffffff;
245
- $dark-core-active-border: #737373;
246
- $dark-core-active-icon: #ffffff;
247
- $dark-core-focus-border: #737373;
243
+ $dark-core-active-fill: #ffffff;
244
+ $dark-core-active-text: #000000;
245
+ $dark-core-active-border: #8c8c8c;
246
+ $dark-core-active-icon: #000000;
247
+ $dark-core-focus-border: #8c8c8c;
248
248
  $dark-core-label-primary: #000000;
249
249
  $dark-core-label-secondary: #262626;
250
250
  $dark-core-label-channel: #666666;
251
251
  $dark-core-label-callout: #ff403a;
252
- $dark-core-flag-primary-fill: #000000;
253
- $dark-core-flag-primary-text: #f2f2f2;
252
+ $dark-core-flag-primary-fill: #ffffff;
253
+ $dark-core-flag-primary-text: #0d0d0d;
254
254
  $dark-core-flag-primary-icon: #f2f2f2;
255
255
  $dark-core-flag-secondary-text: #000000;
256
256
  $dark-core-flag-secondary-icon: #000000;
257
257
  $dark-core-flag-channel-fill: #a8a8a8;
258
258
  $dark-core-flag-channel-text: #1a1a1a;
259
259
  $dark-core-flag-channel-icon: #1a1a1a;
260
- $dark-core-flag-callout-fill: #ff403a;
260
+ $dark-core-flag-callout-fill: #ff3933;
261
261
  $dark-core-flag-callout-text: #000000;
262
262
  $dark-core-flag-callout-icon: #000000;
263
- $dark-core-toast-fill-info: #6788c4;
264
- $dark-core-toast-fill-success: #a9d8be;
265
- $dark-core-toast-fill-warning: #ffcd8b;
266
- $dark-core-toast-fill-error: #ff9f98;
267
- $dark-core-toast-icon-info: #0b2c62;
268
- $dark-core-toast-icon-success: #1b5339;
269
- $dark-core-toast-icon-warning: #7e520d;
270
- $dark-core-toast-icon-error: #670909;
271
- $dark-core-toast-text-info: #000000;
272
- $dark-core-toast-text-success: #000000;
273
- $dark-core-toast-text-error: #000000;
274
- $dark-core-toast-text-warning: #ffffff;
275
- $dark-core-toast-link-info-default: #000000;
263
+ $dark-core-toast-fill-info: #0f4aa2;
264
+ $dark-core-toast-fill-success: #2c865b;
265
+ $dark-core-toast-fill-warning: #e49307;
266
+ $dark-core-toast-fill-error: #cb0705;
267
+ $dark-core-toast-icon-info: #aabbdc;
268
+ $dark-core-toast-icon-success: #c1e1d0;
269
+ $dark-core-toast-icon-warning: #ffddb0;
270
+ $dark-core-toast-icon-error: #ffbfbb;
271
+ $dark-core-toast-text-info: #ffffff;
272
+ $dark-core-toast-text-success: #ffffff;
273
+ $dark-core-toast-text-error: #ffffff;
274
+ $dark-core-toast-text-warning: #000000;
275
+ $dark-core-toast-link-info-default: #ffffff;
276
276
  $dark-core-toast-link-info-hover: #d9d9d9;
277
277
  $dark-core-toast-link-info-pressed: #cccccc;
278
278
  $dark-core-toast-link-success-default: #000000;
@@ -281,7 +281,7 @@ $dark-core-toast-link-success-pressed: #cccccc;
281
281
  $dark-core-toast-link-error-default: #000000;
282
282
  $dark-core-toast-link-error-hover: #d9d9d9;
283
283
  $dark-core-toast-link-error-pressed: #cccccc;
284
- $dark-core-toast-link-warning-default: #ffffff;
284
+ $dark-core-toast-link-warning-default: #000000;
285
285
  $dark-core-toast-link-warning-hover: #000000;
286
286
  $dark-core-toast-link-warning-pressed: #000000;
287
287
  $dark-core-tooltip-fill: #000000;
package/dist/palettes/core-light.scss CHANGED
@@ -50,7 +50,7 @@ $light-core-input-fill-warning: #fff7ef;
50
50
  $light-core-input-fill-info: #eff2f8;
51
51
  $light-core-input-border-default: #8c8c8c;
52
52
  $light-core-input-border-error: #b20908;
53
- $light-core-input-border-hover: #6d6d6d;
53
+ $light-core-input-border-hover: #808080;
54
54
  $light-core-input-border-active: #595959;
55
55
  $light-core-input-border-completed: #262626;
56
56
  $light-core-input-border-success: #298458;
package/dist/palettes/culture-dark.scss CHANGED
@@ -1,61 +1,61 @@
1
- $dark-culture-surface-undercanvas: #e6e6e6;
2
- $dark-culture-surface-canvas: #ffffff;
1
+ $dark-culture-surface-undercanvas: #1a1a1a;
2
+ $dark-culture-surface-canvas: #000000;
3
3
  $dark-culture-surface-transparent: #000000;
4
- $dark-culture-surface-level-1: #f2f2f2;
5
- $dark-culture-surface-level-2: #e6e6e6;
6
- $dark-culture-surface-level-3: #d9d9d9;
7
- $dark-culture-surface-level-4: #e6e6e6;
4
+ $dark-culture-surface-level-1: #0d0d0d;
5
+ $dark-culture-surface-level-2: #1a1a1a;
6
+ $dark-culture-surface-level-3: #262626;
7
+ $dark-culture-surface-level-4: #1a1a1a;
8
8
  $dark-culture-surface-overlay: rgba(0, 0, 0, 0.55);
9
- $dark-culture-surface-channel-50: #fbf5f7;
10
- $dark-culture-surface-channel-100: #f2e5eb;
11
- $dark-culture-surface-channel-200: #d19fb9;
12
- $dark-culture-surface-channel-300: #9d3670;
13
- $dark-culture-surface-channel-400: #671846;
14
- $dark-culture-surface-channel-500: #3b0f27;
15
- $dark-culture-surface-static-dark: #ffffff;
16
- $dark-culture-surface-static-light: #000000;
17
- $dark-culture-surface-inverse: #000000;
18
- $dark-culture-text-primary: #000000;
19
- $dark-culture-text-secondary: #262626;
20
- $dark-culture-text-tertiary: #595959;
21
- $dark-culture-text-channel-primary: #59173c;
22
- $dark-culture-text-channel-secondary: #771c51;
23
- $dark-culture-text-channel-tertiary: #a4477c;
24
- $dark-culture-text-static-dark: #ffffff;
25
- $dark-culture-text-static-light: #000000;
26
- $dark-culture-text-inverse: #ffffff;
9
+ $dark-culture-surface-channel-50: #1f0915;
10
+ $dark-culture-surface-channel-100: #3b0f27;
11
+ $dark-culture-surface-channel-200: #771c51;
12
+ $dark-culture-surface-channel-300: #a4477c;
13
+ $dark-culture-surface-channel-400: #ba729b;
14
+ $dark-culture-surface-channel-500: #cd94b1;
15
+ $dark-culture-surface-static-dark: #000000;
16
+ $dark-culture-surface-static-light: #ffffff;
17
+ $dark-culture-surface-inverse: #ffffff;
18
+ $dark-culture-text-primary: #ffffff;
19
+ $dark-culture-text-secondary: #d9d9d9;
20
+ $dark-culture-text-tertiary: #a6a6a6;
21
+ $dark-culture-text-channel-primary: #c17fa2;
22
+ $dark-culture-text-channel-secondary: #b56793;
23
+ $dark-culture-text-channel-tertiary: #a03c75;
24
+ $dark-culture-text-static-dark: #000000;
25
+ $dark-culture-text-static-light: #ffffff;
26
+ $dark-culture-text-inverse: #000000;
27
27
  $dark-culture-icon-primary: #000000;
28
28
  $dark-culture-icon-secondary: #262626;
29
29
  $dark-culture-icon-tertiary: #595959;
30
- $dark-culture-icon-channel-primary: #d19fb9;
31
- $dark-culture-icon-channel-secondary: #ba729b;
30
+ $dark-culture-icon-channel-primary: #771c51;
31
+ $dark-culture-icon-channel-secondary: #942364;
32
32
  $dark-culture-icon-channel-tertiary: #a4477c;
33
- $dark-culture-icon-inverse: #ffffff;
34
- $dark-culture-border-primary: #a8a8a8;
35
- $dark-culture-border-secondary: #cccccc;
36
- $dark-culture-border-tertiary: #e6e6e6;
37
- $dark-culture-border-channel-primary: #c68aaa;
38
- $dark-culture-border-channel-secondary: #e5c8da;
39
- $dark-culture-border-channel-tertiary: #f2e5eb;
40
- $dark-culture-border-elevation: #cccccc;
41
- $dark-culture-border-static-dark: #ffffff;
42
- $dark-culture-border-static-light: #000000;
43
- $dark-culture-input-fill-default: #ffffff;
44
- $dark-culture-input-fill-error: #ffefef;
45
- $dark-culture-input-fill-hover: #f2f2f2;
46
- $dark-culture-input-fill-active: #ffffff;
47
- $dark-culture-input-fill-completed: #ffffff;
48
- $dark-culture-input-fill-success: #f1f8f5;
49
- $dark-culture-input-fill-warning: #fff7ef;
50
- $dark-culture-input-fill-info: #eff2f8;
51
- $dark-culture-input-border-default: #8c8c8c;
52
- $dark-culture-input-border-error: #e70300;
53
- $dark-culture-input-border-hover: #6d6d6d;
54
- $dark-culture-input-border-active: #595959;
55
- $dark-culture-input-border-completed: #262626;
56
- $dark-culture-input-border-success: #2c9365;
57
- $dark-culture-input-border-warning: #cc8103;
58
- $dark-culture-input-border-info: #2658a9;
33
+ $dark-culture-icon-inverse: #000000;
34
+ $dark-culture-border-primary: #575757;
35
+ $dark-culture-border-secondary: #333333;
36
+ $dark-culture-border-tertiary: #1a1a1a;
37
+ $dark-culture-border-channel-primary: #85205b;
38
+ $dark-culture-border-channel-secondary: #59173c;
39
+ $dark-culture-border-channel-tertiary: #3b0f27;
40
+ $dark-culture-border-elevation: #333333;
41
+ $dark-culture-border-static-dark: #000000;
42
+ $dark-culture-border-static-light: #ffffff;
43
+ $dark-culture-input-fill-default: #000000;
44
+ $dark-culture-input-fill-error: #670909;
45
+ $dark-culture-input-fill-hover: #0d0d0d;
46
+ $dark-culture-input-fill-active: #000000;
47
+ $dark-culture-input-fill-completed: #000000;
48
+ $dark-culture-input-fill-success: #1b5339;
49
+ $dark-culture-input-fill-warning: #664109;
50
+ $dark-culture-input-fill-info: #08295a;
51
+ $dark-culture-input-border-default: #737373;
52
+ $dark-culture-input-border-error: #ff7268;
53
+ $dark-culture-input-border-hover: #808080;
54
+ $dark-culture-input-border-active: #a6a6a6;
55
+ $dark-culture-input-border-completed: #d9d9d9;
56
+ $dark-culture-input-border-success: #80c4a1;
57
+ $dark-culture-input-border-warning: #ffc77f;
58
+ $dark-culture-input-border-info: #466fb5;
59
59
  $dark-culture-input-text-default: #595959;
60
60
  $dark-culture-input-text-error: #000000;
61
61
  $dark-culture-input-text-hover: #262626;
@@ -72,30 +72,30 @@ $dark-culture-input-icon-error: #e70300;
72
72
  $dark-culture-input-icon-success: #2c9365;
73
73
  $dark-culture-input-icon-warning: #cc8103;
74
74
  $dark-culture-input-icon-info: #2658a9;
75
- $dark-culture-active-fill: #000000;
76
- $dark-culture-active-text: #ffffff;
77
- $dark-culture-active-border: #000000;
78
- $dark-culture-active-icon: #ffffff;
79
- $dark-culture-focus-border: #737373;
75
+ $dark-culture-active-fill: #ffffff;
76
+ $dark-culture-active-text: #000000;
77
+ $dark-culture-active-border: #ffffff;
78
+ $dark-culture-active-icon: #000000;
79
+ $dark-culture-focus-border: #8c8c8c;
80
80
  $dark-culture-label-primary: #000000;
81
81
  $dark-culture-label-secondary: #262626;
82
82
  $dark-culture-label-channel: #9d3670;
83
83
  $dark-culture-label-callout: #ff403a;
84
- $dark-culture-flag-primary-fill: #000000;
85
- $dark-culture-flag-primary-text: #f2f2f2;
84
+ $dark-culture-flag-primary-fill: #ffffff;
85
+ $dark-culture-flag-primary-text: #0d0d0d;
86
86
  $dark-culture-flag-primary-icon: #f2f2f2;
87
87
  $dark-culture-flag-secondary-text: #000000;
88
88
  $dark-culture-flag-secondary-icon: #000000;
89
89
  $dark-culture-flag-channel-fill: #d19fb9;
90
90
  $dark-culture-flag-channel-text: #3b0f27;
91
91
  $dark-culture-flag-channel-icon: #3b0f27;
92
- $dark-culture-flag-callout-fill: #ff403a;
92
+ $dark-culture-flag-callout-fill: #ff3933;
93
93
  $dark-culture-flag-callout-text: #000000;
94
94
  $dark-culture-flag-callout-icon: #000000;
95
- $dark-culture-interactive-primary-fill-default: #000000;
95
+ $dark-culture-interactive-primary-fill-default: #ffffff;
96
96
  $dark-culture-interactive-primary-fill-hover: #ffffff;
97
97
  $dark-culture-interactive-primary-fill-pressed: #ffffff;
98
- $dark-culture-interactive-primary-text-default: #ffffff;
98
+ $dark-culture-interactive-primary-text-default: #000000;
99
99
  $dark-culture-interactive-primary-text-hover: #ffffff;
100
100
  $dark-culture-interactive-primary-text-pressed: #ffffff;
101
101
  $dark-culture-interactive-primary-icon-default: #ffffff;
@@ -104,7 +104,7 @@ $dark-culture-interactive-primary-icon-pressed: #ffffff;
104
104
  $dark-culture-interactive-secondary-fill-default: #ffffff;
105
105
  $dark-culture-interactive-secondary-fill-hover: #262626;
106
106
  $dark-culture-interactive-secondary-fill-pressed: #333333;
107
- $dark-culture-interactive-secondary-border-default: #737373;
107
+ $dark-culture-interactive-secondary-border-default: #8c8c8c;
108
108
  $dark-culture-interactive-secondary-border-hover: #9d9d9d;
109
109
  $dark-culture-interactive-secondary-border-pressed: #a3a3a3;
110
110
  $dark-culture-interactive-secondary-text-default: #000000;
@@ -113,22 +113,22 @@ $dark-culture-interactive-secondary-text-pressed: #ffffff;
113
113
  $dark-culture-interactive-secondary-icon-default: #000000;
114
114
  $dark-culture-interactive-secondary-icon-hover: #ffffff;
115
115
  $dark-culture-interactive-secondary-icon-pressed: #ffffff;
116
- $dark-culture-interactive-disabled-a: #d9d9d9;
117
- $dark-culture-interactive-disabled-b: #bfbfbf;
118
- $dark-culture-interactive-disabled-c: #a8a8a8;
119
- $dark-culture-interactive-negative-fill-default: #ffffff;
116
+ $dark-culture-interactive-disabled-a: #262626;
117
+ $dark-culture-interactive-disabled-b: #404040;
118
+ $dark-culture-interactive-disabled-c: #575757;
119
+ $dark-culture-interactive-negative-fill-default: #000000;
120
120
  $dark-culture-interactive-negative-fill-hover: #000000;
121
121
  $dark-culture-interactive-negative-fill-pressed: #000000;
122
122
  $dark-culture-interactive-negative-border-default: #ff8883;
123
123
  $dark-culture-interactive-negative-border-hover: #c40300;
124
124
  $dark-culture-interactive-negative-border-pressed: #b90200;
125
- $dark-culture-interactive-negative-text-default: #ff8883;
125
+ $dark-culture-interactive-negative-text-default: #e70300;
126
126
  $dark-culture-interactive-negative-text-hover: #c40300;
127
127
  $dark-culture-interactive-negative-text-pressed: #b90200;
128
128
  $dark-culture-interactive-negative-icon-default: #ff8883;
129
129
  $dark-culture-interactive-negative-icon-hover: #c40300;
130
130
  $dark-culture-interactive-negative-icon-pressed: #b90200;
131
- $dark-culture-interactive-link-secondary-text-default: #737373;
131
+ $dark-culture-interactive-link-secondary-text-default: #8c8c8c;
132
132
  $dark-culture-interactive-link-secondary-text-hover: #777777;
133
133
  $dark-culture-interactive-link-secondary-text-pressed: #707070;
134
134
  $dark-culture-interactive-link-secondary-text-visited: #9a9a9a;
@@ -176,7 +176,7 @@ $dark-culture-interactive-chip-primary-off-border-pressed: #cccccc;
176
176
  $dark-culture-interactive-chip-secondary-on-text-default: #000000;
177
177
  $dark-culture-interactive-chip-secondary-on-text-hover: #d9d9d9;
178
178
  $dark-culture-interactive-chip-secondary-on-text-pressed: #cccccc;
179
- $dark-culture-interactive-chip-secondary-on-fill-default: #d9d9d9;
179
+ $dark-culture-interactive-chip-secondary-on-fill-default: #262626;
180
180
  $dark-culture-interactive-chip-secondary-on-fill-hover: #202020;
181
181
  $dark-culture-interactive-chip-secondary-on-fill-pressed: #1e1e1e;
182
182
  $dark-culture-interactive-chip-secondary-on-border-default: #737373;
@@ -236,19 +236,19 @@ $dark-culture-interactive-chip-channel-primary-on-text-pressed: #cccccc;
236
236
  $dark-culture-interactive-chip-channel-primary-on-icon-default: #000000;
237
237
  $dark-culture-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
238
238
  $dark-culture-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
239
- $dark-culture-toast-fill-info: #6788c4;
240
- $dark-culture-toast-fill-success: #a9d8be;
241
- $dark-culture-toast-fill-warning: #ffcd8b;
242
- $dark-culture-toast-fill-error: #ff9f98;
243
- $dark-culture-toast-icon-info: #0b2c62;
244
- $dark-culture-toast-icon-success: #1b5339;
245
- $dark-culture-toast-icon-warning: #7e520d;
246
- $dark-culture-toast-icon-error: #670909;
247
- $dark-culture-toast-text-info: #000000;
248
- $dark-culture-toast-text-success: #000000;
249
- $dark-culture-toast-text-error: #000000;
250
- $dark-culture-toast-text-warning: #ffffff;
251
- $dark-culture-toast-link-info-default: #000000;
239
+ $dark-culture-toast-fill-info: #0f4aa2;
240
+ $dark-culture-toast-fill-success: #2c865b;
241
+ $dark-culture-toast-fill-warning: #e49307;
242
+ $dark-culture-toast-fill-error: #cb0705;
243
+ $dark-culture-toast-icon-info: #aabbdc;
244
+ $dark-culture-toast-icon-success: #c1e1d0;
245
+ $dark-culture-toast-icon-warning: #ffddb0;
246
+ $dark-culture-toast-icon-error: #ffbfbb;
247
+ $dark-culture-toast-text-info: #ffffff;
248
+ $dark-culture-toast-text-success: #ffffff;
249
+ $dark-culture-toast-text-error: #ffffff;
250
+ $dark-culture-toast-text-warning: #000000;
251
+ $dark-culture-toast-link-info-default: #ffffff;
252
252
  $dark-culture-toast-link-info-hover: #d9d9d9;
253
253
  $dark-culture-toast-link-info-pressed: #cccccc;
254
254
  $dark-culture-toast-link-success-default: #000000;
@@ -257,21 +257,21 @@ $dark-culture-toast-link-success-pressed: #cccccc;
257
257
  $dark-culture-toast-link-error-default: #000000;
258
258
  $dark-culture-toast-link-error-hover: #d9d9d9;
259
259
  $dark-culture-toast-link-error-pressed: #cccccc;
260
- $dark-culture-toast-link-warning-default: #ffffff;
260
+ $dark-culture-toast-link-warning-default: #000000;
261
261
  $dark-culture-toast-link-warning-hover: #000000;
262
262
  $dark-culture-toast-link-warning-pressed: #000000;
263
- $dark-culture-messaging-fill-error: #ffefef;
264
- $dark-culture-messaging-fill-success: #f1f8f5;
265
- $dark-culture-messaging-fill-warning: #fff7ef;
266
- $dark-culture-messaging-fill-info: #eff2f8;
267
- $dark-culture-messaging-border-error: #e70300;
268
- $dark-culture-messaging-border-success: #2c9365;
269
- $dark-culture-messaging-border-warning: #ffba5b;
270
- $dark-culture-messaging-border-info: #0d4391;
271
- $dark-culture-messaging-icon-error: #e70300;
272
- $dark-culture-messaging-icon-success: #2c9365;
273
- $dark-culture-messaging-icon-warning: #ffba5b;
274
- $dark-culture-messaging-icon-info: #0d4391;
263
+ $dark-culture-messaging-fill-error: #670909;
264
+ $dark-culture-messaging-fill-success: #1b5339;
265
+ $dark-culture-messaging-fill-warning: #664109;
266
+ $dark-culture-messaging-fill-info: #08295a;
267
+ $dark-culture-messaging-border-error: #ff7268;
268
+ $dark-culture-messaging-border-success: #80c4a1;
269
+ $dark-culture-messaging-border-warning: #ffa722;
270
+ $dark-culture-messaging-border-info: #6f8dc6;
271
+ $dark-culture-messaging-icon-error: #ff7268;
272
+ $dark-culture-messaging-icon-success: #80c4a1;
273
+ $dark-culture-messaging-icon-warning: #ffa722;
274
+ $dark-culture-messaging-icon-info: #6f8dc6;
275
275
  $dark-culture-messaging-link-text-default: #000000;
276
276
  $dark-culture-messaging-link-text-hover: #d9d9d9;
277
277
  $dark-culture-messaging-link-text-pressed: #cccccc;
package/dist/palettes/culture-light.scss CHANGED
@@ -50,7 +50,7 @@ $light-culture-input-fill-warning: #fff7ef;
50
50
  $light-culture-input-fill-info: #eff2f8;
51
51
  $light-culture-input-border-default: #8c8c8c;
52
52
  $light-culture-input-border-error: #b20908;
53
- $light-culture-input-border-hover: #6d6d6d;
53
+ $light-culture-input-border-hover: #808080;
54
54
  $light-culture-input-border-active: #595959;
55
55
  $light-culture-input-border-completed: #262626;
56
56
  $light-culture-input-border-success: #298458;