@times-design-system/theme-scss 2.0.2-alpha.0 → 2.0.2-alpha.10

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 (31) hide show
  1. package/dist/palettes/{_business-dark.scss → business-dark.scss} +96 -96
  2. package/dist/palettes/{_business-light.scss → business-light.scss} +1 -1
  3. package/dist/palettes/{_comment-dark.scss → comment-dark.scss} +96 -96
  4. package/dist/palettes/{_comment-light.scss → comment-light.scss} +1 -1
  5. package/dist/palettes/{_core-dark.scss → core-dark.scss} +96 -96
  6. package/dist/palettes/{_core-light.scss → core-light.scss} +1 -1
  7. package/dist/palettes/{_culture-dark.scss → culture-dark.scss} +96 -96
  8. package/dist/palettes/{_culture-light.scss → culture-light.scss} +1 -1
  9. package/dist/palettes/{_home-dark.scss → home-dark.scss} +96 -96
  10. package/dist/palettes/{_home-light.scss → home-light.scss} +1 -1
  11. package/dist/palettes/{_ireland-dark.scss → ireland-dark.scss} +96 -96
  12. package/dist/palettes/{_ireland-light.scss → ireland-light.scss} +1 -1
  13. package/dist/palettes/{_lifeAndStyle-dark.scss → lifeAndStyle-dark.scss} +96 -96
  14. package/dist/palettes/{_lifeAndStyle-light.scss → lifeAndStyle-light.scss} +1 -1
  15. package/dist/palettes/{_money-dark.scss → money-dark.scss} +96 -96
  16. package/dist/palettes/{_money-light.scss → money-light.scss} +1 -1
  17. package/dist/palettes/{_obituaries-dark.scss → obituaries-dark.scss} +96 -96
  18. package/dist/palettes/{_obituaries-light.scss → obituaries-light.scss} +1 -1
  19. package/dist/palettes/{_puzzles-dark.scss → puzzles-dark.scss} +96 -96
  20. package/dist/palettes/{_puzzles-light.scss → puzzles-light.scss} +1 -1
  21. package/dist/palettes/{_sport-dark.scss → sport-dark.scss} +96 -96
  22. package/dist/palettes/{_sport-light.scss → sport-light.scss} +1 -1
  23. package/dist/palettes/{_travel-dark.scss → travel-dark.scss} +96 -96
  24. package/dist/palettes/{_travel-light.scss → travel-light.scss} +1 -1
  25. package/dist/palettes/{_uk-dark.scss → uk-dark.scss} +96 -96
  26. package/dist/palettes/{_uk-light.scss → uk-light.scss} +1 -1
  27. package/dist/palettes/{_world-dark.scss → world-dark.scss} +96 -96
  28. package/dist/palettes/{_world-light.scss → world-light.scss} +1 -1
  29. package/package.json +2 -2
  30. package/dist/palettes/_channels-dark.scss +0 -315
  31. package/dist/palettes/_channels-light.scss +0 -315
package/dist/palettes/{_business-dark.scss → business-dark.scss} RENAMED
@@ -1,61 +1,61 @@
1
- $dark-business-surface-undercanvas: #e6e6e6;
2
- $dark-business-surface-canvas: #ffffff;
1
+ $dark-business-surface-undercanvas: #1a1a1a;
2
+ $dark-business-surface-canvas: #000000;
3
3
  $dark-business-surface-transparent: #000000;
4
- $dark-business-surface-level-1: #f2f2f2;
5
- $dark-business-surface-level-2: #e6e6e6;
6
- $dark-business-surface-level-3: #d9d9d9;
7
- $dark-business-surface-level-4: #e6e6e6;
4
+ $dark-business-surface-level-1: #0d0d0d;
5
+ $dark-business-surface-level-2: #1a1a1a;
6
+ $dark-business-surface-level-3: #262626;
7
+ $dark-business-surface-level-4: #1a1a1a;
8
8
  $dark-business-surface-overlay: rgba(0, 0, 0, 0.55);
