Skip to content

Commit 0eea345

Browse files
torleifhalsethtorleifhalseth
authored
feat(eds-tokens): ✨ remove theme segment from the token and variable name (#3834)
1 parent 1e2c935 commit 0eea345

22 files changed

+3138
-3146
lines changed

‎packages/eds-tokens/build/css/color/colors-trimmed.css‎

Lines changed: 80 additions & 80 deletions
Original file line numberDiff line numberDiff line change
@@ -3,84 +3,84 @@
33
*/
44

55
:root {
6-
--eds-theme-color-text-subtle: light-dark(#454545, #bcc6ce);
7-
--eds-theme-color-text-default: light-dark(#1e1e1e, #eaeef1);
8-
--eds-theme-color-text-on-strong: light-dark(#ffffff, #ffffff);
9-
--eds-theme-color-text-accent-subtle: light-dark(#214d51, #a2ced2);
10-
--eds-theme-color-text-accent-default: light-dark(#152122, #e0f1f3);
11-
--eds-theme-color-text-info-subtle: light-dark(#144a6b, #99cbf0);
12-
--eds-theme-color-text-info-default: light-dark(#13202a, #dcf1ff);
13-
--eds-theme-color-text-warning-subtle: light-dark(#693600, #f1b78a);
14-
--eds-theme-color-text-warning-default: light-dark(#2a1b0f, #ffe8d6);
15-
--eds-theme-color-text-danger-subtle: light-dark(#7d1a23, #ffa3a1);
16-
--eds-theme-color-text-danger-default: light-dark(#311515, #ffe1df);
17-
--eds-theme-color-text-success-subtle: light-dark(#21511f, #a2d49f);
18-
--eds-theme-color-text-success-default: light-dark(#152215, #e0f4de);
19-
--eds-theme-color-background-default: light-dark(#e1e1e1, #2a3033);
20-
--eds-theme-color-background-default-hover: light-dark(#d0d0d0, #363d43);
21-
--eds-theme-color-background-default-active: light-dark(#bfbfbf, #414b53);
22-
--eds-theme-color-background-strong: light-dark(#4a4a4a, #435460);
23-
--eds-theme-color-background-strong-hover: light-dark(#3a3a3a, #556673);
24-
--eds-theme-color-background-strong-active: light-dark(#2f2f2f, #617380);
25-
--eds-theme-color-background-accent-default: light-dark(#cfe7e9, #1d3335);
26-
--eds-theme-color-background-accent-default-hover: light-dark(#b5d8db, #204246);
27-
--eds-theme-color-background-accent-default-active: light-dark(#99c9ce, #215257);
28-
--eds-theme-color-background-accent-strong: light-dark(#007079, #007079);
29-
--eds-theme-color-background-accent-strong-hover: light-dark(#005a63, #2a868f);
30-
--eds-theme-color-background-accent-strong-active: light-dark(#004c55, #3c959f);
31-
--eds-theme-color-background-danger-default: light-dark(#ffd0ce, #4f1c1d);
32-
--eds-theme-color-background-danger-default-hover: light-dark(#ffb6b3, #6a1c21);
33-
--eds-theme-color-background-danger-default-active: light-dark(#ff9a99, #871724);
34-
--eds-theme-color-background-danger-strong: light-dark(#e20337, #e20337);
35-
--eds-theme-color-background-danger-strong-hover: light-dark(#bd0023, #ff3c51);
36-
--eds-theme-color-background-danger-strong-active: light-dark(#a0001b, #ff666d);
37-
--eds-theme-color-background-info-default: light-dark(#cae6fa, #183243);
38-
--eds-theme-color-background-info-default-hover: light-dark(#aed6f4, #17405a);
39-
--eds-theme-color-background-info-default-active: light-dark(#8fc6ee, #114e73);
40-
--eds-theme-color-background-info-strong: light-dark(#0084c4, #0084c4);
41-
--eds-theme-color-background-info-strong-hover: light-dark(#0069a7, #349fe1);
42-
--eds-theme-color-background-info-strong-active: light-dark(#005892, #4bb2f5);
43-
--eds-theme-color-background-success-default: light-dark(#cfeacc, #1d361c);
44-
--eds-theme-color-background-success-hover: light-dark(#b5ddb2, #20461f);
45-
--eds-theme-color-background-success-active: light-dark(#99d095, #21571f);
46-
--eds-theme-color-background-success-strong: light-dark(#3fa13d, #3fa13d);
47-
--eds-theme-color-background-success-strong-hover: light-dark(#1a841c, #5ebf5b);
48-
--eds-theme-color-background-success-strong-active: light-dark(#007100, #73d46f);
49-
--eds-theme-color-background-warning-default: light-dark(#fbdac1, #432710);
50-
--eds-theme-color-background-warning-default-hover: light-dark(#f5c5a1, #593008);
51-
--eds-theme-color-background-warning-default-active: light-dark(#efb07f, #713800);
52-
--eds-theme-color-background-warning-strong: light-dark(#e57e00, #e57e00);
53-
--eds-theme-color-background-warning-strong-hover: light-dark(#c05e00, #ff9f3e);
54-
--eds-theme-color-background-warning-strong-active: light-dark(#a34e00, #ffc185);
55-
--eds-theme-color-border-subtle: light-dark(#bababa, #47525b);
56-
--eds-theme-color-border-default: light-dark(#7b7b7b, #697b88);
57-
--eds-theme-color-border-strong: light-dark(#5e5e5e, #90a1ad);
58-
--eds-theme-color-border-accent-subtle: light-dark(#91c5ca, #205a60);
59-
--eds-theme-color-border-accent-default: light-dark(#2f8a93, #2c8790);
60-
--eds-theme-color-border-accent-strong: light-dark(#1f6a71, #62acb4);
61-
--eds-theme-color-border-danger-subtle: light-dark(#ff9190, #961226);
62-
--eds-theme-color-border-danger-default: light-dark(#e40d39, #e00537);
63-
--eds-theme-color-border-danger-strong: light-dark(#b20029, #ff5b64);
64-
--eds-theme-color-border-warning-subtle: light-dark(#eda974, #7d3c00);
65-
--eds-theme-color-border-warning-default: light-dark(#be5d00, #ba5b00);
66-
--eds-theme-color-border-warning-strong: light-dark(#944500, #e08531);
67-
--eds-theme-color-border-success-subtle: light-dark(#91cc8d, #20601f);
68-
--eds-theme-color-border-success-default: light-dark(#2f932e, #2c902c);
69-
--eds-theme-color-border-success-strong: light-dark(#20711f, #62b55e);
70-
--eds-theme-color-border-info-subtle: light-dark(#86c2ed, #0a5680);
71-
--eds-theme-color-border-info-default: light-dark(#0083c3, #0080c0);
72-
--eds-theme-color-border-info-strong: light-dark(#006498, #50a7e1);
73-
--eds-theme-app-color-background-base: light-dark(#f3f3f3, #0e0f10); /** Application background color. Should be set to either html or body element. */
74-
--eds-theme-app-color-background-layer-1: light-dark(#ffffff, #181a1c); /** The header, footer, toolbars, panels, and primary content can use this background color */
75-
--eds-theme-app-color-background-layer-2: light-dark(#ffffff, #202325); /** The header, footer, toolbars, panels, and primary content can use this background color */
76-
--eds-theme-app-color-background-elevated: light-dark(#ffffff, #2a3033); /** Popover elements will appear above all other elements */
77-
--eds-theme-button-color-background-disabled: light-dark(#7b7b7b, #697b88);
78-
--eds-theme-button-color-border-disabled: light-dark(#bababa, #47525b);
79-
--eds-theme-button-color-text-disabled: light-dark(#7b7b7b, #697b88);
80-
--eds-theme-input-color-background: light-dark(#f3f3f3, #2a3033);
81-
--eds-theme-input-color-border-disabled: light-dark(#bababa, #47525b);
82-
--eds-theme-input-color-text-disabled: light-dark(#7b7b7b, #697b88);
83-
--eds-theme-link-color-text: light-dark(#144a6b, #99cbf0);
84-
--eds-theme-focus-ring-color-border: light-dark(#0083c3, #0080c0);
85-
--eds-theme-overlay-color-background: light-dark(#7b7b7b, #202325); /** The color of the mask overlay that appears when you enter a modal state. */
6+
--eds-color-text-subtle: light-dark(#454545, #bcc6ce);
7+
--eds-color-text-default: light-dark(#1e1e1e, #eaeef1);
8+
--eds-color-text-on-strong: light-dark(#ffffff, #ffffff);
9+
--eds-color-text-accent-subtle: light-dark(#214d51, #a2ced2);
10+
--eds-color-text-accent-default: light-dark(#152122, #e0f1f3);
11+
--eds-color-text-info-subtle: light-dark(#144a6b, #99cbf0);
12+
--eds-color-text-info-default: light-dark(#13202a, #dcf1ff);
13+
--eds-color-text-warning-subtle: light-dark(#693600, #f1b78a);
14+
--eds-color-text-warning-default: light-dark(#2a1b0f, #ffe8d6);
15+
--eds-color-text-danger-subtle: light-dark(#7d1a23, #ffa3a1);
16+
--eds-color-text-danger-default: light-dark(#311515, #ffe1df);
17+
--eds-color-text-success-subtle: light-dark(#21511f, #a2d49f);
18+
--eds-color-text-success-default: light-dark(#152215, #e0f4de);
19+
--eds-color-background-default: light-dark(#e1e1e1, #2a3033);
20+
--eds-color-background-default-hover: light-dark(#d0d0d0, #363d43);
21+
--eds-color-background-default-active: light-dark(#bfbfbf, #414b53);
22+
--eds-color-background-strong: light-dark(#4a4a4a, #435460);
23+
--eds-color-background-strong-hover: light-dark(#3a3a3a, #556673);
24+
--eds-color-background-strong-active: light-dark(#2f2f2f, #617380);
25+
--eds-color-background-accent-default: light-dark(#cfe7e9, #1d3335);
26+
--eds-color-background-accent-default-hover: light-dark(#b5d8db, #204246);
27+
--eds-color-background-accent-default-active: light-dark(#99c9ce, #215257);
28+
--eds-color-background-accent-strong: light-dark(#007079, #007079);
29+
--eds-color-background-accent-strong-hover: light-dark(#005a63, #2a868f);
30+
--eds-color-background-accent-strong-active: light-dark(#004c55, #3c959f);
31+
--eds-color-background-danger-default: light-dark(#ffd0ce, #4f1c1d);
32+
--eds-color-background-danger-default-hover: light-dark(#ffb6b3, #6a1c21);
33+
--eds-color-background-danger-default-active: light-dark(#ff9a99, #871724);
34+
--eds-color-background-danger-strong: light-dark(#e20337, #e20337);
35+
--eds-color-background-danger-strong-hover: light-dark(#bd0023, #ff3c51);
36+
--eds-color-background-danger-strong-active: light-dark(#a0001b, #ff666d);
37+
--eds-color-background-info-default: light-dark(#cae6fa, #183243);
38+
--eds-color-background-info-default-hover: light-dark(#aed6f4, #17405a);
39+
--eds-color-background-info-default-active: light-dark(#8fc6ee, #114e73);
40+
--eds-color-background-info-strong: light-dark(#0084c4, #0084c4);
41+
--eds-color-background-info-strong-hover: light-dark(#0069a7, #349fe1);
42+
--eds-color-background-info-strong-active: light-dark(#005892, #4bb2f5);
43+
--eds-color-background-success-default: light-dark(#cfeacc, #1d361c);
44+
--eds-color-background-success-hover: light-dark(#b5ddb2, #20461f);
45+
--eds-color-background-success-active: light-dark(#99d095, #21571f);
46+
--eds-color-background-success-strong: light-dark(#3fa13d, #3fa13d);
47+
--eds-color-background-success-strong-hover: light-dark(#1a841c, #5ebf5b);
48+
--eds-color-background-success-strong-active: light-dark(#007100, #73d46f);
49+
--eds-color-background-warning-default: light-dark(#fbdac1, #432710);
50+
--eds-color-background-warning-default-hover: light-dark(#f5c5a1, #593008);
51+
--eds-color-background-warning-default-active: light-dark(#efb07f, #713800);
52+
--eds-color-background-warning-strong: light-dark(#e57e00, #e57e00);
53+
--eds-color-background-warning-strong-hover: light-dark(#c05e00, #ff9f3e);
54+
--eds-color-background-warning-strong-active: light-dark(#a34e00, #ffc185);
55+
--eds-color-border-subtle: light-dark(#bababa, #47525b);
56+
--eds-color-border-default: light-dark(#7b7b7b, #697b88);
57+
--eds-color-border-strong: light-dark(#5e5e5e, #90a1ad);
58+
--eds-color-border-accent-subtle: light-dark(#91c5ca, #205a60);
59+
--eds-color-border-accent-default: light-dark(#2f8a93, #2c8790);
60+
--eds-color-border-accent-strong: light-dark(#1f6a71, #62acb4);
61+
--eds-color-border-danger-subtle: light-dark(#ff9190, #961226);
62+
--eds-color-border-danger-default: light-dark(#e40d39, #e00537);
63+
--eds-color-border-danger-strong: light-dark(#b20029, #ff5b64);
64+
--eds-color-border-warning-subtle: light-dark(#eda974, #7d3c00);
65+
--eds-color-border-warning-default: light-dark(#be5d00, #ba5b00);
66+
--eds-color-border-warning-strong: light-dark(#944500, #e08531);
67+
--eds-color-border-success-subtle: light-dark(#91cc8d, #20601f);
68+
--eds-color-border-success-default: light-dark(#2f932e, #2c902c);
69+
--eds-color-border-success-strong: light-dark(#20711f, #62b55e);
70+
--eds-color-border-info-subtle: light-dark(#86c2ed, #0a5680);
71+
--eds-color-border-info-default: light-dark(#0083c3, #0080c0);
72+
--eds-color-border-info-strong: light-dark(#006498, #50a7e1);
73+
--eds-app-color-background-base: light-dark(#f3f3f3, #0e0f10); /** Application background color. Should be set to either html or body element. */
74+
--eds-app-color-background-layer-1: light-dark(#ffffff, #181a1c); /** The header, footer, toolbars, panels, and primary content can use this background color */
75+
--eds-app-color-background-layer-2: light-dark(#ffffff, #202325); /** The header, footer, toolbars, panels, and primary content can use this background color */
76+
--eds-app-color-background-elevated: light-dark(#ffffff, #2a3033); /** Popover elements will appear above all other elements */
77+
--eds-button-color-background-disabled: light-dark(#7b7b7b, #697b88);
78+
--eds-button-color-border-disabled: light-dark(#bababa, #47525b);
79+
--eds-button-color-text-disabled: light-dark(#7b7b7b, #697b88);
80+
--eds-input-color-background: light-dark(#f3f3f3, #2a3033);
81+
--eds-input-color-border-disabled: light-dark(#bababa, #47525b);
82+
--eds-input-color-text-disabled: light-dark(#7b7b7b, #697b88);
83+
--eds-link-color-text: light-dark(#144a6b, #99cbf0);
84+
--eds-focus-ring-color-border: light-dark(#0083c3, #0080c0);
85+
--eds-overlay-color-background: light-dark(#7b7b7b, #202325); /** The color of the mask overlay that appears when you enter a modal state. */
8686
}

0 commit comments

Comments
 (0)