@times-design-system/theme-scss 1.1.1-alpha.831

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 (41) hide show
  1. package/README.md +193 -0
  2. package/dist/index.js +11 -0
  3. package/dist/palettes/_brand-dark.scss +166 -0
  4. package/dist/palettes/_brand-light.scss +166 -0
  5. package/dist/palettes/_business-dark.scss +148 -0
  6. package/dist/palettes/_business-light.scss +148 -0
  7. package/dist/palettes/_channels-dark.scss +279 -0
  8. package/dist/palettes/_channels-light.scss +279 -0
  9. package/dist/palettes/_comment-dark.scss +148 -0
  10. package/dist/palettes/_comment-light.scss +148 -0
  11. package/dist/palettes/_core-dark.scss +148 -0
  12. package/dist/palettes/_core-light.scss +148 -0
  13. package/dist/palettes/_culture-dark.scss +148 -0
  14. package/dist/palettes/_culture-light.scss +148 -0
  15. package/dist/palettes/_dataVisualisation-dark.scss +202 -0
  16. package/dist/palettes/_dataVisualisation-light.scss +202 -0
  17. package/dist/palettes/_home-dark.scss +148 -0
  18. package/dist/palettes/_home-light.scss +148 -0
  19. package/dist/palettes/_ireland-dark.scss +148 -0
  20. package/dist/palettes/_ireland-light.scss +148 -0
  21. package/dist/palettes/_lifeAndStyle-dark.scss +146 -0
  22. package/dist/palettes/_lifeAndStyle-light.scss +146 -0
  23. package/dist/palettes/_marketing-dark.scss +16 -0
  24. package/dist/palettes/_marketing-light.scss +16 -0
  25. package/dist/palettes/_money-dark.scss +148 -0
  26. package/dist/palettes/_money-light.scss +148 -0
  27. package/dist/palettes/_obituaries-dark.scss +148 -0
  28. package/dist/palettes/_obituaries-light.scss +148 -0
  29. package/dist/palettes/_puzzles-dark.scss +146 -0
  30. package/dist/palettes/_puzzles-light.scss +146 -0
  31. package/dist/palettes/_sport-dark.scss +148 -0
  32. package/dist/palettes/_sport-light.scss +148 -0
  33. package/dist/palettes/_travel-dark.scss +148 -0
  34. package/dist/palettes/_travel-light.scss +148 -0
  35. package/dist/palettes/_uk-dark.scss +148 -0
  36. package/dist/palettes/_uk-light.scss +148 -0
  37. package/dist/palettes/_world-dark.scss +148 -0
  38. package/dist/palettes/_world-light.scss +148 -0
  39. package/dist/tds-layout.scss +180 -0
  40. package/dist/tds-typography.scss +827 -0
  41. package/package.json +48 -0