9
- $dark-business-surface-channel-50: #f4f7fa;
10
- $dark-business-surface-channel-100: #e4edf3;
11
- $dark-business-surface-channel-200: #a0bed3;
12
- $dark-business-surface-channel-300: #347ca4;
13
- $dark-business-surface-channel-400: #1a4e6e;
14
- $dark-business-surface-channel-500: #0f2c3f;
15
- $dark-business-surface-static-dark: #ffffff;
16
- $dark-business-surface-static-light: #000000;
17
- $dark-business-surface-inverse: #000000;
18
- $dark-business-text-primary: #000000;
19
- $dark-business-text-secondary: #262626;
20
- $dark-business-text-tertiary: #595959;
21
- $dark-business-text-channel-primary: #1d658d;
22
- $dark-business-text-channel-secondary: #347ca4;
23
- $dark-business-text-channel-tertiary: #89b1c9;
24
- $dark-business-text-static-dark: #ffffff;
25
- $dark-business-text-static-light: #000000;
26
- $dark-business-text-inverse: #ffffff;
9
+ $dark-business-surface-channel-50: #06171f;
10
+ $dark-business-surface-channel-100: #0f2c3f;
11
+ $dark-business-surface-channel-200: #1b5b7d;
12
+ $dark-business-surface-channel-300: #4786ac;
13
+ $dark-business-surface-channel-400: #73a2c0;
14
+ $dark-business-surface-channel-500: #94b9ce;
15
+ $dark-business-surface-static-dark: #000000;
16
+ $dark-business-surface-static-light: #ffffff;
17
+ $dark-business-surface-inverse: #ffffff;
18
+ $dark-business-text-primary: #ffffff;
19
+ $dark-business-text-secondary: #d9d9d9;
20
+ $dark-business-text-tertiary: #a6a6a6;
21
+ $dark-business-text-channel-primary: #6093b6;
22
+ $dark-business-text-channel-secondary: #4786ac;
23
+ $dark-business-text-channel-tertiary: #1d658d;
24
+ $dark-business-text-static-dark: #000000;
25
+ $dark-business-text-static-light: #ffffff;
26
+ $dark-business-text-inverse: #000000;
27
27
  $dark-business-icon-primary: #000000;
28
28
  $dark-business-icon-secondary: #262626;
29
29
  $dark-business-icon-tertiary: #595959;
30
- $dark-business-icon-channel-primary: #73a2c0;
31
- $dark-business-icon-channel-secondary: #4786ac;
30
+ $dark-business-icon-channel-primary: #21709c;
31
+ $dark-business-icon-channel-secondary: #3b7fa7;
32
32
  $dark-business-icon-channel-tertiary: #89b1c9;
33
- $dark-business-icon-inverse: #ffffff;
34
- $dark-business-border-primary: #a8a8a8;
35
- $dark-business-border-secondary: #cccccc;
36
- $dark-business-border-tertiary: #e6e6e6;
37
- $dark-business-border-channel-primary: #89b1c9;
38
- $dark-business-border-channel-secondary: #ccdce7;
39
- $dark-business-border-channel-tertiary: #e4edf3;
40
- $dark-business-border-elevation: #cccccc;
41
- $dark-business-border-static-dark: #ffffff;
42
- $dark-business-border-static-light: #000000;
43
- $dark-business-input-fill-default: #ffffff;
44
- $dark-business-input-fill-error: #ffefef;
45
- $dark-business-input-fill-hover: #f2f2f2;
46
- $dark-business-input-fill-active: #ffffff;
47
- $dark-business-input-fill-completed: #ffffff;
48
- $dark-business-input-fill-success: #f1f8f5;
49
- $dark-business-input-fill-warning: #fff7ef;
50
- $dark-business-input-fill-info: #eff2f8;
51
- $dark-business-input-border-default: #8c8c8c;
52
- $dark-business-input-border-error: #e70300;
53
- $dark-business-input-border-hover: #6d6d6d;
54
- $dark-business-input-border-active: #595959;
55
- $dark-business-input-border-completed: #262626;
56
- $dark-business-input-border-success: #2c9365;
57
- $dark-business-input-border-warning: #cc8103;
58
- $dark-business-input-border-info: #2658a9;
33
+ $dark-business-icon-inverse: #000000;
34
+ $dark-business-border-primary: #575757;
35
+ $dark-business-border-secondary: #333333;
36
+ $dark-business-border-tertiary: #1a1a1a;
37
+ $dark-business-border-channel-primary: #1d658d;
38
+ $dark-business-border-channel-secondary: #13435e;
39
+ $dark-business-border-channel-tertiary: #0f2c3f;
40
+ $dark-business-border-elevation: #333333;
41
+ $dark-business-border-static-dark: #000000;
42
+ $dark-business-border-static-light: #ffffff;
43
+ $dark-business-input-fill-default: #000000;
44
+ $dark-business-input-fill-error: #670909;
45
+ $dark-business-input-fill-hover: #0d0d0d;
46
+ $dark-business-input-fill-active: #000000;
47
+ $dark-business-input-fill-completed: #000000;
48
+ $dark-business-input-fill-success: #1b5339;
49
+ $dark-business-input-fill-warning: #664109;
50
+ $dark-business-input-fill-info: #08295a;
51
+ $dark-business-input-border-default: #737373;
52
+ $dark-business-input-border-error: #ff7268;
53
+ $dark-business-input-border-hover: #808080;
54
+ $dark-business-input-border-active: #a6a6a6;
55
+ $dark-business-input-border-completed: #d9d9d9;
56
+ $dark-business-input-border-success: #80c4a1;
57
+ $dark-business-input-border-warning: #ffc77f;
58
+ $dark-business-input-border-info: #466fb5;
59
59
  $dark-business-input-text-default: #595959;
60
60
  $dark-business-input-text-error: #000000;
61
61
  $dark-business-input-text-hover: #262626;
@@ -72,30 +72,30 @@ $dark-business-input-icon-error: #e70300;
72
72
  $dark-business-input-icon-success: #2c9365;
