Skip to content

Commit 4aa0c2e

Browse files
author
Peter Hellstrand
committed
chore: wip
1 parent da72f79 commit 4aa0c2e

27 files changed

+1332
-2032
lines changed

‎packages/ffe-core/less/colors.less

+6-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
1-
/**
2-
* Below are Deprecated. Use the tokens from @sb1/ffe-tokens instead.
3-
*/
1+
@import './colors/primitives';
2+
@import './colors/light';
3+
@import './colors/dark';
4+
@import './colors/accent';
5+
@import './colors/accent-dark';
6+
47
// Primærpalett
58
@ffe-farge-fjell: #002776;
69
@ffe-farge-fjell-70: tint(@ffe-farge-fjell, 30%);

‎packages/ffe-core/less/colors/accent-dark.less

+199
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,199 @@
1+
@media (prefers-color-scheme: dark) {
2+
:root .regard-color-scheme-preference .accent,
3+
:host .regard-color-scheme-preference .accent {
4+
@color-background-default: #1f1f1f;
5+
@color-background-subtle: #001032;
6+
@color-surface-tertiary-default: #1f1c2c;
7+
@color-surface-tertiary-hover: #332f41;
8+
@color-surface-tertiary-pressed: #3d394c;
9+
@color-surface-info-default: #0a2b61;
10+
@color-surface-info-hover: #084281;
11+
@color-surface-success-default: #083a29;
12+
@color-surface-warning-default: #3d1700;
13+
@color-surface-critical-default: #560b0c;
14+
@color-surface-secondary-default: #0f232e;
15+
@color-surface-secondary-hover: #132f39;
16+
@color-surface-secondary-pressed: #173845;
17+
@color-surface-primary-hover: #474747;
18+
@color-surface-primary-pressed: #5c5c5c;
19+
@color-surface-primary-default: #333333;
20+
@color-fill-info-default: #2975c2;
21+
@color-fill-info-default-hover: #5494d4;
22+
@color-fill-info-default-pressed: #7dabd9;
23+
@color-fill-info-subtle: #2975c2;
24+
@color-fill-info-subtle-hover: #2975c2;
25+
@color-fill-info-subtle-pressed: #2975c2;
26+
@color-fill-success-default: #2a7e5b;
27+
@color-fill-success-hover: #409674;
28+
@color-fill-success-pressed: #55b489;
29+
@color-fill-success-subtle: #2a7e5b;
30+
@color-fill-success-subtle-hover: #409674;
31+
@color-fill-success-subtle-pressed: #55b489;
32+
@color-fill-warning-default: #853f00;
33+
@color-fill-warning-hover: #cc7205;
34+
@color-fill-warning-pressed: #ea910b;
35+
@color-fill-warning-subtle: #853f00;
36+
@color-fill-warning-subtle-hover: #cc7205;
37+
@color-fill-warning-subtle-pressed: #ea910b;
38+
@color-fill-critical-default: #c62a2f;
39+
@color-fill-critical-hover: #e44244;
40+
@color-fill-critical-pressed: #ff5e5c;
41+
@color-fill-critical-subtle: #c62a2f;
42+
@color-fill-critical-subtle-hover: #e44244;
43+
@color-fill-critical-subtle-pressed: #ff5e5c;
44+
@color-fill-primary-subtle: #333333;
45+
@color-fill-primary-subtle-pressed: #666666;
46+
@color-fill-primary-subtle-hover: #525252;
47+
@color-fill-primary-default: #55709b;
48+
@color-fill-primary-default-hover: #748db4;
49+
@color-fill-primary-default-pressed: #90a9d0;
50+
@color-fill-secondary-subtle: #474747;
51+
@color-fill-secondary-subtle-hover: #666666;
52+
@color-fill-secondary-subtle-pressed: #858585;
53+
@color-fill-secondary-default: #858585;
54+
@color-fill-secondary-default-hover: #858585;
55+
@color-fill-secondary-default-pressed: #858585;
56+
@color-fill-tertiary-subtle: #474457;
57+
@color-fill-tertiary-subtle-hover: #474457;
58+
@color-fill-tertiary-subtle-pressed: #474457;
59+
@color-fill-tertiary-default: #474457;
60+
@color-fill-tertiary-default-hover: #474457;
61+
@color-fill-tertiary-default-pressed: #474457;
62+
@color-border-primary-default: #8f8f8f;
63+
@color-border-primary-subtle: #525252;
64+
@color-border-primary-hover: #7a7a7a;
65+
@color-border-primary-pressed: #90a9d0;
66+
@color-border-primary-emphasis: #47618a;
67+
@color-border-primary-selected: #55709b;
68+
@color-border-info-default: #5494d4;
69+
@color-border-success-default: #48a781;
70+
@color-border-warning-default: #cc7205;
71+
@color-border-critical-default: #c62a2f;
72+
@color-border-focus: #ffffff;
73+
@color-border-secondary-default: #748db4;
74+
@color-border-secondary-hover: #55709b;
75+
@color-border-secondary-pressed: #3b547c;
76+
@color-border-tertiary-default: #aaaac0;
77+
@color-border-tertiary-hover: #5d5a6d;
78+
@color-border-tertiary-pressed: #474457;
79+
@color-icon-secondary-subtle: undefined;
80+
@color-icon-secondary-inverse: #ffffff;
81+
@color-icon-primary-subtle: undefined;
82+
@color-text-primary-subtle: #ffffff;
83+
@color-text-secondary-subtle: #b8b8b8;
84+
@color-text-secondary-inverse: #b8b8b8;
85+
@color-text-label-inverse: #ffffff;
86+
@color-foreground-on-background-link: #d7e7f4;
87+
@color-foreground-on-background-link-hover: #9ec2e5;
88+
@color-foreground-on-background-link-pressed: #7dabd9;
89+
@color-foreground-on-background-default: #ffffff;
90+
@color-foreground-on-background-subtle: #c3d9ef;
91+
@color-foreground-on-background-emphasis: #aac4ee;
92+
@color-foreground-on-background-inverse: #ffffff;
93+
@color-foreground-on-background-info-default: #5494d4;
94+
@color-foreground-on-background-success-default: #48a781;
95+
@color-foreground-on-background-warning-default: #dc8000;
96+
@color-foreground-on-background-critical-default: #ff5e5c;
97+
@color-foreground-on-surface-info-default: #c3d9ef;
98+
@color-foreground-on-surface-success-default: #b2e6cd;
99+
@color-foreground-on-surface-warning-default: #ffc675;
100+
@color-foreground-on-surface-critical-default: #ffaea8;
101+
@color-foreground-on-surface-default: #ffffff;
102+
@color-foreground-on-surface-subtle: #d7e7f4;
103+
@color-foreground-on-surface-emphasis: #aac4ee;
104+
@color-foreground-on-surface-link: #7dabd9;
105+
@color-foreground-on-surface-link-hover: #9ec2e5;
106+
@color-foreground-on-surface-link-pressed: #7dabd9;
107+
@color-foreground-on-surface-inverse: #ffffff;
108+
@color-foreground-on-fill-default: #ffffff;
109+
@color-foreground-on-fill-info-default: #f7fafd;
110+
@color-foreground-on-fill-success-default: #f6fdfa;
111+
@color-foreground-on-fill-warning-default: #fffdf5;
112+
@color-foreground-on-fill-critical-default: #fff8f5;
113+
@color-foreground-on-fill-inverse: #ffffff;
114+
@color-component-button-secondary-fill-default: undefined;
115+
@color-component-button-secondary-fill-hover: #084281;
116+
@color-component-button-secondary-fill-pressed: #005aa4;
117+
@color-component-button-secondary-text-default: #c3d9ef;
118+
@color-component-button-secondary-text-hover: #ffffff;
119+
@color-component-button-secondary-border-default: #ffffff;
120+
@color-component-button-secondary-border-hover: #5494d4;
121+
@color-component-button-secondary-border-pressed: #005aa4;
122+
@color-component-button-action-fill-default: #00754e;
123+
@color-component-button-action-fill-hover: #2a7e5b;
124+
@color-component-button-action-fill-pressed: #48a781;
125+
@color-component-button-action-text-default: #ffffff;
126+
@color-component-button-action-text-hover: #ffffff;
127+
@color-component-button-action-border-default: #00754e;
128+
@color-component-button-action-border-hover: #2e8b64;
129+
@color-component-button-action-border-pressed: #48a781;
130+
@color-component-button-primary-text-default: #ffffff;
131+
@color-component-button-primary-text-hover: #ffffff;
132+
@color-component-button-primary-fill-default: #005aa4;
133+
@color-component-button-primary-fill-hover: #2975c2;
134+
@color-component-button-primary-fill-pressed: #5494d4;
135+
@color-component-button-primary-border-default: #005aa4;
136+
@color-component-button-primary-border-hover: #2975c2;
137+
@color-component-button-primary-border-pressed: #5494d4;
138+
@color-component-button-tertiary-text-default: #f7fafd;
139+
@color-component-button-tertiary-text-hover: #f7fafd;
140+
@color-component-button-tertiary-fill-hover: #101a41;
141+
@color-component-button-tertiary-fill-pressed: #0a2b61;
142+
@color-component-button-tertiary-fill-default: undefined;
143+
@color-component-button-tertiary-border-default: #141414;
144+
@color-component-button-tertiary-border-hover: #2975c2;
145+
@color-component-button-tertiary-border-pressed: #005aa4;
146+
@color-component-button-critical-border-default: #a01c1f;
147+
@color-component-button-critical-border-hover: #c62a2f;
148+
@color-component-button-critical-border-pressed: #e44244;
149+
@color-component-button-critical-fill-default: #a01c1f;
150+
@color-component-button-critical-fill-hover: #c62a2f;
151+
@color-component-button-critical-fill-pressed: #e44244;
152+
@color-component-button-critical-text-default: #ffffff;
153+
@color-component-button-critical-text-hover: #ffffff;
154+
@color-component-logo-name: #ffffff;
155+
@color-component-logo-number1: #ffffff;
156+
@color-component-logo-circle-dark-red: undefined;
157+
@color-component-logo-circle-light-red: undefined;
158+
@color-component-form-fill-default: #333333;
159+
@color-component-form-fill-default-hover: #525252;
160+
@color-component-form-fill-default-pressed: #666666;
161+
@color-component-form-fill-selected: #55709b;
162+
@color-component-form-fill-selected-hover: #748db4;
163+
@color-component-form-fill-selected-pressed: #90a9d0;
164+
@color-component-form-fill-subtle: #333333;
165+
@color-component-form-fill-subtle-hover: #333333;
166+
@color-component-form-fill-subtle-pressed: #333333;
167+
@color-component-chips-primary-border-default: #005aa4;
168+
@color-component-chips-primary-border-hover: #2975c2;
169+
@color-component-chips-primary-border-pressed: #5494d4;
170+
@color-component-chips-primary-fill-default: #005aa4;
171+
@color-component-chips-primary-fill-hover: #2975c2;
172+
@color-component-chips-primary-fill-pressed: #5494d4;
173+
@color-component-chips-primary-text-default: #ffffff;
174+
@color-component-chips-primary-text-hover: #ffffff;
175+
@color-component-chips-secondary-border-default: #ffffff;
176+
@color-component-chips-secondary-border-hover: #5494d4;
177+
@color-component-chips-secondary-border-pressed: #005aa4;
178+
@color-component-chips-secondary-fill-default: undefined;
179+
@color-component-chips-secondary-fill-hover: #084281;
180+
@color-component-chips-secondary-fill-pressed: #005aa4;
181+
@color-component-chips-secondary-text-default: #c3d9ef;
182+
@color-component-chips-secondary-text-hover: #ffffff;
183+
@color-component-chips-tertiary-border-default: #141414;
184+
@color-component-chips-tertiary-border-hover: #2975c2;
185+
@color-component-chips-tertiary-border-pressed: #005aa4;
186+
@color-component-chips-tertiary-fill-default: undefined;
187+
@color-component-chips-tertiary-fill-hover: #101a41;
188+
@color-component-chips-tertiary-fill-pressed: #0a2b61;
189+
@color-component-chips-tertiary-text-default: #f7fafd;
190+
@color-component-chips-tertiary-text-hover: #f7fafd;
191+
@color-component-toggleswitch-handle-default: #ffffff;
192+
@color-component-toggleswitch-fill-default: #3d3d3d;
193+
@color-component-toggleswitch-fill-default-hover: #525252;
194+
@color-component-toggleswitch-fill-default-pressed: #666666;
195+
@color-component-toggleswitch-fill-selected: #55709b;
196+
@color-component-toggleswitch-fill-selected-hover: #748db4;
197+
@color-component-toggleswitch-fill-selected-pressed: #90a9d0;
198+
}
199+
}

0 commit comments

Comments
 (0)