package/dist/palettes/_lifeAndStyle-light.scss ADDED
@@ -0,0 +1,146 @@
1
+ $tds-surface-undercanvas: #f2f2f2;
2
+ $tds-surface-canvas: #ffffff;
3
+ $tds-surface-level-1: #ffffff;
4
+ $tds-surface-level-2: #ffffff;
5
+ $tds-surface-level-3: #ffffff;
6
+ $tds-surface-level-4: #ffffff;
7
+ $tds-surface-inverse: #000000;
8
+ $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
+ $tds-surface-channel-high: #149fb5;
10
+ $tds-surface-channel-medium: #8282d1;
11
+ $tds-surface-channel-low: #dcdcf2;
12
+ $tds-surface-static-dark: #000000;
13
+ $tds-surface-static-light: #ffffff;
14
+ $tds-text-primary: #1a1a1a;
15
+ $tds-text-secondary: #404040;
16
+ $tds-text-tertiary: #737373;
17
+ $tds-text-inverse-primary: #ffffff;
18
+ $tds-text-inverse-secondary: #8c8c8c;
19
+ $tds-text-channel-primary: #0e0e5e;
20
+ $tds-text-channel-secondary: #149fb5;
21
+ $tds-text-static-dark: #000000;
22
+ $tds-text-static-light: #ffffff;
23
+ $tds-icon-primary: #1a1a1a;
24
+ $tds-icon-secondary: #404040;
25
+ $tds-icon-tertiary: #737373;
26
+ $tds-icon-inverse-primary: #ffffff;
27
+ $tds-icon-inverse-secondary: #8c8c8c;
28
+ $tds-icon-channel-primary: #149fb5;
29
+ $tds-icon-channel-secondary: #10106b;
30
+ $tds-border-primary: #a6a6a6;
31
+ $tds-border-secondary: #cccccc;
32
+ $tds-border-tertiary: #e6e6e6;
33
+ $tds-border-inverse-primary: #ffffff;
34
+ $tds-border-inverse-secondary: #8c8c8c;
35
+ $tds-border-channel-primary: #161695;
36
+ $tds-border-channel-secondary: #4a4abc;
37
+ $tds-border-channel-tertiary: #9e9edb;
38
+ $tds-border-elevation: #e6e6e6;
39
+ $tds-border-static-dark: #000000;
40
+ $tds-border-static-light: #ffffff;
41
+ $tds-input-fill-default: #ffffff;
42
+ $tds-input-fill-error: #fff9f9;
43
+ $tds-input-fill-hover: #e6e6e6;
44
+ $tds-input-fill-active: #d9d9d9;
45
+ $tds-input-fill-completed: #f4fafc;
46
+ $tds-input-fill-success: #f4fafc;
47
+ $tds-input-fill-warning: #f2fff6;
48
+ $tds-input-fill-info: #f0f0f0;
49
+ $tds-input-border-default: #333333;
50
+ $tds-input-border-error: #b30000;
51
+ $tds-input-border-hover: #404040;
52
+ $tds-input-border-active: #262626;
53
+ $tds-input-border-completed: #3db2c5;
54
+ $tds-input-border-success: #3db2c5;
55
+ $tds-input-border-warning: #26ff68;
56
+ $tds-input-border-info: #0f4aa2;
57
+ $tds-input-text-default: #737373;
58
+ $tds-input-text-error: #800000;
59
+ $tds-input-text-hover: #000000;
60
+ $tds-input-text-active: #000000;
61
+ $tds-input-text-completed: #1d5962;
62
+ $tds-input-text-success: #1d5962;
63
+ $tds-input-text-warning: #00992e;
64
+ $tds-input-text-info: #090909;
65
+ $tds-input-icon-default: #737373;
66
+ $tds-input-icon-hover: #000000;
67
+ $tds-input-icon-active: #000000;
68
+ $tds-input-icon-completed: #1d5962;
69
+ $tds-input-icon-error: #800000;
70
+ $tds-input-icon-success: #1d5962;
71
+ $tds-input-icon-warning: #00992e;
72
+ $tds-input-icon-info: #090909;
73
+ $tds-feedback-fill-error: #fff9f9;
74
+ $tds-feedback-fill-success: #f4fafc;
75
+ $tds-feedback-fill-warning: #f2fff6;
76
+ $tds-feedback-fill-info: #f0f0f0;
77
+ $tds-feedback-text-error: #800000;
78
+ $tds-feedback-text-success: #1d5962;
79
+ $tds-feedback-text-warning: #00992e;
80
+ $tds-feedback-text-info: #090909;
81
+ $tds-feedback-border-error: #b30000;
82
+ $tds-feedback-border-success: #3db2c5;
83
+ $tds-feedback-border-warning: #26ff68;
84
+ $tds-feedback-border-info: #0f4aa2;
85
+ $tds-feedback-icon-error: #800000;
86
+ $tds-feedback-icon-success: #1d5962;
87
+ $tds-feedback-icon-warning: #00992e;
88
+ $tds-feedback-icon-info: #090909;
89
+ $tds-interactive-primary-fill-default: #005c8a;
90
+ $tds-interactive-primary-fill-hover: #005c8a;
91
+ $tds-interactive-primary-fill-pressed: #005c8a;
92
+ $tds-interactive-primary-text-default: #000000;
93
+ $tds-interactive-primary-text-hover: #000000;
94
+ $tds-interactive-primary-text-pressed: #000000;
95
+ $tds-interactive-primary-icon-default: #000000;
96
+ $tds-interactive-primary-icon-hover: #000000;
97
+ $tds-interactive-primary-icon-pressed: #000000;
98
+ $tds-interactive-secondary-fill-default: #ffffff;
99
+ $tds-interactive-secondary-fill-hover: #ffffff;
100
+ $tds-interactive-secondary-fill-pressed: #ffffff;
101
+ $tds-interactive-secondary-border-default: #000000;
102
+ $tds-interactive-secondary-border-hover: #000000;
103
+ $tds-interactive-secondary-border-pressed: #000000;
104
+ $tds-interactive-secondary-text-default: #404040;
105
+ $tds-interactive-secondary-text-hover: #404040;
106
+ $tds-interactive-secondary-text-pressed: #404040;
107
+ $tds-interactive-secondary-icon-default: #404040;
108
+ $tds-interactive-secondary-icon-hover: #404040;
109
+ $tds-interactive-secondary-icon-pressed: #404040;
110
+ $tds-interactive-disabled-a: #d9d9d9;
111
+ $tds-interactive-disabled-b: #bfbfbf;
112
+ $tds-interactive-disabled-c: #a6a6a6;
113
+ $tds-interactive-link-primary-default: #005c8a;
114
+ $tds-interactive-link-primary-hover: #005c8a;
115
+ $tds-interactive-link-primary-pressed: #005c8a;
116
+ $tds-interactive-link-secondary-default: #737373;
117
+ $tds-interactive-link-secondary-hover: #737373;
118
+ $tds-interactive-link-secondary-pressed: #737373;
119
+ $tds-selection-background: #000000;
120
+ $tds-selection-text: #f2f2f2;
121
+ $tds-selected-fill-default: #000000;
122
+ $tds-selected-fill-hover: #000000;
123
+ $tds-selected-fill-pressed: #000000;
124
+ $tds-selected-text-default: #ffffff;
125
+ $tds-selected-text-hover: #ffffff;
126
+ $tds-selected-text-pressed: #ffffff;
127
+ $tds-selected-border-default: #000000;
128
+ $tds-selected-border-hover: #000000;
129
+ $tds-selected-border-pressed: #000000;
130
+ $tds-selected-icon-default: #ffffff;
131
+ $tds-selected-icon-hover: #ffffff;
132
+ $tds-selected-icon-pressed: #ffffff;
133
+ $tds-active-fill: #000000;
134
+ $tds-active-text: #ffffff;
135
+ $tds-active-border: #000000;
136
+ $tds-active-icon: #ffffff;
137
+ $tds-focus-border: #737373;
138
+ $tds-tag-filled-live-fill: #b30000;
139
+ $tds-tag-filled-live-text: #ffffff;
140
+ $tds-tag-filled-primary-text: #ffffff;
141
+ $tds-tag-filled-secondary-border: #f2f2f2;
142
+ $tds-tag-filled-secondary-fill: #f2f2f2;
143
+ $tds-tag-filled-secondary-text: #f2f2f2;
144
+ $tds-tag-inline-live-text: #b30000;
145
+ $tds-tag-inline-secondary-text: #f2f2f2;
146
+ $tds-tag-channel-text: #4a4abc;
package/dist/palettes/_marketing-dark.scss ADDED
@@ -0,0 +1,16 @@
1
+ $tds-brand-marketing-light-blue: #88d6ed;
2
+ $tds-brand-marketing-light-green: #a4e395;
3
+ $tds-brand-marketing-light-pink: #f087a4;
4
+ $tds-brand-marketing-light-purple: #e7c6e0;
5
+ $tds-brand-marketing-dark-blue: #082551;
6
+ $tds-brand-marketing-dark-green: #002d13;
7
+ $tds-brand-marketing-dark-pink: #2c0005;
8
+ $tds-brand-marketing-dark-purple: #5e2652;
9
+ $tds-brand-marketing-orange: #ff8c4e;
10
+ $tds-brand-marketing-yellow: #ffec39;
11
+ $tds-surface-static-dark: #000000;
12
+ $tds-surface-static-light: #ffffff;
13
+ $tds-text-static-dark: #000000;
14
+ $tds-text-static-light: #ffffff;
15
+ $tds-border-static-dark: #000000;
16
+ $tds-border-static-light: #ffffff;
package/dist/palettes/_marketing-light.scss ADDED
@@ -0,0 +1,16 @@
1
+ $tds-brand-marketing-light-blue: #88d6ed;
2
+ $tds-brand-marketing-light-green: #a4e395;
3
+ $tds-brand-marketing-light-pink: #f087a4;
4
+ $tds-brand-marketing-light-purple: #e7c6e0;
5
+ $tds-brand-marketing-dark-blue: #082551;
6
+ $tds-brand-marketing-dark-green: #002d13;
7
+ $tds-brand-marketing-dark-pink: #2c0005;
8
+ $tds-brand-marketing-dark-purple: #5e2652;
9
+ $tds-brand-marketing-orange: #ff8c4e;
10
+ $tds-brand-marketing-yellow: #ffec39;
11
+ $tds-surface-static-dark: #000000;
12
+ $tds-surface-static-light: #ffffff;
13
+ $tds-text-static-dark: #000000;
14
+ $tds-text-static-light: #ffffff;
15
+ $tds-border-static-dark: #000000;
16
+ $tds-border-static-light: #ffffff;
package/dist/palettes/_money-dark.scss ADDED
@@ -0,0 +1,148 @@
1
+ $tds-surface-undercanvas: #1a1a1a;
2
+ $tds-surface-canvas: #0d0d0d;
3
+ $tds-surface-level-1: #0d0d0d;
4
+ $tds-surface-level-2: #1a1a1a;
5
+ $tds-surface-level-3: #262626;
6
+ $tds-surface-level-4: #1a1a1a;
7
+ $tds-surface-inverse: #ffffff;
8
+ $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
+ $tds-surface-channel-high: #6894ad;
10
+ $tds-surface-channel-medium: #466d82;
11
+ $tds-surface-channel-low: #233641;
12
+ $tds-surface-static-dark: #000000;
13
+ $tds-surface-static-light: #ffffff;
14
+ $tds-text-primary: #ffffff;
15
+ $tds-text-secondary: #d9d9d9;
16
+ $tds-text-tertiary: #a6a6a6;
17
+ $tds-text-inverse-primary: #000000;
18
+ $tds-text-inverse-secondary: #737373;
19
+ $tds-text-channel-primary: #92b2c4;
20
+ $tds-text-channel-secondary: #709ab2;
21
+ $tds-text-static-dark: #000000;
22
+ $tds-text-static-light: #ffffff;
23
+ $tds-icon-primary: #ffffff;
24
+ $tds-icon-secondary: #d9d9d9;
25
+ $tds-icon-tertiary: #a6a6a6;
26
+ $tds-icon-inverse-primary: #000000;
27
+ $tds-icon-inverse-secondary: #737373;
28
+ $tds-icon-channel-primary: #2c2c2c;
29
+ $tds-icon-channel-secondary: #292929;
30
+ $tds-border-primary: #595959;
31
+ $tds-border-secondary: #333333;
32
+ $tds-border-tertiary: #1a1a1a;
33
+ $tds-border-inverse-primary: #000000;
34
+ $tds-border-inverse-secondary: #737373;
35
+ $tds-border-channel-primary: #1e1e1e;
36
+ $tds-border-channel-secondary: #141414;
37
+ $tds-border-channel-tertiary: #0d0d0d;
38
+ $tds-border-elevation: #333333;
39
+ $tds-border-static-dark: #000000;
40
+ $tds-border-static-light: #ffffff;
41
+ $tds-tag-filled-live-fill: #ff0000;
42
+ $tds-tag-filled-live-text: #0d0d0d;
43
+ $tds-tag-filled-primary-fill: #78a0b6;
44
+ $tds-tag-filled-primary-text: #0d0d0d;
45
+ $tds-tag-filled-secondary-fill: #0d0d0d;
46
+ $tds-tag-filled-secondary-text: #0d0d0d;
47
+ $tds-tag-filled-secondary-border: #0d0d0d;
48
+ $tds-tag-inline-live-text: #ff0000;
49
+ $tds-tag-inline-primary-text: #78a0b6;
50
+ $tds-tag-inline-secondary-text: #0d0d0d;
51
+ $tds-tag-channel-text: #709ab2;
52
+ $tds-input-fill-default: #000000;
53
+ $tds-input-fill-error: #1a0000;
54
+ $tds-input-fill-hover: #1a1a1a;
55
+ $tds-input-fill-active: #262626;
56
+ $tds-input-fill-completed: #76c8d6;
57
+ $tds-input-fill-success: #050f10;
58
+ $tds-input-fill-warning: #001a08;
59
+ $tds-input-fill-info: #010101;
60
+ $tds-input-border-default: #000000;
61
+ $tds-input-border-error: #ff4040;
62
+ $tds-input-border-hover: #595959;
63
+ $tds-input-border-active: #737373;
64
+ $tds-input-border-completed: #48b6c8;
65
+ $tds-input-border-success: #53bbcc;
66
+ $tds-input-border-warning: #40ff79;
67
+ $tds-input-border-info: #1a1a1a;
68
+ $tds-input-text-default: #a6a6a6;
69
+ $tds-input-text-error: #ff4040;
70
+ $tds-input-text-hover: #ffffff;
71
+ $tds-input-text-active: #ffffff;
72
+ $tds-input-text-completed: #0a1e21;
73
+ $tds-input-text-success: #53bbcc;
74
+ $tds-input-text-warning: #40ff79;
75
+ $tds-input-text-info: #1a1a1a;
76
+ $tds-input-icon-default: #a6a6a6;
77
+ $tds-input-icon-hover: #ffffff;
78
+ $tds-input-icon-active: #ffffff;
79
+ $tds-input-icon-completed: #0a1e21;
80
+ $tds-input-icon-error: #ff4040;
81
+ $tds-input-icon-success: #53bbcc;
82
+ $tds-input-icon-warning: #40ff79;
83
+ $tds-input-icon-info: #1a1a1a;
84
+ $tds-feedback-fill-error: #1a0000;
85
+ $tds-feedback-fill-success: #050f10;
86
+ $tds-feedback-fill-warning: #001a08;
87
+ $tds-feedback-fill-info: #010101;
88
+ $tds-feedback-text-error: #ff4040;
89
+ $tds-feedback-text-success: #53bbcc;
90
+ $tds-feedback-text-warning: #40ff79;
91
+ $tds-feedback-text-info: #1a1a1a;
92
+ $tds-feedback-border-error: #ff4040;
93
+ $tds-feedback-border-success: #53bbcc;
94
+ $tds-feedback-border-warning: #40ff79;
95
+ $tds-feedback-border-info: #1a1a1a;
96
+ $tds-feedback-icon-error: #ff4040;
97
+ $tds-feedback-icon-success: #53bbcc;
98
+ $tds-feedback-icon-warning: #40ff79;
99
+ $tds-feedback-icon-info: #1a1a1a;
100
+ $tds-interactive-primary-fill-default: #000000;
101
+ $tds-interactive-primary-fill-hover: #000000;
102
+ $tds-interactive-primary-fill-pressed: #000000;
103
+ $tds-interactive-primary-text-default: #ffffff;
104
+ $tds-interactive-primary-text-hover: #ffffff;
105
+ $tds-interactive-primary-text-pressed: #ffffff;
106
+ $tds-interactive-primary-icon-default: #ffffff;
107
+ $tds-interactive-primary-icon-hover: #ffffff;
108
+ $tds-interactive-primary-icon-pressed: #ffffff;
109
+ $tds-interactive-secondary-fill-default: #000000;
110
+ $tds-interactive-secondary-fill-hover: #000000;
111
+ $tds-interactive-secondary-fill-pressed: #000000;
112
+ $tds-interactive-secondary-border-default: #8c8c8c;
113
+ $tds-interactive-secondary-border-hover: #8c8c8c;
114
+ $tds-interactive-secondary-border-pressed: #8c8c8c;
115
+ $tds-interactive-secondary-text-default: #d9d9d9;
116
+ $tds-interactive-secondary-text-hover: #d9d9d9;
117
+ $tds-interactive-secondary-text-pressed: #d9d9d9;
118
+ $tds-interactive-secondary-icon-default: #d9d9d9;
119
+ $tds-interactive-secondary-icon-hover: #d9d9d9;
120
+ $tds-interactive-secondary-icon-pressed: #d9d9d9;
121
+ $tds-interactive-disabled-a: #262626;
122
+ $tds-interactive-disabled-b: #404040;
123
+ $tds-interactive-disabled-c: #595959;
124
+ $tds-interactive-link-primary-default: #000000;
125
+ $tds-interactive-link-primary-hover: #000000;
126
+ $tds-interactive-link-primary-pressed: #000000;
127
+ $tds-interactive-link-secondary-default: #8c8c8c;
128
+ $tds-interactive-link-secondary-hover: #8c8c8c;
129
+ $tds-interactive-link-secondary-pressed: #8c8c8c;
130
+ $tds-focus-border: #8c8c8c;
131
+ $tds-selection-background: #ffffff;
132
+ $tds-selection-text: #0d0d0d;
133
+ $tds-selected-fill-default: #ffffff;
134
+ $tds-selected-fill-hover: #ffffff;
135
+ $tds-selected-fill-pressed: #ffffff;
136
+ $tds-selected-text-default: #000000;
137
+ $tds-selected-text-hover: #000000;
138
+ $tds-selected-text-pressed: #000000;
139
+ $tds-selected-border-default: #ffffff;
140
+ $tds-selected-border-hover: #ffffff;
141
+ $tds-selected-border-pressed: #ffffff;
142
+ $tds-selected-icon-default: #000000;
143
+ $tds-selected-icon-hover: #000000;
144
+ $tds-selected-icon-pressed: #000000;
145
+ $tds-active-fill: #ffffff;
146
+ $tds-active-text: #000000;
147
+ $tds-active-border: #ffffff;
148
+ $tds-active-icon: #000000;
package/dist/palettes/_money-light.scss ADDED
@@ -0,0 +1,148 @@
1
+ $tds-surface-undercanvas: #f2f2f2;
2
+ $tds-surface-canvas: #ffffff;
3
+ $tds-surface-level-1: #ffffff;
4
+ $tds-surface-level-2: #ffffff;
5
+ $tds-surface-level-3: #ffffff;
6
+ $tds-surface-level-4: #ffffff;
7
+ $tds-surface-inverse: #000000;
8
+ $tds-surface-overlay: rgba(0, 0, 0, 0.45);
9
+ $tds-surface-channel-high: #58a385;
10
+ $tds-surface-channel-medium: #c4d5df;
11
+ $tds-surface-channel-low: #f2f6f8;
12
+ $tds-surface-static-dark: #000000;
13
+ $tds-surface-static-light: #ffffff;
14
+ $tds-text-primary: #1a1a1a;
15
+ $tds-text-secondary: #404040;
16
+ $tds-text-tertiary: #737373;
17
+ $tds-text-inverse-primary: #ffffff;
18
+ $tds-text-inverse-secondary: #8c8c8c;
19
+ $tds-text-channel-primary: #3e5f72;
20
+ $tds-text-channel-secondary: #58a385;
21
+ $tds-text-static-dark: #000000;
22
+ $tds-text-static-light: #ffffff;
23
+ $tds-icon-primary: #1a1a1a;
24
+ $tds-icon-secondary: #404040;
25
+ $tds-icon-tertiary: #737373;
26
+ $tds-icon-inverse-primary: #ffffff;
27
+ $tds-icon-inverse-secondary: #8c8c8c;
28
+ $tds-icon-channel-primary: #21709c;
29
+ $tds-icon-channel-secondary: #252525;
30
+ $tds-border-primary: #a6a6a6;
31
+ $tds-border-secondary: #cccccc;
32
+ $tds-border-tertiary: #e6e6e6;
33
+ $tds-border-inverse-primary: #ffffff;
34
+ $tds-border-inverse-secondary: #8c8c8c;
35
+ $tds-border-channel-primary: #252525;
36
+ $tds-border-channel-secondary: #535353;
37
+ $tds-border-channel-tertiary: #a2a2a2;
38
+ $tds-border-elevation: #e6e6e6;
39
+ $tds-border-static-dark: #000000;
40
+ $tds-border-static-light: #ffffff;
41
+ $tds-input-fill-default: #ffffff;
42
+ $tds-input-fill-error: #fff9f9;
43
+ $tds-input-fill-hover: #e6e6e6;
44
+ $tds-input-fill-active: #d9d9d9;
45
+ $tds-input-fill-completed: #f4fafc;
46
+ $tds-input-fill-success: #f4fafc;
47
+ $tds-input-fill-warning: #f2fff6;
48
+ $tds-input-fill-info: #f0f0f0;
49
+ $tds-input-border-default: #333333;
50
+ $tds-input-border-error: #b30000;
51
+ $tds-input-border-hover: #404040;
52
+ $tds-input-border-active: #262626;
53
+ $tds-input-border-completed: #3db2c5;
54
+ $tds-input-border-success: #3db2c5;
55
+ $tds-input-border-warning: #26ff68;
56
+ $tds-input-border-info: #0f4aa2;
57
+ $tds-input-text-default: #737373;
58
+ $tds-input-text-error: #800000;
59
+ $tds-input-text-hover: #000000;
60
+ $tds-input-text-active: #000000;
61
+ $tds-input-text-completed: #1d5962;
62
+ $tds-input-text-success: #1d5962;
63
+ $tds-input-text-warning: #00992e;
64
+ $tds-input-text-info: #090909;
65
+ $tds-input-icon-default: #737373;
66
+ $tds-input-icon-hover: #000000;
67
+ $tds-input-icon-active: #000000;
68
+ $tds-input-icon-completed: #1d5962;
69
+ $tds-input-icon-error: #800000;
70
+ $tds-input-icon-success: #1d5962;
71
+ $tds-input-icon-warning: #00992e;
72
+ $tds-input-icon-info: #090909;
73
+ $tds-feedback-fill-error: #fff9f9;
74
+ $tds-feedback-fill-success: #f4fafc;
75
+ $tds-feedback-fill-warning: #f2fff6;
76
+ $tds-feedback-fill-info: #f0f0f0;
77
+ $tds-feedback-text-error: #800000;
78
+ $tds-feedback-text-success: #1d5962;
79
+ $tds-feedback-text-warning: #00992e;
80
+ $tds-feedback-text-info: #090909;
81
+ $tds-feedback-border-error: #b30000;
82
+ $tds-feedback-border-success: #3db2c5;
83
+ $tds-feedback-border-warning: #26ff68;
84
+ $tds-feedback-border-info: #0f4aa2;
85
+ $tds-feedback-icon-error: #800000;
86
+ $tds-feedback-icon-success: #1d5962;
87
+ $tds-feedback-icon-warning: #00992e;
88
+ $tds-feedback-icon-info: #090909;
89
+ $tds-interactive-primary-fill-default: #005c8a;
90
+ $tds-interactive-primary-fill-hover: #005c8a;
91
+ $tds-interactive-primary-fill-pressed: #005c8a;
92
+ $tds-interactive-primary-text-default: #000000;
93
+ $tds-interactive-primary-text-hover: #000000;
94
+ $tds-interactive-primary-text-pressed: #000000;
95
+ $tds-interactive-primary-icon-default: #000000;
96
+ $tds-interactive-primary-icon-hover: #000000;
97
+ $tds-interactive-primary-icon-pressed: #000000;
98
+ $tds-interactive-secondary-fill-default: #ffffff;
99
+ $tds-interactive-secondary-fill-hover: #ffffff;
100
+ $tds-interactive-secondary-fill-pressed: #ffffff;
101
+ $tds-interactive-secondary-border-default: #000000;
102
+ $tds-interactive-secondary-border-hover: #000000;
103
+ $tds-interactive-secondary-border-pressed: #000000;
104
+ $tds-interactive-secondary-text-default: #404040;
105
+ $tds-interactive-secondary-text-hover: #404040;
106
+ $tds-interactive-secondary-text-pressed: #404040;
107
+ $tds-interactive-secondary-icon-default: #404040;
108
+ $tds-interactive-secondary-icon-hover: #404040;
109
+ $tds-interactive-secondary-icon-pressed: #404040;
110
+ $tds-interactive-disabled-a: #d9d9d9;
111
+ $tds-interactive-disabled-b: #bfbfbf;
112
+ $tds-interactive-disabled-c: #a6a6a6;
113
+ $tds-interactive-link-primary-default: #005c8a;
114
+ $tds-interactive-link-primary-hover: #005c8a;
115
+ $tds-interactive-link-primary-pressed: #005c8a;
116
+ $tds-interactive-link-secondary-default: #737373;
117
+ $tds-interactive-link-secondary-hover: #737373;
118
+ $tds-interactive-link-secondary-pressed: #737373;
119
+ $tds-selection-background: #000000;
120
+ $tds-selection-text: #f2f2f2;
121
+ $tds-selected-fill-default: #000000;
122
+ $tds-selected-fill-hover: #000000;
123
+ $tds-selected-fill-pressed: #000000;
124
+ $tds-selected-text-default: #ffffff;
125
+ $tds-selected-text-hover: #ffffff;
126
+ $tds-selected-text-pressed: #ffffff;
127
+ $tds-selected-border-default: #000000;
128
+ $tds-selected-border-hover: #000000;
129
+ $tds-selected-border-pressed: #000000;
130
+ $tds-selected-icon-default: #ffffff;
131
+ $tds-selected-icon-hover: #ffffff;
132
+ $tds-selected-icon-pressed: #ffffff;
133
+ $tds-active-fill: #000000;
134
+ $tds-active-text: #ffffff;
135
+ $tds-active-border: #000000;
136
+ $tds-active-icon: #ffffff;
137
+ $tds-focus-border: #737373;
138
+ $tds-tag-filled-live-fill: #b30000;
139
+ $tds-tag-filled-live-text: #ffffff;
140
+ $tds-tag-filled-primary-fill: #58a385;
141
+ $tds-tag-filled-primary-text: #ffffff;
142
+ $tds-tag-filled-secondary-border: #f2f2f2;
143
+ $tds-tag-filled-secondary-fill: #f2f2f2;
144
+ $tds-tag-filled-secondary-text: #f2f2f2;
145
+ $tds-tag-inline-live-text: #b30000;
146
+ $tds-tag-inline-primary-text: #58a385;
147
+ $tds-tag-inline-secondary-text: #f2f2f2;
148
+ $tds-tag-channel-text: #92b2c4;
package/dist/palettes/_obituaries-dark.scss ADDED
@@ -0,0 +1,148 @@
1
+ $tds-surface-undercanvas: #1a1a1a;
2
+ $tds-surface-canvas: #0d0d0d;
3
+ $tds-surface-level-1: #0d0d0d;
4
+ $tds-surface-level-2: #1a1a1a;
5
+ $tds-surface-level-3: #262626;
6
+ $tds-surface-level-4: #1a1a1a;
7
+ $tds-surface-inverse: #ffffff;
8
+ $tds-surface-overlay: rgba(0, 0, 0, 0.55);
9
+ $tds-surface-channel-high: #78797b;
10
+ $tds-surface-channel-medium: #545556;
11
+ $tds-surface-channel-low: #2a2a2b;
12
+ $tds-surface-static-dark: #000000;
13
+ $tds-surface-static-light: #ffffff;
14
+ $tds-text-primary: #ffffff;
15
+ $tds-text-secondary: #d9d9d9;
16
+ $tds-text-tertiary: #a6a6a6;
17
+ $tds-text-inverse-primary: #000000;
18
+ $tds-text-inverse-secondary: #737373;
19
+ $tds-text-channel-primary: #9d9ea0;
20
+ $tds-text-channel-secondary: #7f8083;
21
+ $tds-text-static-dark: #000000;
22
+ $tds-text-static-light: #ffffff;
23
+ $tds-icon-primary: #ffffff;
24
+ $tds-icon-secondary: #d9d9d9;
25
+ $tds-icon-tertiary: #a6a6a6;
26
+ $tds-icon-inverse-primary: #000000;
27
+ $tds-icon-inverse-secondary: #737373;
28
+ $tds-icon-channel-primary: #6c6c69;
29
+ $tds-icon-channel-secondary: #78797b;
30
+ $tds-border-primary: #595959;
31
+ $tds-border-secondary: #333333;
32
+ $tds-border-tertiary: #1a1a1a;
33
+ $tds-border-inverse-primary: #000000;
34
+ $tds-border-inverse-secondary: #737373;
35
+ $tds-border-channel-primary: #5e6061;
36
+ $tds-border-channel-secondary: #3f4041;
37
+ $tds-border-channel-tertiary: #2a2a2b;
38
+ $tds-border-elevation: #333333;
39
+ $tds-border-static-dark: #000000;
40
+ $tds-border-static-light: #ffffff;
41
+ $tds-tag-filled-live-fill: #ff0000;
42
+ $tds-tag-filled-live-text: #0d0d0d;
43
+ $tds-tag-filled-primary-fill: #87888a;
44
+ $tds-tag-filled-primary-text: #0d0d0d;
45
+ $tds-tag-filled-secondary-border: #0d0d0d;
46
+ $tds-tag-filled-secondary-fill: #0d0d0d;
47
+ $tds-tag-filled-secondary-text: #0d0d0d;
48
+ $tds-tag-inline-live-text: #ff0000;
49
+ $tds-tag-inline-primary-text: #87888a;
50
+ $tds-tag-inline-secondary-text: #0d0d0d;
51
+ $tds-tag-channel-text: #6c6c69;
52
+ $tds-input-fill-default: #000000;
53
+ $tds-input-fill-error: #1a0000;
54
+ $tds-input-fill-hover: #1a1a1a;
55
+ $tds-input-fill-active: #262626;
56
+ $tds-input-fill-completed: #76c8d6;
57
+ $tds-input-fill-success: #050f10;
58
+ $tds-input-fill-warning: #001a08;
59
+ $tds-input-fill-info: #010101;
60
+ $tds-input-border-default: #8c8c8c;
61
+ $tds-input-border-error: #ff4040;
62
+ $tds-input-border-hover: #595959;
63
+ $tds-input-border-active: #737373;
64
+ $tds-input-border-completed: #48b6c8;
65
+ $tds-input-border-success: #53bbcc;
66
+ $tds-input-border-warning: #40ff79;
67
+ $tds-input-border-info: #1a1a1a;
68
+ $tds-input-text-default: #a6a6a6;
69
+ $tds-input-text-error: #ff4040;
70
+ $tds-input-text-hover: #ffffff;
71
+ $tds-input-text-active: #ffffff;
72
+ $tds-input-text-completed: #0a1e21;
73
+ $tds-input-text-success: #53bbcc;
74
+ $tds-input-text-warning: #40ff79;
75
+ $tds-input-text-info: #1a1a1a;
76
+ $tds-input-icon-default: #a6a6a6;
77
+ $tds-input-icon-hover: #ffffff;
78
+ $tds-input-icon-active: #ffffff;
79
+ $tds-input-icon-completed: #0a1e21;
80
+ $tds-input-icon-error: #ff4040;
81
+ $tds-input-icon-success: #53bbcc;
82
+ $tds-input-icon-warning: #40ff79;
83
+ $tds-input-icon-info: #1a1a1a;
84
+ $tds-feedback-fill-error: #1a0000;
85
+ $tds-feedback-fill-success: #050f10;
86
+ $tds-feedback-fill-warning: #001a08;
87
+ $tds-feedback-fill-info: #010101;
88
+ $tds-feedback-text-error: #ff4040;
89
+ $tds-feedback-text-success: #53bbcc;
90
+ $tds-feedback-text-warning: #40ff79;
91
+ $tds-feedback-text-info: #1a1a1a;
92
+ $tds-feedback-border-error: #ff4040;
93
+ $tds-feedback-border-success: #53bbcc;
94
+ $tds-feedback-border-warning: #40ff79;
95
+ $tds-feedback-border-info: #1a1a1a;
96
+ $tds-feedback-icon-error: #ff4040;
97
+ $tds-feedback-icon-success: #53bbcc;
98
+ $tds-feedback-icon-warning: #40ff79;
99
+ $tds-feedback-icon-info: #1a1a1a;
100
+ $tds-interactive-primary-fill-default: #000000;
101
+ $tds-interactive-primary-fill-hover: #000000;
102
+ $tds-interactive-primary-fill-pressed: #000000;
103
+ $tds-interactive-primary-text-default: #ffffff;
104
+ $tds-interactive-primary-text-hover: #ffffff;
105
+ $tds-interactive-primary-text-pressed: #ffffff;
106
+ $tds-interactive-primary-icon-default: #ffffff;
107
+ $tds-interactive-primary-icon-hover: #ffffff;
108
+ $tds-interactive-primary-icon-pressed: #ffffff;
109
+ $tds-interactive-secondary-fill-default: #000000;
110
+ $tds-interactive-secondary-fill-hover: #000000;
111
+ $tds-interactive-secondary-fill-pressed: #000000;
112
+ $tds-interactive-secondary-border-default: #8c8c8c;
113
+ $tds-interactive-secondary-border-hover: #8c8c8c;
114
+ $tds-interactive-secondary-border-pressed: #8c8c8c;
115
+ $tds-interactive-secondary-text-default: #d9d9d9;
116
+ $tds-interactive-secondary-text-hover: #d9d9d9;
117
+ $tds-interactive-secondary-text-pressed: #d9d9d9;
118
+ $tds-interactive-secondary-icon-default: #d9d9d9;
119
+ $tds-interactive-secondary-icon-hover: #d9d9d9;
120
+ $tds-interactive-secondary-icon-pressed: #d9d9d9;
121
+ $tds-interactive-disabled-a: #262626;
122
+ $tds-interactive-disabled-b: #404040;
123
+ $tds-interactive-disabled-c: #595959;
124
+ $tds-interactive-link-primary-default: #0d0d0d;
125
+ $tds-interactive-link-primary-hover: #0d0d0d;
126
+ $tds-interactive-link-primary-pressed: #0d0d0d;
127
+ $tds-interactive-link-secondary-default: #8c8c8c;
128
+ $tds-interactive-link-secondary-hover: #8c8c8c;
129
+ $tds-interactive-link-secondary-pressed: #8c8c8c;
130
+ $tds-focus-border: #8c8c8c;
131
+ $tds-selection-background: #ffffff;
132
+ $tds-selection-text: #000000;
133
+ $tds-selected-fill-default: #ffffff;
134
+ $tds-selected-fill-hover: #ffffff;
135
+ $tds-selected-fill-pressed: #ffffff;
136
+ $tds-selected-text-default: #000000;
137
+ $tds-selected-text-hover: #000000;
138
+ $tds-selected-text-pressed: #000000;
139
+ $tds-selected-border-default: #ffffff;
140
+ $tds-selected-border-hover: #ffffff;
141
+ $tds-selected-border-pressed: #ffffff;
142
+ $tds-selected-icon-default: #000000;
143
+ $tds-selected-icon-hover: #000000;
144
+ $tds-selected-icon-pressed: #000000;
145
+ $tds-active-fill: #ffffff;
146
+ $tds-active-text: #000000;
147
+ $tds-active-border: #ffffff;
148
+ $tds-active-icon: #000000;