73
73
  $dark-business-input-icon-warning: #cc8103;
74
74
  $dark-business-input-icon-info: #2658a9;
75
- $dark-business-active-fill: #000000;
76
- $dark-business-active-text: #ffffff;
77
- $dark-business-active-border: #000000;
78
- $dark-business-active-icon: #ffffff;
79
- $dark-business-focus-border: #737373;
75
+ $dark-business-active-fill: #ffffff;
76
+ $dark-business-active-text: #000000;
77
+ $dark-business-active-border: #ffffff;
78
+ $dark-business-active-icon: #000000;
79
+ $dark-business-focus-border: #8c8c8c;
80
80
  $dark-business-label-primary: #000000;
81
81
  $dark-business-label-secondary: #262626;
82
82
  $dark-business-label-channel: #347ca4;
83
83
  $dark-business-label-callout: #ff403a;
84
- $dark-business-flag-primary-fill: #000000;
85
- $dark-business-flag-primary-text: #f2f2f2;
84
+ $dark-business-flag-primary-fill: #ffffff;
85
+ $dark-business-flag-primary-text: #0d0d0d;
86
86
  $dark-business-flag-primary-icon: #f2f2f2;
87
87
  $dark-business-flag-secondary-text: #000000;
88
88
  $dark-business-flag-secondary-icon: #000000;
89
89
  $dark-business-flag-channel-fill: #a0bed3;
90
90
  $dark-business-flag-channel-text: #0f2c3f;
91
91
  $dark-business-flag-channel-icon: #0f2c3f;
92
- $dark-business-flag-callout-fill: #ff403a;
92
+ $dark-business-flag-callout-fill: #ff3933;
93
93
  $dark-business-flag-callout-text: #000000;
94
94
  $dark-business-flag-callout-icon: #000000;
95
- $dark-business-interactive-primary-fill-default: #000000;
95
+ $dark-business-interactive-primary-fill-default: #ffffff;
96
96
  $dark-business-interactive-primary-fill-hover: #ffffff;
97
97
  $dark-business-interactive-primary-fill-pressed: #ffffff;
98
- $dark-business-interactive-primary-text-default: #ffffff;
98
+ $dark-business-interactive-primary-text-default: #000000;
99
99
  $dark-business-interactive-primary-text-hover: #ffffff;
100
100
  $dark-business-interactive-primary-text-pressed: #ffffff;
101
101
  $dark-business-interactive-primary-icon-default: #ffffff;
@@ -104,7 +104,7 @@ $dark-business-interactive-primary-icon-pressed: #ffffff;
104
104
  $dark-business-interactive-secondary-fill-default: #ffffff;
105
105
  $dark-business-interactive-secondary-fill-hover: #262626;
106
106
  $dark-business-interactive-secondary-fill-pressed: #333333;
107
- $dark-business-interactive-secondary-border-default: #737373;
107
+ $dark-business-interactive-secondary-border-default: #8c8c8c;
108
108
  $dark-business-interactive-secondary-border-hover: #9d9d9d;
109
109
  $dark-business-interactive-secondary-border-pressed: #a3a3a3;
110
110
  $dark-business-interactive-secondary-text-default: #000000;
@@ -113,22 +113,22 @@ $dark-business-interactive-secondary-text-pressed: #ffffff;
113
113
  $dark-business-interactive-secondary-icon-default: #000000;
114
114
  $dark-business-interactive-secondary-icon-hover: #ffffff;
115
115
  $dark-business-interactive-secondary-icon-pressed: #ffffff;
116
- $dark-business-interactive-disabled-a: #d9d9d9;
117
- $dark-business-interactive-disabled-b: #bfbfbf;
118
- $dark-business-interactive-disabled-c: #a8a8a8;
119
- $dark-business-interactive-negative-fill-default: #ffffff;
116
+ $dark-business-interactive-disabled-a: #262626;
117
+ $dark-business-interactive-disabled-b: #404040;
118
+ $dark-business-interactive-disabled-c: #575757;
119
+ $dark-business-interactive-negative-fill-default: #000000;
120
120
  $dark-business-interactive-negative-fill-hover: #000000;
121
121
  $dark-business-interactive-negative-fill-pressed: #000000;
122
122
  $dark-business-interactive-negative-border-default: #ff8883;
123
123
  $dark-business-interactive-negative-border-hover: #c40300;
124
124
  $dark-business-interactive-negative-border-pressed: #b90200;
125
- $dark-business-interactive-negative-text-default: #ff8883;
125
+ $dark-business-interactive-negative-text-default: #e70300;
126
126
  $dark-business-interactive-negative-text-hover: #c40300;
127
127
  $dark-business-interactive-negative-text-pressed: #b90200;
128
128
  $dark-business-interactive-negative-icon-default: #ff8883;
129
129
  $dark-business-interactive-negative-icon-hover: #c40300;
130
130
  $dark-business-interactive-negative-icon-pressed: #b90200;
131
- $dark-business-interactive-link-secondary-text-default: #737373;
131
+ $dark-business-interactive-link-secondary-text-default: #8c8c8c;
132
132
  $dark-business-interactive-link-secondary-text-hover: #777777;
