@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.
- package/dist/palettes/{_business-dark.scss → business-dark.scss} +96 -96
- package/dist/palettes/{_business-light.scss → business-light.scss} +1 -1
- package/dist/palettes/{_comment-dark.scss → comment-dark.scss} +96 -96
- package/dist/palettes/{_comment-light.scss → comment-light.scss} +1 -1
- package/dist/palettes/{_core-dark.scss → core-dark.scss} +96 -96
- package/dist/palettes/{_core-light.scss → core-light.scss} +1 -1
- package/dist/palettes/{_culture-dark.scss → culture-dark.scss} +96 -96
- package/dist/palettes/{_culture-light.scss → culture-light.scss} +1 -1
- package/dist/palettes/{_home-dark.scss → home-dark.scss} +96 -96
- package/dist/palettes/{_home-light.scss → home-light.scss} +1 -1
- package/dist/palettes/{_ireland-dark.scss → ireland-dark.scss} +96 -96
- package/dist/palettes/{_ireland-light.scss → ireland-light.scss} +1 -1
- package/dist/palettes/{_lifeAndStyle-dark.scss → lifeAndStyle-dark.scss} +96 -96
- package/dist/palettes/{_lifeAndStyle-light.scss → lifeAndStyle-light.scss} +1 -1
- package/dist/palettes/{_money-dark.scss → money-dark.scss} +96 -96
- package/dist/palettes/{_money-light.scss → money-light.scss} +1 -1
- package/dist/palettes/{_obituaries-dark.scss → obituaries-dark.scss} +96 -96
- package/dist/palettes/{_obituaries-light.scss → obituaries-light.scss} +1 -1
- package/dist/palettes/{_puzzles-dark.scss → puzzles-dark.scss} +96 -96
- package/dist/palettes/{_puzzles-light.scss → puzzles-light.scss} +1 -1
- package/dist/palettes/{_sport-dark.scss → sport-dark.scss} +96 -96
- package/dist/palettes/{_sport-light.scss → sport-light.scss} +1 -1
- package/dist/palettes/{_travel-dark.scss → travel-dark.scss} +96 -96
- package/dist/palettes/{_travel-light.scss → travel-light.scss} +1 -1
- package/dist/palettes/{_uk-dark.scss → uk-dark.scss} +96 -96
- package/dist/palettes/{_uk-light.scss → uk-light.scss} +1 -1
- package/dist/palettes/{_world-dark.scss → world-dark.scss} +96 -96
- package/dist/palettes/{_world-light.scss → world-light.scss} +1 -1
- package/package.json +2 -2
- package/dist/palettes/_channels-dark.scss +0 -315
- package/dist/palettes/_channels-light.scss +0 -315
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
$dark-uk-surface-undercanvas: #
|
|
2
|
-
$dark-uk-surface-canvas: #
|
|
1
|
+
$dark-uk-surface-undercanvas: #1a1a1a;
|
|
2
|
+
$dark-uk-surface-canvas: #000000;
|
|
3
3
|
$dark-uk-surface-transparent: #000000;
|
|
4
|
-
$dark-uk-surface-level-1: #
|
|
5
|
-
$dark-uk-surface-level-2: #
|
|
6
|
-
$dark-uk-surface-level-3: #
|
|
7
|
-
$dark-uk-surface-level-4: #
|
|
4
|
+
$dark-uk-surface-level-1: #0d0d0d;
|
|
5
|
+
$dark-uk-surface-level-2: #1a1a1a;
|
|
6
|
+
$dark-uk-surface-level-3: #262626;
|
|
7
|
+
$dark-uk-surface-level-4: #1a1a1a;
|
|
8
8
|
$dark-uk-surface-overlay: rgba(0, 0, 0, 0.55);
|
|
9
|
-
$dark-uk-surface-channel-50: #
|
|
10
|
-
$dark-uk-surface-channel-100: #
|
|
11
|
-
$dark-uk-surface-channel-200: #
|
|
12
|
-
$dark-uk-surface-channel-300: #
|
|
13
|
-
$dark-uk-surface-channel-400: #
|
|
14
|
-
$dark-uk-surface-channel-500: #
|
|
15
|
-
$dark-uk-surface-static-dark: #
|
|
16
|
-
$dark-uk-surface-static-light: #
|
|
17
|
-
$dark-uk-surface-inverse: #
|
|
18
|
-
$dark-uk-text-primary: #
|
|
19
|
-
$dark-uk-text-secondary: #
|
|
20
|
-
$dark-uk-text-tertiary: #
|
|
21
|
-
$dark-uk-text-channel-primary: #
|
|
22
|
-
$dark-uk-text-channel-secondary: #
|
|
23
|
-
$dark-uk-text-channel-tertiary: #
|
|
24
|
-
$dark-uk-text-static-dark: #
|
|
25
|
-
$dark-uk-text-static-light: #
|
|
26
|
-
$dark-uk-text-inverse: #
|
|
9
|
+
$dark-uk-surface-channel-50: #0d171f;
|
|
10
|
+
$dark-uk-surface-channel-100: #1a2e3c;
|
|
11
|
+
$dark-uk-surface-channel-200: #345a78;
|
|
12
|
+
$dark-uk-surface-channel-300: #5d86a6;
|
|
13
|
+
$dark-uk-surface-channel-400: #84a2ba;
|
|
14
|
+
$dark-uk-surface-channel-500: #a1b8cb;
|
|
15
|
+
$dark-uk-surface-static-dark: #000000;
|
|
16
|
+
$dark-uk-surface-static-light: #ffffff;
|
|
17
|
+
$dark-uk-surface-inverse: #ffffff;
|
|
18
|
+
$dark-uk-text-primary: #ffffff;
|
|
19
|
+
$dark-uk-text-secondary: #d9d9d9;
|
|
20
|
+
$dark-uk-text-tertiary: #a6a6a6;
|
|
21
|
+
$dark-uk-text-channel-primary: #7095b0;
|
|
22
|
+
$dark-uk-text-channel-secondary: #5d86a6;
|
|
23
|
+
$dark-uk-text-channel-tertiary: #3b6488;
|
|
24
|
+
$dark-uk-text-static-dark: #000000;
|
|
25
|
+
$dark-uk-text-static-light: #ffffff;
|
|
26
|
+
$dark-uk-text-inverse: #000000;
|
|
27
27
|
$dark-uk-icon-primary: #000000;
|
|
28
28
|
$dark-uk-icon-secondary: #262626;
|
|
29
29
|
$dark-uk-icon-tertiary: #595959;
|
|
30
|
-
$dark-uk-icon-channel-primary: #
|
|
31
|
-
$dark-uk-icon-channel-secondary: #
|
|
30
|
+
$dark-uk-icon-channel-primary: #3b6488;
|
|
31
|
+
$dark-uk-icon-channel-secondary: #49799c;
|
|
32
32
|
$dark-uk-icon-channel-tertiary: #96b1c7;
|
|
33
|
-
$dark-uk-icon-inverse: #
|
|
34
|
-
$dark-uk-border-primary: #
|
|
35
|
-
$dark-uk-border-secondary: #
|
|
36
|
-
$dark-uk-border-tertiary: #
|
|
37
|
-
$dark-uk-border-channel-primary: #
|
|
38
|
-
$dark-uk-border-channel-secondary: #
|
|
39
|
-
$dark-uk-border-channel-tertiary: #
|
|
40
|
-
$dark-uk-border-elevation: #
|
|
41
|
-
$dark-uk-border-static-dark: #
|
|
42
|
-
$dark-uk-border-static-light: #
|
|
43
|
-
$dark-uk-input-fill-default: #
|
|
44
|
-
$dark-uk-input-fill-error: #
|
|
45
|
-
$dark-uk-input-fill-hover: #
|
|
46
|
-
$dark-uk-input-fill-active: #
|
|
47
|
-
$dark-uk-input-fill-completed: #
|
|
48
|
-
$dark-uk-input-fill-success: #
|
|
49
|
-
$dark-uk-input-fill-warning: #
|
|
50
|
-
$dark-uk-input-fill-info: #
|
|
51
|
-
$dark-uk-input-border-default: #
|
|
52
|
-
$dark-uk-input-border-error: #
|
|
53
|
-
$dark-uk-input-border-hover: #
|
|
54
|
-
$dark-uk-input-border-active: #
|
|
55
|
-
$dark-uk-input-border-completed: #
|
|
56
|
-
$dark-uk-input-border-success: #
|
|
57
|
-
$dark-uk-input-border-warning: #
|
|
58
|
-
$dark-uk-input-border-info: #
|
|
33
|
+
$dark-uk-icon-inverse: #000000;
|
|
34
|
+
$dark-uk-border-primary: #575757;
|
|
35
|
+
$dark-uk-border-secondary: #333333;
|
|
36
|
+
$dark-uk-border-tertiary: #1a1a1a;
|
|
37
|
+
$dark-uk-border-channel-primary: #3b6488;
|
|
38
|
+
$dark-uk-border-channel-secondary: #28435b;
|
|
39
|
+
$dark-uk-border-channel-tertiary: #1a2e3c;
|
|
40
|
+
$dark-uk-border-elevation: #333333;
|
|
41
|
+
$dark-uk-border-static-dark: #000000;
|
|
42
|
+
$dark-uk-border-static-light: #ffffff;
|
|
43
|
+
$dark-uk-input-fill-default: #000000;
|
|
44
|
+
$dark-uk-input-fill-error: #670909;
|
|
45
|
+
$dark-uk-input-fill-hover: #0d0d0d;
|
|
46
|
+
$dark-uk-input-fill-active: #000000;
|
|
47
|
+
$dark-uk-input-fill-completed: #000000;
|
|
48
|
+
$dark-uk-input-fill-success: #1b5339;
|
|
49
|
+
$dark-uk-input-fill-warning: #664109;
|
|
50
|
+
$dark-uk-input-fill-info: #08295a;
|
|
51
|
+
$dark-uk-input-border-default: #737373;
|
|
52
|
+
$dark-uk-input-border-error: #ff7268;
|
|
53
|
+
$dark-uk-input-border-hover: #808080;
|
|
54
|
+
$dark-uk-input-border-active: #a6a6a6;
|
|
55
|
+
$dark-uk-input-border-completed: #d9d9d9;
|
|
56
|
+
$dark-uk-input-border-success: #80c4a1;
|
|
57
|
+
$dark-uk-input-border-warning: #ffc77f;
|
|
58
|
+
$dark-uk-input-border-info: #466fb5;
|
|
59
59
|
$dark-uk-input-text-default: #595959;
|
|
60
60
|
$dark-uk-input-text-error: #000000;
|
|
61
61
|
$dark-uk-input-text-hover: #262626;
|
|
@@ -72,30 +72,30 @@ $dark-uk-input-icon-error: #e70300;
|
|
|
72
72
|
$dark-uk-input-icon-success: #2c9365;
|
|
73
73
|
$dark-uk-input-icon-warning: #cc8103;
|
|
74
74
|
$dark-uk-input-icon-info: #2658a9;
|
|
75
|
-
$dark-uk-active-fill: #
|
|
76
|
-
$dark-uk-active-text: #
|
|
77
|
-
$dark-uk-active-border: #
|
|
78
|
-
$dark-uk-active-icon: #
|
|
79
|
-
$dark-uk-focus-border: #
|
|
75
|
+
$dark-uk-active-fill: #ffffff;
|
|
76
|
+
$dark-uk-active-text: #000000;
|
|
77
|
+
$dark-uk-active-border: #ffffff;
|
|
78
|
+
$dark-uk-active-icon: #000000;
|
|
79
|
+
$dark-uk-focus-border: #8c8c8c;
|
|
80
80
|
$dark-uk-label-primary: #000000;
|
|
81
81
|
$dark-uk-label-secondary: #262626;
|
|
82
82
|
$dark-uk-label-channel: #4f7c9f;
|
|
83
83
|
$dark-uk-label-callout: #ff403a;
|
|
84
|
-
$dark-uk-flag-primary-fill: #
|
|
85
|
-
$dark-uk-flag-primary-text: #
|
|
84
|
+
$dark-uk-flag-primary-fill: #ffffff;
|
|
85
|
+
$dark-uk-flag-primary-text: #0d0d0d;
|
|
86
86
|
$dark-uk-flag-primary-icon: #f2f2f2;
|
|
87
87
|
$dark-uk-flag-secondary-text: #000000;
|
|
88
88
|
$dark-uk-flag-secondary-icon: #000000;
|
|
89
89
|
$dark-uk-flag-channel-fill: #a9c0d0;
|
|
90
90
|
$dark-uk-flag-channel-text: #1a2e3c;
|
|
91
91
|
$dark-uk-flag-channel-icon: #1a2e3c;
|
|
92
|
-
$dark-uk-flag-callout-fill: #
|
|
92
|
+
$dark-uk-flag-callout-fill: #ff3933;
|
|
93
93
|
$dark-uk-flag-callout-text: #000000;
|
|
94
94
|
$dark-uk-flag-callout-icon: #000000;
|
|
95
|
-
$dark-uk-interactive-primary-fill-default: #
|
|
95
|
+
$dark-uk-interactive-primary-fill-default: #ffffff;
|
|
96
96
|
$dark-uk-interactive-primary-fill-hover: #ffffff;
|
|
97
97
|
$dark-uk-interactive-primary-fill-pressed: #ffffff;
|
|
98
|
-
$dark-uk-interactive-primary-text-default: #
|
|
98
|
+
$dark-uk-interactive-primary-text-default: #000000;
|
|
99
99
|
$dark-uk-interactive-primary-text-hover: #ffffff;
|
|
100
100
|
$dark-uk-interactive-primary-text-pressed: #ffffff;
|
|
101
101
|
$dark-uk-interactive-primary-icon-default: #ffffff;
|
|
@@ -104,7 +104,7 @@ $dark-uk-interactive-primary-icon-pressed: #ffffff;
|
|
|
104
104
|
$dark-uk-interactive-secondary-fill-default: #ffffff;
|
|
105
105
|
$dark-uk-interactive-secondary-fill-hover: #262626;
|
|
106
106
|
$dark-uk-interactive-secondary-fill-pressed: #333333;
|
|
107
|
-
$dark-uk-interactive-secondary-border-default: #
|
|
107
|
+
$dark-uk-interactive-secondary-border-default: #8c8c8c;
|
|
108
108
|
$dark-uk-interactive-secondary-border-hover: #9d9d9d;
|
|
109
109
|
$dark-uk-interactive-secondary-border-pressed: #a3a3a3;
|
|
110
110
|
$dark-uk-interactive-secondary-text-default: #000000;
|
|
@@ -113,22 +113,22 @@ $dark-uk-interactive-secondary-text-pressed: #ffffff;
|
|
|
113
113
|
$dark-uk-interactive-secondary-icon-default: #000000;
|
|
114
114
|
$dark-uk-interactive-secondary-icon-hover: #ffffff;
|
|
115
115
|
$dark-uk-interactive-secondary-icon-pressed: #ffffff;
|
|
116
|
-
$dark-uk-interactive-disabled-a: #
|
|
117
|
-
$dark-uk-interactive-disabled-b: #
|
|
118
|
-
$dark-uk-interactive-disabled-c: #
|
|
119
|
-
$dark-uk-interactive-negative-fill-default: #
|
|
116
|
+
$dark-uk-interactive-disabled-a: #262626;
|
|
117
|
+
$dark-uk-interactive-disabled-b: #404040;
|
|
118
|
+
$dark-uk-interactive-disabled-c: #575757;
|
|
119
|
+
$dark-uk-interactive-negative-fill-default: #000000;
|
|
120
120
|
$dark-uk-interactive-negative-fill-hover: #000000;
|
|
121
121
|
$dark-uk-interactive-negative-fill-pressed: #000000;
|
|
122
122
|
$dark-uk-interactive-negative-border-default: #ff8883;
|
|
123
123
|
$dark-uk-interactive-negative-border-hover: #c40300;
|
|
124
124
|
$dark-uk-interactive-negative-border-pressed: #b90200;
|
|
125
|
-
$dark-uk-interactive-negative-text-default: #
|
|
125
|
+
$dark-uk-interactive-negative-text-default: #e70300;
|
|
126
126
|
$dark-uk-interactive-negative-text-hover: #c40300;
|
|
127
127
|
$dark-uk-interactive-negative-text-pressed: #b90200;
|
|
128
128
|
$dark-uk-interactive-negative-icon-default: #ff8883;
|
|
129
129
|
$dark-uk-interactive-negative-icon-hover: #c40300;
|
|
130
130
|
$dark-uk-interactive-negative-icon-pressed: #b90200;
|
|
131
|
-
$dark-uk-interactive-link-secondary-text-default: #
|
|
131
|
+
$dark-uk-interactive-link-secondary-text-default: #8c8c8c;
|
|
132
132
|
$dark-uk-interactive-link-secondary-text-hover: #777777;
|
|
133
133
|
$dark-uk-interactive-link-secondary-text-pressed: #707070;
|
|
134
134
|
$dark-uk-interactive-link-secondary-text-visited: #9a9a9a;
|
|
@@ -176,7 +176,7 @@ $dark-uk-interactive-chip-primary-off-border-pressed: #cccccc;
|
|
|
176
176
|
$dark-uk-interactive-chip-secondary-on-text-default: #000000;
|
|
177
177
|
$dark-uk-interactive-chip-secondary-on-text-hover: #d9d9d9;
|
|
178
178
|
$dark-uk-interactive-chip-secondary-on-text-pressed: #cccccc;
|
|
179
|
-
$dark-uk-interactive-chip-secondary-on-fill-default: #
|
|
179
|
+
$dark-uk-interactive-chip-secondary-on-fill-default: #262626;
|
|
180
180
|
$dark-uk-interactive-chip-secondary-on-fill-hover: #202020;
|
|
181
181
|
$dark-uk-interactive-chip-secondary-on-fill-pressed: #1e1e1e;
|
|
182
182
|
$dark-uk-interactive-chip-secondary-on-border-default: #737373;
|
|
@@ -236,19 +236,19 @@ $dark-uk-interactive-chip-channel-primary-on-text-pressed: #cccccc;
|
|
|
236
236
|
$dark-uk-interactive-chip-channel-primary-on-icon-default: #000000;
|
|
237
237
|
$dark-uk-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
|
|
238
238
|
$dark-uk-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
|
|
239
|
-
$dark-uk-toast-fill-info: #
|
|
240
|
-
$dark-uk-toast-fill-success: #
|
|
241
|
-
$dark-uk-toast-fill-warning: #
|
|
242
|
-
$dark-uk-toast-fill-error: #
|
|
243
|
-
$dark-uk-toast-icon-info: #
|
|
244
|
-
$dark-uk-toast-icon-success: #
|
|
245
|
-
$dark-uk-toast-icon-warning: #
|
|
246
|
-
$dark-uk-toast-icon-error: #
|
|
247
|
-
$dark-uk-toast-text-info: #
|
|
248
|
-
$dark-uk-toast-text-success: #
|
|
249
|
-
$dark-uk-toast-text-error: #
|
|
250
|
-
$dark-uk-toast-text-warning: #
|
|
251
|
-
$dark-uk-toast-link-info-default: #
|
|
239
|
+
$dark-uk-toast-fill-info: #0f4aa2;
|
|
240
|
+
$dark-uk-toast-fill-success: #2c865b;
|
|
241
|
+
$dark-uk-toast-fill-warning: #e49307;
|
|
242
|
+
$dark-uk-toast-fill-error: #cb0705;
|
|
243
|
+
$dark-uk-toast-icon-info: #aabbdc;
|
|
244
|
+
$dark-uk-toast-icon-success: #c1e1d0;
|
|
245
|
+
$dark-uk-toast-icon-warning: #ffddb0;
|
|
246
|
+
$dark-uk-toast-icon-error: #ffbfbb;
|
|
247
|
+
$dark-uk-toast-text-info: #ffffff;
|
|
248
|
+
$dark-uk-toast-text-success: #ffffff;
|
|
249
|
+
$dark-uk-toast-text-error: #ffffff;
|
|
250
|
+
$dark-uk-toast-text-warning: #000000;
|
|
251
|
+
$dark-uk-toast-link-info-default: #ffffff;
|
|
252
252
|
$dark-uk-toast-link-info-hover: #d9d9d9;
|
|
253
253
|
$dark-uk-toast-link-info-pressed: #cccccc;
|
|
254
254
|
$dark-uk-toast-link-success-default: #000000;
|
|
@@ -257,21 +257,21 @@ $dark-uk-toast-link-success-pressed: #cccccc;
|
|
|
257
257
|
$dark-uk-toast-link-error-default: #000000;
|
|
258
258
|
$dark-uk-toast-link-error-hover: #d9d9d9;
|
|
259
259
|
$dark-uk-toast-link-error-pressed: #cccccc;
|
|
260
|
-
$dark-uk-toast-link-warning-default: #
|
|
260
|
+
$dark-uk-toast-link-warning-default: #000000;
|
|
261
261
|
$dark-uk-toast-link-warning-hover: #000000;
|
|
262
262
|
$dark-uk-toast-link-warning-pressed: #000000;
|
|
263
|
-
$dark-uk-messaging-fill-error: #
|
|
264
|
-
$dark-uk-messaging-fill-success: #
|
|
265
|
-
$dark-uk-messaging-fill-warning: #
|
|
266
|
-
$dark-uk-messaging-fill-info: #
|
|
267
|
-
$dark-uk-messaging-border-error: #
|
|
268
|
-
$dark-uk-messaging-border-success: #
|
|
269
|
-
$dark-uk-messaging-border-warning: #
|
|
270
|
-
$dark-uk-messaging-border-info: #
|
|
271
|
-
$dark-uk-messaging-icon-error: #
|
|
272
|
-
$dark-uk-messaging-icon-success: #
|
|
273
|
-
$dark-uk-messaging-icon-warning: #
|
|
274
|
-
$dark-uk-messaging-icon-info: #
|
|
263
|
+
$dark-uk-messaging-fill-error: #670909;
|
|
264
|
+
$dark-uk-messaging-fill-success: #1b5339;
|
|
265
|
+
$dark-uk-messaging-fill-warning: #664109;
|
|
266
|
+
$dark-uk-messaging-fill-info: #08295a;
|
|
267
|
+
$dark-uk-messaging-border-error: #ff7268;
|
|
268
|
+
$dark-uk-messaging-border-success: #80c4a1;
|
|
269
|
+
$dark-uk-messaging-border-warning: #ffa722;
|
|
270
|
+
$dark-uk-messaging-border-info: #6f8dc6;
|
|
271
|
+
$dark-uk-messaging-icon-error: #ff7268;
|
|
272
|
+
$dark-uk-messaging-icon-success: #80c4a1;
|
|
273
|
+
$dark-uk-messaging-icon-warning: #ffa722;
|
|
274
|
+
$dark-uk-messaging-icon-info: #6f8dc6;
|
|
275
275
|
$dark-uk-messaging-link-text-default: #000000;
|
|
276
276
|
$dark-uk-messaging-link-text-hover: #d9d9d9;
|
|
277
277
|
$dark-uk-messaging-link-text-pressed: #cccccc;
|
|
@@ -50,7 +50,7 @@ $light-uk-input-fill-warning: #fff7ef;
|
|
|
50
50
|
$light-uk-input-fill-info: #eff2f8;
|
|
51
51
|
$light-uk-input-border-default: #8c8c8c;
|
|
52
52
|
$light-uk-input-border-error: #b20908;
|
|
53
|
-
$light-uk-input-border-hover: #
|
|
53
|
+
$light-uk-input-border-hover: #808080;
|
|
54
54
|
$light-uk-input-border-active: #595959;
|
|
55
55
|
$light-uk-input-border-completed: #262626;
|
|
56
56
|
$light-uk-input-border-success: #298458;
|
|
@@ -1,61 +1,61 @@
|
|
|
1
|
-
$dark-world-surface-undercanvas: #
|
|
2
|
-
$dark-world-surface-canvas: #
|
|
1
|
+
$dark-world-surface-undercanvas: #1a1a1a;
|
|
2
|
+
$dark-world-surface-canvas: #000000;
|
|
3
3
|
$dark-world-surface-transparent: #000000;
|
|
4
|
-
$dark-world-surface-level-1: #
|
|
5
|
-
$dark-world-surface-level-2: #
|
|
6
|
-
$dark-world-surface-level-3: #
|
|
7
|
-
$dark-world-surface-level-4: #
|
|
4
|
+
$dark-world-surface-level-1: #0d0d0d;
|
|
5
|
+
$dark-world-surface-level-2: #1a1a1a;
|
|
6
|
+
$dark-world-surface-level-3: #262626;
|
|
7
|
+
$dark-world-surface-level-4: #1a1a1a;
|
|
8
8
|
$dark-world-surface-overlay: rgba(0, 0, 0, 0.55);
|
|
9
|
-
$dark-world-surface-channel-50: #
|
|
10
|
-
$dark-world-surface-channel-100: #
|
|
11
|
-
$dark-world-surface-channel-200: #
|
|
12
|
-
$dark-world-surface-channel-300: #
|
|
13
|
-
$dark-world-surface-channel-400: #
|
|
14
|
-
$dark-world-surface-channel-500: #
|
|
15
|
-
$dark-world-surface-static-dark: #
|
|
16
|
-
$dark-world-surface-static-light: #
|
|
17
|
-
$dark-world-surface-inverse: #
|
|
18
|
-
$dark-world-text-primary: #
|
|
19
|
-
$dark-world-text-secondary: #
|
|
20
|
-
$dark-world-text-tertiary: #
|
|
21
|
-
$dark-world-text-channel-primary: #
|
|
22
|
-
$dark-world-text-channel-secondary: #
|
|
23
|
-
$dark-world-text-channel-tertiary: #
|
|
24
|
-
$dark-world-text-static-dark: #
|
|
25
|
-
$dark-world-text-static-light: #
|
|
26
|
-
$dark-world-text-inverse: #
|
|
9
|
+
$dark-world-surface-channel-50: #06171a;
|
|
10
|
+
$dark-world-surface-channel-100: #073131;
|
|
11
|
+
$dark-world-surface-channel-200: #056065;
|
|
12
|
+
$dark-world-surface-channel-300: #3c8b90;
|
|
13
|
+
$dark-world-surface-channel-400: #6ea7a9;
|
|
14
|
+
$dark-world-surface-channel-500: #90bbbe;
|
|
15
|
+
$dark-world-surface-static-dark: #000000;
|
|
16
|
+
$dark-world-surface-static-light: #ffffff;
|
|
17
|
+
$dark-world-surface-inverse: #ffffff;
|
|
18
|
+
$dark-world-text-primary: #ffffff;
|
|
19
|
+
$dark-world-text-secondary: #d9d9d9;
|
|
20
|
+
$dark-world-text-tertiary: #a6a6a6;
|
|
21
|
+
$dark-world-text-channel-primary: #559b9d;
|
|
22
|
+
$dark-world-text-channel-secondary: #3c8b90;
|
|
23
|
+
$dark-world-text-channel-tertiary: #016d6f;
|
|
24
|
+
$dark-world-text-static-dark: #000000;
|
|
25
|
+
$dark-world-text-static-light: #ffffff;
|
|
26
|
+
$dark-world-text-inverse: #000000;
|
|
27
27
|
$dark-world-icon-primary: #000000;
|
|
28
28
|
$dark-world-icon-secondary: #262626;
|
|
29
29
|
$dark-world-icon-tertiary: #595959;
|
|
30
|
-
$dark-world-icon-channel-primary: #
|
|
31
|
-
$dark-world-icon-channel-secondary: #
|
|
30
|
+
$dark-world-icon-channel-primary: #016d6f;
|
|
31
|
+
$dark-world-icon-channel-secondary: #1c7f83;
|
|
32
32
|
$dark-world-icon-channel-tertiary: #85b4b6;
|
|
33
|
-
$dark-world-icon-inverse: #
|
|
34
|
-
$dark-world-border-primary: #
|
|
35
|
-
$dark-world-border-secondary: #
|
|
36
|
-
$dark-world-border-tertiary: #
|
|
37
|
-
$dark-world-border-channel-primary: #
|
|
38
|
-
$dark-world-border-channel-secondary: #
|
|
39
|
-
$dark-world-border-channel-tertiary: #
|
|
40
|
-
$dark-world-border-elevation: #
|
|
41
|
-
$dark-world-border-static-dark: #
|
|
42
|
-
$dark-world-border-static-light: #
|
|
43
|
-
$dark-world-input-fill-default: #
|
|
44
|
-
$dark-world-input-fill-error: #
|
|
45
|
-
$dark-world-input-fill-hover: #
|
|
46
|
-
$dark-world-input-fill-active: #
|
|
47
|
-
$dark-world-input-fill-completed: #
|
|
48
|
-
$dark-world-input-fill-success: #
|
|
49
|
-
$dark-world-input-fill-warning: #
|
|
50
|
-
$dark-world-input-fill-info: #
|
|
51
|
-
$dark-world-input-border-default: #
|
|
52
|
-
$dark-world-input-border-error: #
|
|
53
|
-
$dark-world-input-border-hover: #
|
|
54
|
-
$dark-world-input-border-active: #
|
|
55
|
-
$dark-world-input-border-completed: #
|
|
56
|
-
$dark-world-input-border-success: #
|
|
57
|
-
$dark-world-input-border-warning: #
|
|
58
|
-
$dark-world-input-border-info: #
|
|
33
|
+
$dark-world-icon-inverse: #000000;
|
|
34
|
+
$dark-world-border-primary: #575757;
|
|
35
|
+
$dark-world-border-secondary: #333333;
|
|
36
|
+
$dark-world-border-tertiary: #1a1a1a;
|
|
37
|
+
$dark-world-border-channel-primary: #016d6f;
|
|
38
|
+
$dark-world-border-channel-secondary: #07494b;
|
|
39
|
+
$dark-world-border-channel-tertiary: #073131;
|
|
40
|
+
$dark-world-border-elevation: #333333;
|
|
41
|
+
$dark-world-border-static-dark: #000000;
|
|
42
|
+
$dark-world-border-static-light: #ffffff;
|
|
43
|
+
$dark-world-input-fill-default: #000000;
|
|
44
|
+
$dark-world-input-fill-error: #670909;
|
|
45
|
+
$dark-world-input-fill-hover: #0d0d0d;
|
|
46
|
+
$dark-world-input-fill-active: #000000;
|
|
47
|
+
$dark-world-input-fill-completed: #000000;
|
|
48
|
+
$dark-world-input-fill-success: #1b5339;
|
|
49
|
+
$dark-world-input-fill-warning: #664109;
|
|
50
|
+
$dark-world-input-fill-info: #08295a;
|
|
51
|
+
$dark-world-input-border-default: #737373;
|
|
52
|
+
$dark-world-input-border-error: #ff7268;
|
|
53
|
+
$dark-world-input-border-hover: #808080;
|
|
54
|
+
$dark-world-input-border-active: #a6a6a6;
|
|
55
|
+
$dark-world-input-border-completed: #d9d9d9;
|
|
56
|
+
$dark-world-input-border-success: #80c4a1;
|
|
57
|
+
$dark-world-input-border-warning: #ffc77f;
|
|
58
|
+
$dark-world-input-border-info: #466fb5;
|
|
59
59
|
$dark-world-input-text-default: #595959;
|
|
60
60
|
$dark-world-input-text-error: #000000;
|
|
61
61
|
$dark-world-input-text-hover: #262626;
|
|
@@ -72,30 +72,30 @@ $dark-world-input-icon-error: #e70300;
|
|
|
72
72
|
$dark-world-input-icon-success: #2c9365;
|
|
73
73
|
$dark-world-input-icon-warning: #cc8103;
|
|
74
74
|
$dark-world-input-icon-info: #2658a9;
|
|
75
|
-
$dark-world-active-fill: #
|
|
76
|
-
$dark-world-active-text: #
|
|
77
|
-
$dark-world-active-border: #
|
|
78
|
-
$dark-world-active-icon: #
|
|
79
|
-
$dark-world-focus-border: #
|
|
75
|
+
$dark-world-active-fill: #ffffff;
|
|
76
|
+
$dark-world-active-text: #000000;
|
|
77
|
+
$dark-world-active-border: #ffffff;
|
|
78
|
+
$dark-world-active-icon: #000000;
|
|
79
|
+
$dark-world-focus-border: #8c8c8c;
|
|
80
80
|
$dark-world-label-primary: #000000;
|
|
81
81
|
$dark-world-label-secondary: #262626;
|
|
82
82
|
$dark-world-label-channel: #268186;
|
|
83
83
|
$dark-world-label-callout: #ff403a;
|
|
84
|
-
$dark-world-flag-primary-fill: #
|
|
85
|
-
$dark-world-flag-primary-text: #
|
|
84
|
+
$dark-world-flag-primary-fill: #ffffff;
|
|
85
|
+
$dark-world-flag-primary-text: #0d0d0d;
|
|
86
86
|
$dark-world-flag-primary-icon: #f2f2f2;
|
|
87
87
|
$dark-world-flag-secondary-text: #000000;
|
|
88
88
|
$dark-world-flag-secondary-icon: #000000;
|
|
89
89
|
$dark-world-flag-channel-fill: #9bc3c5;
|
|
90
90
|
$dark-world-flag-channel-text: #073131;
|
|
91
91
|
$dark-world-flag-channel-icon: #073131;
|
|
92
|
-
$dark-world-flag-callout-fill: #
|
|
92
|
+
$dark-world-flag-callout-fill: #ff3933;
|
|
93
93
|
$dark-world-flag-callout-text: #000000;
|
|
94
94
|
$dark-world-flag-callout-icon: #000000;
|
|
95
|
-
$dark-world-interactive-primary-fill-default: #
|
|
95
|
+
$dark-world-interactive-primary-fill-default: #ffffff;
|
|
96
96
|
$dark-world-interactive-primary-fill-hover: #ffffff;
|
|
97
97
|
$dark-world-interactive-primary-fill-pressed: #ffffff;
|
|
98
|
-
$dark-world-interactive-primary-text-default: #
|
|
98
|
+
$dark-world-interactive-primary-text-default: #000000;
|
|
99
99
|
$dark-world-interactive-primary-text-hover: #ffffff;
|
|
100
100
|
$dark-world-interactive-primary-text-pressed: #ffffff;
|
|
101
101
|
$dark-world-interactive-primary-icon-default: #ffffff;
|
|
@@ -104,7 +104,7 @@ $dark-world-interactive-primary-icon-pressed: #ffffff;
|
|
|
104
104
|
$dark-world-interactive-secondary-fill-default: #ffffff;
|
|
105
105
|
$dark-world-interactive-secondary-fill-hover: #262626;
|
|
106
106
|
$dark-world-interactive-secondary-fill-pressed: #333333;
|
|
107
|
-
$dark-world-interactive-secondary-border-default: #
|
|
107
|
+
$dark-world-interactive-secondary-border-default: #8c8c8c;
|
|
108
108
|
$dark-world-interactive-secondary-border-hover: #9d9d9d;
|
|
109
109
|
$dark-world-interactive-secondary-border-pressed: #a3a3a3;
|
|
110
110
|
$dark-world-interactive-secondary-text-default: #000000;
|
|
@@ -113,22 +113,22 @@ $dark-world-interactive-secondary-text-pressed: #ffffff;
|
|
|
113
113
|
$dark-world-interactive-secondary-icon-default: #000000;
|
|
114
114
|
$dark-world-interactive-secondary-icon-hover: #ffffff;
|
|
115
115
|
$dark-world-interactive-secondary-icon-pressed: #ffffff;
|
|
116
|
-
$dark-world-interactive-disabled-a: #
|
|
117
|
-
$dark-world-interactive-disabled-b: #
|
|
118
|
-
$dark-world-interactive-disabled-c: #
|
|
119
|
-
$dark-world-interactive-negative-fill-default: #
|
|
116
|
+
$dark-world-interactive-disabled-a: #262626;
|
|
117
|
+
$dark-world-interactive-disabled-b: #404040;
|
|
118
|
+
$dark-world-interactive-disabled-c: #575757;
|
|
119
|
+
$dark-world-interactive-negative-fill-default: #000000;
|
|
120
120
|
$dark-world-interactive-negative-fill-hover: #000000;
|
|
121
121
|
$dark-world-interactive-negative-fill-pressed: #000000;
|
|
122
122
|
$dark-world-interactive-negative-border-default: #ff8883;
|
|
123
123
|
$dark-world-interactive-negative-border-hover: #c40300;
|
|
124
124
|
$dark-world-interactive-negative-border-pressed: #b90200;
|
|
125
|
-
$dark-world-interactive-negative-text-default: #
|
|
125
|
+
$dark-world-interactive-negative-text-default: #e70300;
|
|
126
126
|
$dark-world-interactive-negative-text-hover: #c40300;
|
|
127
127
|
$dark-world-interactive-negative-text-pressed: #b90200;
|
|
128
128
|
$dark-world-interactive-negative-icon-default: #ff8883;
|
|
129
129
|
$dark-world-interactive-negative-icon-hover: #c40300;
|
|
130
130
|
$dark-world-interactive-negative-icon-pressed: #b90200;
|
|
131
|
-
$dark-world-interactive-link-secondary-text-default: #
|
|
131
|
+
$dark-world-interactive-link-secondary-text-default: #8c8c8c;
|
|
132
132
|
$dark-world-interactive-link-secondary-text-hover: #777777;
|
|
133
133
|
$dark-world-interactive-link-secondary-text-pressed: #707070;
|
|
134
134
|
$dark-world-interactive-link-secondary-text-visited: #9a9a9a;
|
|
@@ -176,7 +176,7 @@ $dark-world-interactive-chip-primary-off-border-pressed: #cccccc;
|
|
|
176
176
|
$dark-world-interactive-chip-secondary-on-text-default: #000000;
|
|
177
177
|
$dark-world-interactive-chip-secondary-on-text-hover: #d9d9d9;
|
|
178
178
|
$dark-world-interactive-chip-secondary-on-text-pressed: #cccccc;
|
|
179
|
-
$dark-world-interactive-chip-secondary-on-fill-default: #
|
|
179
|
+
$dark-world-interactive-chip-secondary-on-fill-default: #262626;
|
|
180
180
|
$dark-world-interactive-chip-secondary-on-fill-hover: #202020;
|
|
181
181
|
$dark-world-interactive-chip-secondary-on-fill-pressed: #1e1e1e;
|
|
182
182
|
$dark-world-interactive-chip-secondary-on-border-default: #737373;
|
|
@@ -236,19 +236,19 @@ $dark-world-interactive-chip-channel-primary-on-text-pressed: #cccccc;
|
|
|
236
236
|
$dark-world-interactive-chip-channel-primary-on-icon-default: #000000;
|
|
237
237
|
$dark-world-interactive-chip-channel-primary-on-icon-hover: #d9d9d9;
|
|
238
238
|
$dark-world-interactive-chip-channel-primary-on-icon-pressed: #cccccc;
|
|
239
|
-
$dark-world-toast-fill-info: #
|
|
240
|
-
$dark-world-toast-fill-success: #
|
|
241
|
-
$dark-world-toast-fill-warning: #
|
|
242
|
-
$dark-world-toast-fill-error: #
|
|
243
|
-
$dark-world-toast-icon-info: #
|
|
244
|
-
$dark-world-toast-icon-success: #
|
|
245
|
-
$dark-world-toast-icon-warning: #
|
|
246
|
-
$dark-world-toast-icon-error: #
|
|
247
|
-
$dark-world-toast-text-info: #
|
|
248
|
-
$dark-world-toast-text-success: #
|
|
249
|
-
$dark-world-toast-text-error: #
|
|
250
|
-
$dark-world-toast-text-warning: #
|
|
251
|
-
$dark-world-toast-link-info-default: #
|
|
239
|
+
$dark-world-toast-fill-info: #0f4aa2;
|
|
240
|
+
$dark-world-toast-fill-success: #2c865b;
|
|
241
|
+
$dark-world-toast-fill-warning: #e49307;
|
|
242
|
+
$dark-world-toast-fill-error: #cb0705;
|
|
243
|
+
$dark-world-toast-icon-info: #aabbdc;
|
|
244
|
+
$dark-world-toast-icon-success: #c1e1d0;
|
|
245
|
+
$dark-world-toast-icon-warning: #ffddb0;
|
|
246
|
+
$dark-world-toast-icon-error: #ffbfbb;
|
|
247
|
+
$dark-world-toast-text-info: #ffffff;
|
|
248
|
+
$dark-world-toast-text-success: #ffffff;
|
|
249
|
+
$dark-world-toast-text-error: #ffffff;
|
|
250
|
+
$dark-world-toast-text-warning: #000000;
|
|
251
|
+
$dark-world-toast-link-info-default: #ffffff;
|
|
252
252
|
$dark-world-toast-link-info-hover: #d9d9d9;
|
|
253
253
|
$dark-world-toast-link-info-pressed: #cccccc;
|
|
254
254
|
$dark-world-toast-link-success-default: #000000;
|
|
@@ -257,21 +257,21 @@ $dark-world-toast-link-success-pressed: #cccccc;
|
|
|
257
257
|
$dark-world-toast-link-error-default: #000000;
|
|
258
258
|
$dark-world-toast-link-error-hover: #d9d9d9;
|
|
259
259
|
$dark-world-toast-link-error-pressed: #cccccc;
|
|
260
|
-
$dark-world-toast-link-warning-default: #
|
|
260
|
+
$dark-world-toast-link-warning-default: #000000;
|
|
261
261
|
$dark-world-toast-link-warning-hover: #000000;
|
|
262
262
|
$dark-world-toast-link-warning-pressed: #000000;
|
|
263
|
-
$dark-world-messaging-fill-error: #
|
|
264
|
-
$dark-world-messaging-fill-success: #
|
|
265
|
-
$dark-world-messaging-fill-warning: #
|
|
266
|
-
$dark-world-messaging-fill-info: #
|
|
267
|
-
$dark-world-messaging-border-error: #
|
|
268
|
-
$dark-world-messaging-border-success: #
|
|
269
|
-
$dark-world-messaging-border-warning: #
|
|
270
|
-
$dark-world-messaging-border-info: #
|
|
271
|
-
$dark-world-messaging-icon-error: #
|
|
272
|
-
$dark-world-messaging-icon-success: #
|
|
273
|
-
$dark-world-messaging-icon-warning: #
|
|
274
|
-
$dark-world-messaging-icon-info: #
|
|
263
|
+
$dark-world-messaging-fill-error: #670909;
|
|
264
|
+
$dark-world-messaging-fill-success: #1b5339;
|
|
265
|
+
$dark-world-messaging-fill-warning: #664109;
|
|
266
|
+
$dark-world-messaging-fill-info: #08295a;
|
|
267
|
+
$dark-world-messaging-border-error: #ff7268;
|
|
268
|
+
$dark-world-messaging-border-success: #80c4a1;
|
|
269
|
+
$dark-world-messaging-border-warning: #ffa722;
|
|
270
|
+
$dark-world-messaging-border-info: #6f8dc6;
|
|
271
|
+
$dark-world-messaging-icon-error: #ff7268;
|
|
272
|
+
$dark-world-messaging-icon-success: #80c4a1;
|
|
273
|
+
$dark-world-messaging-icon-warning: #ffa722;
|
|
274
|
+
$dark-world-messaging-icon-info: #6f8dc6;
|
|
275
275
|
$dark-world-messaging-link-text-default: #000000;
|
|
276
276
|
$dark-world-messaging-link-text-hover: #d9d9d9;
|
|
277
277
|
$dark-world-messaging-link-text-pressed: #cccccc;
|
|
@@ -50,7 +50,7 @@ $light-world-input-fill-warning: #fff7ef;
|
|
|
50
50
|
$light-world-input-fill-info: #eff2f8;
|
|
51
51
|
$light-world-input-border-default: #8c8c8c;
|
|
52
52
|
$light-world-input-border-error: #b20908;
|
|
53
|
-
$light-world-input-border-hover: #
|
|
53
|
+
$light-world-input-border-hover: #808080;
|
|
54
54
|
$light-world-input-border-active: #595959;
|
|
55
55
|
$light-world-input-border-completed: #262626;
|
|
56
56
|
$light-world-input-border-success: #298458;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@times-design-system/theme-scss",
|
|
3
|
-
"version": "2.0.2-alpha.
|
|
3
|
+
"version": "2.0.2-alpha.10+051fb6da",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Times Design System theme package - pre-resolved color tokens for React",
|
|
6
6
|
"keywords": [
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"url": "https://github.com/newsuk/times-design-system/issues"
|
|
45
45
|
},
|
|
46
46
|
"homepage": "https://github.com/newsuk/times-design-system#readme",
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "051fb6da3c0fa60170996d2351347833827fb9d0"
|
|
48
48
|
}
|