133
133
  $dark-business-interactive-link-secondary-text-pressed: #707070;
134
134
  $dark-business-interactive-link-secondary-text-visited: #9a9a9a;
@@ -176,7 +176,7 @@ $dark-business-interactive-chip-primary-off-border-pressed: #cccccc;
176
176
  $dark-business-interactive-chip-secondary-on-text-default: #000000;
177
177
  $dark-business-interactive-chip-secondary-on-text-hover: #d9d9d9;
178
178
  $dark-business-interactive-chip-secondary-on-text-pressed: #cccccc;
179
- $dark-business-interactive-chip-secondary-on-fill-default: #d9d9d9;
179
+ $dark-business-interactive-chip-secondary-on-fill-default: #262626;
180
180
  $dark-business-interactive-chip-secondary-on-fill-hover: #202020;
181
181
  $dark-business-interactive-chip-secondary-on-fill-pressed: #1e1e1e;
182
182
  $dark-business-interactive-chip-secondary-on-border-default: #737373;
@@ -236,19 +236,19 @@ $dark-business-interactive-chip-channel-primary-on-text-pressed: #cccccc;
236
236
  $dark-business-interactive-chip-channel-primary-on-icon-default: #000000;
237
237
  $dark-business-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
238
238
  $dark-business-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
239
- $dark-business-toast-fill-info: #6788c4;
240
- $dark-business-toast-fill-success: #a9d8be;
241
- $dark-business-toast-fill-warning: #ffcd8b;
242
- $dark-business-toast-fill-error: #ff9f98;
243
- $dark-business-toast-icon-info: #0b2c62;
244
- $dark-business-toast-icon-success: #1b5339;
245
- $dark-business-toast-icon-warning: #7e520d;
246
- $dark-business-toast-icon-error: #670909;
247
- $dark-business-toast-text-info: #000000;
248
- $dark-business-toast-text-success: #000000;
249
- $dark-business-toast-text-error: #000000;
250
- $dark-business-toast-text-warning: #ffffff;
251
- $dark-business-toast-link-info-default: #000000;
239
+ $dark-business-toast-fill-info: #0f4aa2;
240
+ $dark-business-toast-fill-success: #2c865b;
241
+ $dark-business-toast-fill-warning: #e49307;
242
+ $dark-business-toast-fill-error: #cb0705;
243
+ $dark-business-toast-icon-info: #aabbdc;
244
+ $dark-business-toast-icon-success: #c1e1d0;
245
+ $dark-business-toast-icon-warning: #ffddb0;
246
+ $dark-business-toast-icon-error: #ffbfbb;
247
+ $dark-business-toast-text-info: #ffffff;
248
+ $dark-business-toast-text-success: #ffffff;
249
+ $dark-business-toast-text-error: #ffffff;
250
+ $dark-business-toast-text-warning: #000000;
251
+ $dark-business-toast-link-info-default: #ffffff;
252
252
  $dark-business-toast-link-info-hover: #d9d9d9;
253
253
  $dark-business-toast-link-info-pressed: #cccccc;
254
254
  $dark-business-toast-link-success-default: #000000;
@@ -257,21 +257,21 @@ $dark-business-toast-link-success-pressed: #cccccc;
257
257
  $dark-business-toast-link-error-default: #000000;
258
258
  $dark-business-toast-link-error-hover: #d9d9d9;
259
259
  $dark-business-toast-link-error-pressed: #cccccc;
260
- $dark-business-toast-link-warning-default: #ffffff;
260
+ $dark-business-toast-link-warning-default: #000000;
261
261
  $dark-business-toast-link-warning-hover: #000000;
262
262
  $dark-business-toast-link-warning-pressed: #000000;
263
- $dark-business-messaging-fill-error: #ffefef;
264
- $dark-business-messaging-fill-success: #f1f8f5;
265
- $dark-business-messaging-fill-warning: #fff7ef;
266
- $dark-business-messaging-fill-info: #eff2f8;
267
- $dark-business-messaging-border-error: #e70300;
268
- $dark-business-messaging-border-success: #2c9365;
269
- $dark-business-messaging-border-warning: #ffba5b;
270
- $dark-business-messaging-border-info: #0d4391;
271
- $dark-business-messaging-icon-error: #e70300;
272
- $dark-business-messaging-icon-success: #2c9365;
273
- $dark-business-messaging-icon-warning: #ffba5b;
274
- $dark-business-messaging-icon-info: #0d4391;
263
+ $dark-business-messaging-fill-error: #670909;
264
+ $dark-business-messaging-fill-success: #1b5339;
265
+ $dark-business-messaging-fill-warning: #664109;
266
+ $dark-business-messaging-fill-info: #08295a;
267
+ $dark-business-messaging-border-error: #ff7268;
268
+ $dark-business-messaging-border-success: #80c4a1;
269
+ $dark-business-messaging-border-warning: #ffa722;
270
+ $dark-business-messaging-border-info: #6f8dc6;
271
+ $dark-business-messaging-icon-error: #ff7268;
272
+ $dark-business-messaging-icon-success: #80c4a1;
273
+ $dark-business-messaging-icon-warning: #ffa722;
274
+ $dark-business-messaging-icon-info: #6f8dc6;
275
275
  $dark-business-messaging-link-text-default: #000000;
276
276
  $dark-business-messaging-link-text-hover: #d9d9d9;
277
277
  $dark-business-messaging-link-text-pressed: #cccccc;
package/dist/palettes/{_business-light.scss → business-light.scss} RENAMED
@@ -50,7 +50,7 @@ $light-business-input-fill-warning: #fff7ef;
50
50
  $light-business-input-fill-info: #eff2f8;
51
51
  $light-business-input-border-default: #8c8c8c;
52
52
  $light-business-input-border-error: #b20908;
53
- $light-business-input-border-hover: #6d6d6d;
53
+ $light-business-input-border-hover: #808080;
54
54
  $light-business-input-border-active: #595959;
55
55
  $light-business-input-border-completed: #262626;
56
56
  $light-business-input-border-success: #298458;
package/dist/palettes/{_comment-dark.scss → comment-dark.scss} RENAMED
@@ -1,61 +1,61 @@
1
- $dark-comment-surface-undercanvas: #e6e6e6;
2
- $dark-comment-surface-canvas: #ffffff;
1
+ $dark-comment-surface-undercanvas: #1a1a1a;
2
+ $dark-comment-surface-canvas: #000000;
3
3
  $dark-comment-surface-transparent: #000000;
4
- $dark-comment-surface-level-1: #f2f2f2;
5
- $dark-comment-surface-level-2: #e6e6e6;
6
- $dark-comment-surface-level-3: #d9d9d9;
7
- $dark-comment-surface-level-4: #e6e6e6;
4
+ $dark-comment-surface-level-1: #0d0d0d;
5
+ $dark-comment-surface-level-2: #1a1a1a;
6
+ $dark-comment-surface-level-3: #262626;
7
+ $dark-comment-surface-level-4: #1a1a1a;
8
8
  $dark-comment-surface-overlay: rgba(0, 0, 0, 0.55);
9
- $dark-comment-surface-channel-50: #fbf5f5;
10
- $dark-comment-surface-channel-100: #f2e5e8;
11
- $dark-comment-surface-channel-200: #d49eab;
12
- $dark-comment-surface-channel-300: #a33254;
13
- $dark-comment-surface-channel-400: #6c1730;
14
- $dark-comment-surface-channel-500: #3d0e1c;
15
- $dark-comment-surface-static-dark: #ffffff;
16
- $dark-comment-surface-static-light: #000000;
17
- $dark-comment-surface-inverse: #000000;
18
- $dark-comment-text-primary: #000000;
19
- $dark-comment-text-secondary: #262626;
20
- $dark-comment-text-tertiary: #595959;
21
- $dark-comment-text-channel-primary: #5c1328;
22
- $dark-comment-text-channel-secondary: #7d1738;
23
- $dark-comment-text-channel-tertiary: #a33254;
24
- $dark-comment-text-static-dark: #ffffff;
25
- $dark-comment-text-static-light: #000000;
26
- $dark-comment-text-inverse: #ffffff;
9
+ $dark-comment-surface-channel-50: #1f060d;
10
+ $dark-comment-surface-channel-100: #3d0e1c;
11
+ $dark-comment-surface-channel-200: #7d1738;
12
+ $dark-comment-surface-channel-300: #aa4361;
13
+ $dark-comment-surface-channel-400: #c06f85;
14
+ $dark-comment-surface-channel-500: #d091a4;
15
+ $dark-comment-surface-static-dark: #000000;
16
+ $dark-comment-surface-static-light: #ffffff;
17
+ $dark-comment-surface-inverse: #ffffff;
18
+ $dark-comment-text-primary: #ffffff;
19
+ $dark-comment-text-secondary: #d9d9d9;
20
+ $dark-comment-text-tertiary: #a6a6a6;
21
+ $dark-comment-text-channel-primary: #c47c8f;
22
+ $dark-comment-text-channel-secondary: #bb677d;
23
+ $dark-comment-text-channel-tertiary: #aa4361;
24
+ $dark-comment-text-static-dark: #000000;
25
+ $dark-comment-text-static-light: #ffffff;
26
+ $dark-comment-text-inverse: #000000;
27
27
  $dark-comment-icon-primary: #000000;
28
28
  $dark-comment-icon-secondary: #262626;
29
29
  $dark-comment-icon-tertiary: #595959;
30
- $dark-comment-icon-channel-primary: #e0b3bf;
31
- $dark-comment-icon-channel-secondary: #cc8799;
30
+ $dark-comment-icon-channel-primary: #6c1730;
31
+ $dark-comment-icon-channel-secondary: #8b1c3f;
32
32
  $dark-comment-icon-channel-tertiary: #a33254;
33
- $dark-comment-icon-inverse: #ffffff;
34
- $dark-comment-border-primary: #a8a8a8;
35
- $dark-comment-border-secondary: #cccccc;
36
- $dark-comment-border-tertiary: #e6e6e6;
37
- $dark-comment-border-channel-primary: #cc8799;
38
- $dark-comment-border-channel-secondary: #e8c8d1;
39
- $dark-comment-border-channel-tertiary: #f2e5e8;
40
- $dark-comment-border-elevation: #cccccc;
41
- $dark-comment-border-static-dark: #ffffff;
42
- $dark-comment-border-static-light: #000000;
43
- $dark-comment-input-fill-default: #ffffff;
44
- $dark-comment-input-fill-error: #ffefef;
45
- $dark-comment-input-fill-hover: #f2f2f2;
46
- $dark-comment-input-fill-active: #ffffff;
47
- $dark-comment-input-fill-completed: #ffffff;
48
- $dark-comment-input-fill-success: #f1f8f5;
49
- $dark-comment-input-fill-warning: #fff7ef;
50
- $dark-comment-input-fill-info: #eff2f8;
51
- $dark-comment-input-border-default: #8c8c8c;
52
- $dark-comment-input-border-error: #e70300;
53
- $dark-comment-input-border-hover: #6d6d6d;
54
- $dark-comment-input-border-active: #595959;
55
- $dark-comment-input-border-completed: #262626;
56
- $dark-comment-input-border-success: #2c9365;
57
- $dark-comment-input-border-warning: #cc8103;
58
- $dark-comment-input-border-info: #2658a9;
33
+ $dark-comment-icon-inverse: #000000;
34
+ $dark-comment-border-primary: #575757;
35
+ $dark-comment-border-secondary: #333333;
36
+ $dark-comment-border-tertiary: #1a1a1a;
37
+ $dark-comment-border-channel-primary: #8b1c3f;
38
+ $dark-comment-border-channel-secondary: #5c1328;
39
+ $dark-comment-border-channel-tertiary: #3d0e1c;
40
+ $dark-comment-border-elevation: #333333;
41
+ $dark-comment-border-static-dark: #000000;
42
+ $dark-comment-border-static-light: #ffffff;
43
+ $dark-comment-input-fill-default: #000000;
44
+ $dark-comment-input-fill-error: #670909;
45
+ $dark-comment-input-fill-hover: #0d0d0d;
46
+ $dark-comment-input-fill-active: #000000;
47
+ $dark-comment-input-fill-completed: #000000;
48
+ $dark-comment-input-fill-success: #1b5339;
49
+ $dark-comment-input-fill-warning: #664109;
50
+ $dark-comment-input-fill-info: #08295a;
51
+ $dark-comment-input-border-default: #737373;
52
+ $dark-comment-input-border-error: #ff7268;
53
+ $dark-comment-input-border-hover: #808080;
54
+ $dark-comment-input-border-active: #a6a6a6;
55
+ $dark-comment-input-border-completed: #d9d9d9;
56
+ $dark-comment-input-border-success: #80c4a1;
57
+ $dark-comment-input-border-warning: #ffc77f;
58
+ $dark-comment-input-border-info: #466fb5;
59
59
  $dark-comment-input-text-default: #595959;
60
60
  $dark-comment-input-text-error: #000000;
61
61
  $dark-comment-input-text-hover: #262626;
@@ -72,30 +72,30 @@ $dark-comment-input-icon-error: #e70300;
72
72
  $dark-comment-input-icon-success: #2c9365;
73
73
  $dark-comment-input-icon-warning: #cc8103;
74
74
  $dark-comment-input-icon-info: #2658a9;
75
- $dark-comment-active-fill: #000000;
76
- $dark-comment-active-text: #ffffff;
77
- $dark-comment-active-border: #000000;
78
- $dark-comment-active-icon: #ffffff;
79
- $dark-comment-focus-border: #737373;
75
+ $dark-comment-active-fill: #ffffff;
76
+ $dark-comment-active-text: #000000;
77
+ $dark-comment-active-border: #ffffff;
78
+ $dark-comment-active-icon: #000000;
79
+ $dark-comment-focus-border: #8c8c8c;
80
80
  $dark-comment-label-primary: #000000;
81
81
  $dark-comment-label-secondary: #262626;
82
82
  $dark-comment-label-channel: #a33254;
83
83
  $dark-comment-label-callout: #ff403a;
84
- $dark-comment-flag-primary-fill: #000000;
85
- $dark-comment-flag-primary-text: #f2f2f2;
84
+ $dark-comment-flag-primary-fill: #ffffff;
85
+ $dark-comment-flag-primary-text: #0d0d0d;
86
86
  $dark-comment-flag-primary-icon: #f2f2f2;
87
87
  $dark-comment-flag-secondary-text: #000000;
88
88
  $dark-comment-flag-secondary-icon: #000000;
89
89
  $dark-comment-flag-channel-fill: #d49eab;
90
90
  $dark-comment-flag-channel-text: #3d0e1c;
91
91
  $dark-comment-flag-channel-icon: #3d0e1c;
92
- $dark-comment-flag-callout-fill: #ff403a;
92
+ $dark-comment-flag-callout-fill: #ff3933;
93
93
  $dark-comment-flag-callout-text: #000000;
94
94
  $dark-comment-flag-callout-icon: #000000;
95
- $dark-comment-interactive-primary-fill-default: #000000;
95
+ $dark-comment-interactive-primary-fill-default: #ffffff;
96
96
  $dark-comment-interactive-primary-fill-hover: #ffffff;
97
97
  $dark-comment-interactive-primary-fill-pressed: #ffffff;
98
- $dark-comment-interactive-primary-text-default: #ffffff;
98
+ $dark-comment-interactive-primary-text-default: #000000;
99
99
  $dark-comment-interactive-primary-text-hover: #ffffff;
100
100
  $dark-comment-interactive-primary-text-pressed: #ffffff;
101
101
  $dark-comment-interactive-primary-icon-default: #ffffff;
@@ -104,7 +104,7 @@ $dark-comment-interactive-primary-icon-pressed: #ffffff;
104
104
  $dark-comment-interactive-secondary-fill-default: #ffffff;
105
105
  $dark-comment-interactive-secondary-fill-hover: #262626;
106
106
  $dark-comment-interactive-secondary-fill-pressed: #333333;
107
- $dark-comment-interactive-secondary-border-default: #737373;
107
+ $dark-comment-interactive-secondary-border-default: #8c8c8c;
108
108
  $dark-comment-interactive-secondary-border-hover: #9d9d9d;
109
109
  $dark-comment-interactive-secondary-border-pressed: #a3a3a3;
110
110
  $dark-comment-interactive-secondary-text-default: #000000;
@@ -113,22 +113,22 @@ $dark-comment-interactive-secondary-text-pressed: #ffffff;
113
113
  $dark-comment-interactive-secondary-icon-default: #000000;
114
114
  $dark-comment-interactive-secondary-icon-hover: #ffffff;
115
115
  $dark-comment-interactive-secondary-icon-pressed: #ffffff;
116
- $dark-comment-interactive-disabled-a: #d9d9d9;
117
- $dark-comment-interactive-disabled-b: #bfbfbf;
118
- $dark-comment-interactive-disabled-c: #a8a8a8;
119
- $dark-comment-interactive-negative-fill-default: #ffffff;
116
+ $dark-comment-interactive-disabled-a: #262626;
117
+ $dark-comment-interactive-disabled-b: #404040;
118
+ $dark-comment-interactive-disabled-c: #575757;
119
+ $dark-comment-interactive-negative-fill-default: #000000;
120
120
  $dark-comment-interactive-negative-fill-hover: #000000;
121
121
  $dark-comment-interactive-negative-fill-pressed: #000000;
122
122
  $dark-comment-interactive-negative-border-default: #ff8883;
123
123
  $dark-comment-interactive-negative-border-hover: #c40300;
124
124
  $dark-comment-interactive-negative-border-pressed: #b90200;
125
- $dark-comment-interactive-negative-text-default: #ff8883;
125
+ $dark-comment-interactive-negative-text-default: #e70300;
126
126
  $dark-comment-interactive-negative-text-hover: #c40300;
127
127
  $dark-comment-interactive-negative-text-pressed: #b90200;
128
128
  $dark-comment-interactive-negative-icon-default: #ff8883;
129
129
  $dark-comment-interactive-negative-icon-hover: #c40300;
130
130
  $dark-comment-interactive-negative-icon-pressed: #b90200;
131
- $dark-comment-interactive-link-secondary-text-default: #737373;
131
+ $dark-comment-interactive-link-secondary-text-default: #8c8c8c;
132
132
  $dark-comment-interactive-link-secondary-text-hover: #777777;
133
133
  $dark-comment-interactive-link-secondary-text-pressed: #707070;
134
134
  $dark-comment-interactive-link-secondary-text-visited: #9a9a9a;
@@ -176,7 +176,7 @@ $dark-comment-interactive-chip-primary-off-border-pressed: #cccccc;
176
176
  $dark-comment-interactive-chip-secondary-on-text-default: #000000;
177
177
  $dark-comment-interactive-chip-secondary-on-text-hover: #d9d9d9;
178
178
  $dark-comment-interactive-chip-secondary-on-text-pressed: #cccccc;
179
- $dark-comment-interactive-chip-secondary-on-fill-default: #d9d9d9;
179
+ $dark-comment-interactive-chip-secondary-on-fill-default: #262626;
180
180
  $dark-comment-interactive-chip-secondary-on-fill-hover: #202020;
181
181
  $dark-comment-interactive-chip-secondary-on-fill-pressed: #1e1e1e;
182
182
  $dark-comment-interactive-chip-secondary-on-border-default: #737373;
@@ -236,19 +236,19 @@ $dark-comment-interactive-chip-channel-primary-on-text-pressed: #cccccc;
236
236
  $dark-comment-interactive-chip-channel-primary-on-icon-default: #000000;
237
237
  $dark-comment-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
238
238
  $dark-comment-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
239
- $dark-comment-toast-fill-info: #6788c4;
240
- $dark-comment-toast-fill-success: #a9d8be;
241
- $dark-comment-toast-fill-warning: #ffcd8b;
242
- $dark-comment-toast-fill-error: #ff9f98;
243
- $dark-comment-toast-icon-info: #0b2c62;
244
- $dark-comment-toast-icon-success: #1b5339;
245
- $dark-comment-toast-icon-warning: #7e520d;
246
- $dark-comment-toast-icon-error: #670909;
247
- $dark-comment-toast-text-info: #000000;
248
- $dark-comment-toast-text-success: #000000;
249
- $dark-comment-toast-text-error: #000000;
250
- $dark-comment-toast-text-warning: #ffffff;
251
- $dark-comment-toast-link-info-default: #000000;
239
+ $dark-comment-toast-fill-info: #0f4aa2;
240
+ $dark-comment-toast-fill-success: #2c865b;
241
+ $dark-comment-toast-fill-warning: #e49307;
242
+ $dark-comment-toast-fill-error: #cb0705;
243
+ $dark-comment-toast-icon-info: #aabbdc;
244
+ $dark-comment-toast-icon-success: #c1e1d0;
245
+ $dark-comment-toast-icon-warning: #ffddb0;
246
+ $dark-comment-toast-icon-error: #ffbfbb;
247
+ $dark-comment-toast-text-info: #ffffff;
248
+ $dark-comment-toast-text-success: #ffffff;
249
+ $dark-comment-toast-text-error: #ffffff;
250
+ $dark-comment-toast-text-warning: #000000;
251
+ $dark-comment-toast-link-info-default: #ffffff;
252
252
  $dark-comment-toast-link-info-hover: #d9d9d9;
253
253
  $dark-comment-toast-link-info-pressed: #cccccc;
254
254
  $dark-comment-toast-link-success-default: #000000;
@@ -257,21 +257,21 @@ $dark-comment-toast-link-success-pressed: #cccccc;
257
257
  $dark-comment-toast-link-error-default: #000000;
258
258
  $dark-comment-toast-link-error-hover: #d9d9d9;
259
259
  $dark-comment-toast-link-error-pressed: #cccccc;
260
- $dark-comment-toast-link-warning-default: #ffffff;
260
+ $dark-comment-toast-link-warning-default: #000000;
261
261
  $dark-comment-toast-link-warning-hover: #000000;
262
262
  $dark-comment-toast-link-warning-pressed: #000000;
263
- $dark-comment-messaging-fill-error: #ffefef;
264
- $dark-comment-messaging-fill-success: #f1f8f5;
265
- $dark-comment-messaging-fill-warning: #fff7ef;
266
- $dark-comment-messaging-fill-info: #eff2f8;
267
- $dark-comment-messaging-border-error: #e70300;
268
- $dark-comment-messaging-border-success: #2c9365;
269
- $dark-comment-messaging-border-warning: #ffba5b;
270
- $dark-comment-messaging-border-info: #0d4391;
271
- $dark-comment-messaging-icon-error: #e70300;
272
- $dark-comment-messaging-icon-success: #2c9365;
273
- $dark-comment-messaging-icon-warning: #ffba5b;
274
- $dark-comment-messaging-icon-info: #0d4391;
263
+ $dark-comment-messaging-fill-error: #670909;
264
+ $dark-comment-messaging-fill-success: #1b5339;
265
+ $dark-comment-messaging-fill-warning: #664109;
266
+ $dark-comment-messaging-fill-info: #08295a;
267
+ $dark-comment-messaging-border-error: #ff7268;
268
+ $dark-comment-messaging-border-success: #80c4a1;
269
+ $dark-comment-messaging-border-warning: #ffa722;
270
+ $dark-comment-messaging-border-info: #6f8dc6;
271
+ $dark-comment-messaging-icon-error: #ff7268;
272
+ $dark-comment-messaging-icon-success: #80c4a1;
273
+ $dark-comment-messaging-icon-warning: #ffa722;
274
+ $dark-comment-messaging-icon-info: #6f8dc6;
275
275
  $dark-comment-messaging-link-text-default: #000000;
276
276
  $dark-comment-messaging-link-text-hover: #d9d9d9;
277
277
  $dark-comment-messaging-link-text-pressed: #cccccc;
package/dist/palettes/{_comment-light.scss → comment-light.scss} RENAMED
@@ -50,7 +50,7 @@ $light-comment-input-fill-warning: #fff7ef;
50
50
  $light-comment-input-fill-info: #eff2f8;
51
51
  $light-comment-input-border-default: #8c8c8c;
52
52
  $light-comment-input-border-error: #b20908;
53
- $light-comment-input-border-hover: #6d6d6d;
53
+ $light-comment-input-border-hover: #808080;
54
54
  $light-comment-input-border-active: #595959;
55
55
  $light-comment-input-border-completed: #262626;
56
56
  $light-comment-input-border-success: #298458;