@fkui/theme-default 6.30.0 → 6.31.0

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 (19) hide show
  1. package/dist/deprecated-variables.json +14 -1
  2. package/dist/fkui-css-variables-deprecated.css +12 -0
  3. package/dist/fkui-css-variables-deprecated.js +13 -1
  4. package/dist/fkui-css-variables.css +2 -13
  5. package/dist/fkui-css-variables.js +2 -13
  6. package/dist/metadata.mjs +14 -0
  7. package/dist/theme-auto.css +5 -27
  8. package/dist/theme-auto.js +1 -1
  9. package/dist/theme-dark.css +2 -13
  10. package/dist/theme-dark.js +2 -13
  11. package/dist/theme-light.css +2 -13
  12. package/dist/theme-light.js +2 -13
  13. package/package.json +3 -3
  14. package/src/_version.scss +1 -1
  15. package/src/dark/_variables.scss +3 -0
  16. package/src/deprecated-variables.json +14 -1
  17. package/src/fkui-css-variables-deprecated.scss +14 -0
  18. package/src/light/_variables.scss +3 -0
  19. package/src/shared/_index.scss +0 -18
package/dist/deprecated-variables.json CHANGED
@@ -281,5 +281,18 @@
281
281
  "--f-background-heading-static-panel",
282
282
  "--f-border-color-panel",
283
283
  "--f-border-color-static-panel",
284
- "--f-static-panel-heading-border"
284
+ "--f-static-panel-heading-border",
285
+ "--f-icon-color-discrete",
286
+ "--f-text-color-link",
287
+ "--f-text-color-link-hover",
288
+ "--f-text-color-link-discrete",
289
+ "--f-text-color-link-discrete-hover",
290
+ "--f-border-color-link",
291
+ "--f-border-color-link-hover",
292
+ "--f-border-color-link-discrete",
293
+ "--f-border-color-link-discrete-hover",
294
+ "--f-background-skiplink-focus",
295
+ "--f-border-color-separator-pageheader-primary",
296
+ "--f-border-color-separator",
297
+ "--f-background-pageheader-primary"
285
298
  ]
package/dist/fkui-css-variables-deprecated.css CHANGED
@@ -283,4 +283,16 @@
283
283
  --f-border-color-panel:#e7f0e9;
284
284
  --f-border-color-static-panel:#afcfb5;
285
285
  --f-static-panel-heading-border:none;
286
+ --f-text-color-link:#4a52b6;
287
+ --f-text-color-link-hover:#1b1e23;
288
+ --f-text-color-link-discrete:#1b1e23;
289
+ --f-text-color-link-discrete-hover:#4a52b6;
290
+ --f-border-color-link:#4a52b6;
291
+ --f-border-color-link-hover:#8d8e91;
292
+ --f-border-color-link-discrete:#8d8e91;
293
+ --f-border-color-link-discrete-hover:#4a52b6;
294
+ --f-background-skiplink-focus:#f5f6fa;
295
+ --f-border-color-separator-pageheader-primary:#fff;
296
+ --f-border-color-separator:#ddddde;
297
+ --f-background-pageheader-primary:#116a3e;
286
298
  }
package/dist/fkui-css-variables-deprecated.js CHANGED
@@ -282,6 +282,18 @@ const value = {
282
282
  "--f-background-heading-static-panel": "#afcfb5",
283
283
  "--f-border-color-panel": "#e7f0e9",
284
284
  "--f-border-color-static-panel": "#afcfb5",
285
- "--f-static-panel-heading-border": "none"
285
+ "--f-static-panel-heading-border": "none",
286
+ "--f-text-color-link": "#4a52b6",
287
+ "--f-text-color-link-hover": "#1b1e23",
288
+ "--f-text-color-link-discrete": "#1b1e23",
289
+ "--f-text-color-link-discrete-hover": "#4a52b6",
290
+ "--f-border-color-link": "#4a52b6",
291
+ "--f-border-color-link-hover": "#8d8e91",
292
+ "--f-border-color-link-discrete": "#8d8e91",
293
+ "--f-border-color-link-discrete-hover": "#4a52b6",
294
+ "--f-background-skiplink-focus": "#f5f6fa",
295
+ "--f-border-color-separator-pageheader-primary": "#fff",
296
+ "--f-border-color-separator": "#ddddde",
297
+ "--f-background-pageheader-primary": "#116a3e"
286
298
  };
287
299
  module.exports = value;
package/dist/fkui-css-variables.css CHANGED
@@ -1,8 +1,4 @@
1
1
  :root{
2
- --f-text-color-link:#4a52b6;
3
- --f-text-color-link-hover:#1b1e23;
4
- --f-text-color-link-discrete:#1b1e23;
5
- --f-text-color-link-discrete-hover:#4a52b6;
6
2
  --f-text-color-heading-1:inherit;
7
3
  --f-text-color-heading-2:inherit;
8
4
  --f-text-color-heading-3:inherit;
@@ -12,15 +8,7 @@
12
8
  --f-icon-color-success:#35805b;
13
9
  --f-icon-color-success-background:#dbe9e2;
14
10
  --f-background-overlay:rgba(0,0,0,.75);
15
- --f-background-pageheader-primary:#116a3e;
16
- --f-background-skiplink-focus:#f5f6fa;
17
11
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
18
- --f-border-color-separator:#ddddde;
19
- --f-border-color-separator-pageheader-primary:#fff;
20
- --f-border-color-link:#4a52b6;
21
- --f-border-color-link-hover:#8d8e91;
22
- --f-border-color-link-discrete:#8d8e91;
23
- --f-border-color-link-discrete-hover:#4a52b6;
24
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
25
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
26
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -191,5 +179,6 @@
191
179
  --fkds-color-navigation-border-selected:#35805b;
192
180
  --fkds-color-navigation-background-hover:#dbe9e2;
193
181
  --fkds-color-navigation-background-selected:#35805b;
194
- --fkui-theme-default-version:"6.30.0";
182
+ --fkds-color-header-background-primary:#116a3e;
183
+ --fkui-theme-default-version:"6.31.0";
195
184
  }
package/dist/fkui-css-variables.js CHANGED
@@ -1,8 +1,4 @@
1
1
  const value = {
2
- "--f-text-color-link": "#4a52b6",
3
- "--f-text-color-link-hover": "#1b1e23",
4
- "--f-text-color-link-discrete": "#1b1e23",
5
- "--f-text-color-link-discrete-hover": "#4a52b6",
6
2
  "--f-text-color-heading-1": "inherit",
7
3
  "--f-text-color-heading-2": "inherit",
8
4
  "--f-text-color-heading-3": "inherit",
@@ -12,15 +8,7 @@ const value = {
12
8
  "--f-icon-color-success": "#35805b",
13
9
  "--f-icon-color-success-background": "#dbe9e2",
14
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
15
- "--f-background-pageheader-primary": "#116a3e",
16
- "--f-background-skiplink-focus": "#f5f6fa",
17
11
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
18
- "--f-border-color-separator": "#ddddde",
19
- "--f-border-color-separator-pageheader-primary": "#fff",
20
- "--f-border-color-link": "#4a52b6",
21
- "--f-border-color-link-hover": "#8d8e91",
22
- "--f-border-color-link-discrete": "#8d8e91",
23
- "--f-border-color-link-discrete-hover": "#4a52b6",
24
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
25
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
26
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -191,6 +179,7 @@ const value = {
191
179
  "--fkds-color-navigation-border-selected": "#35805b",
192
180
  "--fkds-color-navigation-background-hover": "#dbe9e2",
193
181
  "--fkds-color-navigation-background-selected": "#35805b",
194
- "--fkui-theme-default-version": "\"6.30.0\""
182
+ "--fkds-color-header-background-primary": "#116a3e",
183
+ "--fkui-theme-default-version": "\"6.31.0\""
195
184
  };
196
185
  module.exports = value;
package/dist/metadata.mjs CHANGED
@@ -704,6 +704,20 @@ export default {
704
704
  }
705
705
  }
706
706
  },
707
+ {
708
+ "name": "--fkds-color-header-background-primary",
709
+ "comment": null,
710
+ "values": {
711
+ "light": {
712
+ "value": "#116a3e",
713
+ "palette": "green-a-100"
714
+ },
715
+ "dark": {
716
+ "value": "#116a3e",
717
+ "palette": "green-a-100"
718
+ }
719
+ }
720
+ },
707
721
  {
708
722
  "name": "--fkds-color-navigation-background-hover",
709
723
  "comment": null,
package/dist/theme-auto.css CHANGED
@@ -3,10 +3,6 @@
3
3
  }
4
4
  @media (prefers-color-scheme:light){
5
5
  :root{
6
- --f-text-color-link:#4a52b6;
7
- --f-text-color-link-hover:#1b1e23;
8
- --f-text-color-link-discrete:#1b1e23;
9
- --f-text-color-link-discrete-hover:#4a52b6;
10
6
  --f-text-color-heading-1:inherit;
11
7
  --f-text-color-heading-2:inherit;
12
8
  --f-text-color-heading-3:inherit;
@@ -16,15 +12,7 @@
16
12
  --f-icon-color-success:#35805b;
17
13
  --f-icon-color-success-background:#dbe9e2;
18
14
  --f-background-overlay:rgba(0,0,0,.75);
19
- --f-background-pageheader-primary:#116a3e;
20
- --f-background-skiplink-focus:#f5f6fa;
21
15
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
22
- --f-border-color-separator:#ddddde;
23
- --f-border-color-separator-pageheader-primary:#fff;
24
- --f-border-color-link:#4a52b6;
25
- --f-border-color-link-hover:#8d8e91;
26
- --f-border-color-link-discrete:#8d8e91;
27
- --f-border-color-link-discrete-hover:#4a52b6;
28
16
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
29
17
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
30
18
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -195,15 +183,12 @@
195
183
  --fkds-color-navigation-border-selected:#35805b;
196
184
  --fkds-color-navigation-background-hover:#dbe9e2;
197
185
  --fkds-color-navigation-background-selected:#35805b;
198
- --fkui-theme-default-version:"6.30.0";
186
+ --fkds-color-header-background-primary:#116a3e;
187
+ --fkui-theme-default-version:"6.31.0";
199
188
  }
200
189
  }
201
190
  @media (prefers-color-scheme:dark){
202
191
  :root{
203
- --f-text-color-link:#4a52b6;
204
- --f-text-color-link-hover:#1b1e23;
205
- --f-text-color-link-discrete:#1b1e23;
206
- --f-text-color-link-discrete-hover:#4a52b6;
207
192
  --f-text-color-heading-1:inherit;
208
193
  --f-text-color-heading-2:inherit;
209
194
  --f-text-color-heading-3:inherit;
@@ -213,15 +198,7 @@
213
198
  --f-icon-color-success:#35805b;
214
199
  --f-icon-color-success-background:#dbe9e2;
215
200
  --f-background-overlay:rgba(0,0,0,.75);
216
- --f-background-pageheader-primary:#116a3e;
217
- --f-background-skiplink-focus:#f5f6fa;
218
201
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
219
- --f-border-color-separator:#ddddde;
220
- --f-border-color-separator-pageheader-primary:#fff;
221
- --f-border-color-link:#4a52b6;
222
- --f-border-color-link-hover:#8d8e91;
223
- --f-border-color-link-discrete:#8d8e91;
224
- --f-border-color-link-discrete-hover:#4a52b6;
225
202
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
226
203
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
227
204
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -392,9 +369,10 @@
392
369
  --fkds-color-navigation-border-selected:#35805b;
393
370
  --fkds-color-navigation-background-hover:#88b49f;
394
371
  --fkds-color-navigation-background-selected:#35805b;
395
- --fkui-theme-default-version:"6.30.0";
372
+ --fkds-color-header-background-primary:#116a3e;
373
+ --fkui-theme-default-version:"6.31.0";
396
374
  }
397
375
  }
398
376
  :root{
399
- --fkui-theme-default-version:"6.30.0";
377
+ --fkui-theme-default-version:"6.31.0";
400
378
  }
package/dist/theme-auto.js CHANGED
@@ -1,4 +1,4 @@
1
1
  const value = {
2
- "--fkui-theme-default-version": "\"6.30.0\""
2
+ "--fkui-theme-default-version": "\"6.31.0\""
3
3
  };
4
4
  module.exports = value;
package/dist/theme-dark.css CHANGED
@@ -1,8 +1,4 @@
1
1
  :root{
2
- --f-text-color-link:#4a52b6;
3
- --f-text-color-link-hover:#1b1e23;
4
- --f-text-color-link-discrete:#1b1e23;
5
- --f-text-color-link-discrete-hover:#4a52b6;
6
2
  --f-text-color-heading-1:inherit;
7
3
  --f-text-color-heading-2:inherit;
8
4
  --f-text-color-heading-3:inherit;
@@ -12,15 +8,7 @@
12
8
  --f-icon-color-success:#35805b;
13
9
  --f-icon-color-success-background:#dbe9e2;
14
10
  --f-background-overlay:rgba(0,0,0,.75);
15
- --f-background-pageheader-primary:#116a3e;
16
- --f-background-skiplink-focus:#f5f6fa;
17
11
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
18
- --f-border-color-separator:#ddddde;
19
- --f-border-color-separator-pageheader-primary:#fff;
20
- --f-border-color-link:#4a52b6;
21
- --f-border-color-link-hover:#8d8e91;
22
- --f-border-color-link-discrete:#8d8e91;
23
- --f-border-color-link-discrete-hover:#4a52b6;
24
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
25
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
26
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -191,5 +179,6 @@
191
179
  --fkds-color-navigation-border-selected:#35805b;
192
180
  --fkds-color-navigation-background-hover:#88b49f;
193
181
  --fkds-color-navigation-background-selected:#35805b;
194
- --fkui-theme-default-version:"6.30.0";
182
+ --fkds-color-header-background-primary:#116a3e;
183
+ --fkui-theme-default-version:"6.31.0";
195
184
  }
package/dist/theme-dark.js CHANGED
@@ -1,8 +1,4 @@
1
1
  const value = {
2
- "--f-text-color-link": "#4a52b6",
3
- "--f-text-color-link-hover": "#1b1e23",
4
- "--f-text-color-link-discrete": "#1b1e23",
5
- "--f-text-color-link-discrete-hover": "#4a52b6",
6
2
  "--f-text-color-heading-1": "inherit",
7
3
  "--f-text-color-heading-2": "inherit",
8
4
  "--f-text-color-heading-3": "inherit",
@@ -12,15 +8,7 @@ const value = {
12
8
  "--f-icon-color-success": "#35805b",
13
9
  "--f-icon-color-success-background": "#dbe9e2",
14
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
15
- "--f-background-pageheader-primary": "#116a3e",
16
- "--f-background-skiplink-focus": "#f5f6fa",
17
11
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
18
- "--f-border-color-separator": "#ddddde",
19
- "--f-border-color-separator-pageheader-primary": "#fff",
20
- "--f-border-color-link": "#4a52b6",
21
- "--f-border-color-link-hover": "#8d8e91",
22
- "--f-border-color-link-discrete": "#8d8e91",
23
- "--f-border-color-link-discrete-hover": "#4a52b6",
24
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
25
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
26
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -191,6 +179,7 @@ const value = {
191
179
  "--fkds-color-navigation-border-selected": "#35805b",
192
180
  "--fkds-color-navigation-background-hover": "#88b49f",
193
181
  "--fkds-color-navigation-background-selected": "#35805b",
194
- "--fkui-theme-default-version": "\"6.30.0\""
182
+ "--fkds-color-header-background-primary": "#116a3e",
183
+ "--fkui-theme-default-version": "\"6.31.0\""
195
184
  };
196
185
  module.exports = value;
package/dist/theme-light.css CHANGED
@@ -1,8 +1,4 @@
1
1
  :root{
2
- --f-text-color-link:#4a52b6;
3
- --f-text-color-link-hover:#1b1e23;
4
- --f-text-color-link-discrete:#1b1e23;
5
- --f-text-color-link-discrete-hover:#4a52b6;
6
2
  --f-text-color-heading-1:inherit;
7
3
  --f-text-color-heading-2:inherit;
8
4
  --f-text-color-heading-3:inherit;
@@ -12,15 +8,7 @@
12
8
  --f-icon-color-success:#35805b;
13
9
  --f-icon-color-success-background:#dbe9e2;
14
10
  --f-background-overlay:rgba(0,0,0,.75);
15
- --f-background-pageheader-primary:#116a3e;
16
- --f-background-skiplink-focus:#f5f6fa;
17
11
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
18
- --f-border-color-separator:#ddddde;
19
- --f-border-color-separator-pageheader-primary:#fff;
20
- --f-border-color-link:#4a52b6;
21
- --f-border-color-link-hover:#8d8e91;
22
- --f-border-color-link-discrete:#8d8e91;
23
- --f-border-color-link-discrete-hover:#4a52b6;
24
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
25
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
26
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -191,5 +179,6 @@
191
179
  --fkds-color-navigation-border-selected:#35805b;
192
180
  --fkds-color-navigation-background-hover:#dbe9e2;
193
181
  --fkds-color-navigation-background-selected:#35805b;
194
- --fkui-theme-default-version:"6.30.0";
182
+ --fkds-color-header-background-primary:#116a3e;
183
+ --fkui-theme-default-version:"6.31.0";
195
184
  }
package/dist/theme-light.js CHANGED
@@ -1,8 +1,4 @@
1
1
  const value = {
2
- "--f-text-color-link": "#4a52b6",
3
- "--f-text-color-link-hover": "#1b1e23",
4
- "--f-text-color-link-discrete": "#1b1e23",
5
- "--f-text-color-link-discrete-hover": "#4a52b6",
6
2
  "--f-text-color-heading-1": "inherit",
7
3
  "--f-text-color-heading-2": "inherit",
8
4
  "--f-text-color-heading-3": "inherit",
@@ -12,15 +8,7 @@ const value = {
12
8
  "--f-icon-color-success": "#35805b",
13
9
  "--f-icon-color-success-background": "#dbe9e2",
14
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
15
- "--f-background-pageheader-primary": "#116a3e",
16
- "--f-background-skiplink-focus": "#f5f6fa",
17
11
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
18
- "--f-border-color-separator": "#ddddde",
19
- "--f-border-color-separator-pageheader-primary": "#fff",
20
- "--f-border-color-link": "#4a52b6",
21
- "--f-border-color-link-hover": "#8d8e91",
22
- "--f-border-color-link-discrete": "#8d8e91",
23
- "--f-border-color-link-discrete-hover": "#4a52b6",
24
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
25
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
26
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -191,6 +179,7 @@ const value = {
191
179
  "--fkds-color-navigation-border-selected": "#35805b",
192
180
  "--fkds-color-navigation-background-hover": "#dbe9e2",
193
181
  "--fkds-color-navigation-background-selected": "#35805b",
194
- "--fkui-theme-default-version": "\"6.30.0\""
182
+ "--fkds-color-header-background-primary": "#116a3e",
183
+ "--fkui-theme-default-version": "\"6.31.0\""
195
184
  };
196
185
  module.exports = value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fkui/theme-default",
3
- "version": "6.30.0",
3
+ "version": "6.31.0",
4
4
  "description": "FK Themes",
5
5
  "keywords": [
6
6
  "fkui",
@@ -32,12 +32,12 @@
32
32
  "prepack": "npm run build"
33
33
  },
34
34
  "devDependencies": {
35
- "@fkui/theme-builder": "6.30.0"
35
+ "@fkui/theme-builder": "6.31.0"
36
36
  },
37
37
  "engines": {
38
38
  "node": ">= 20",
39
39
  "npm": ">= 7"
40
40
  },
41
41
  "sass": "./src/_default.scss",
42
- "gitHead": "2fc11f663fa0023ec1d0670feac5e64467fac8c2"
42
+ "gitHead": "a84e21871949dbdfdc83e71873ea20cee778bfbc"
43
43
  }
package/src/_version.scss CHANGED
@@ -1,2 +1,2 @@
1
1
  // This is a generated file. See @fkui/theme-builder
2
- $version: "6.30.0";
2
+ $version: "6.31.0";
package/src/dark/_variables.scss CHANGED
@@ -90,4 +90,7 @@
90
90
  // NAVIGATION - BACKGROUND
91
91
  --fkds-color-navigation-background-hover: #{$palette-color-green-a-50};
92
92
  --fkds-color-navigation-background-selected: #{$palette-color-green-a-85};
93
+
94
+ // HEADER - BACKGROUND
95
+ --fkds-color-header-background-primary: #{$palette-color-green-a-100};
93
96
  }
package/src/deprecated-variables.json CHANGED
@@ -281,5 +281,18 @@
281
281
  "--f-background-heading-static-panel",
282
282
  "--f-border-color-panel",
283
283
  "--f-border-color-static-panel",
284
- "--f-static-panel-heading-border"
284
+ "--f-static-panel-heading-border",
285
+ "--f-icon-color-discrete",
286
+ "--f-text-color-link",
287
+ "--f-text-color-link-hover",
288
+ "--f-text-color-link-discrete",
289
+ "--f-text-color-link-discrete-hover",
290
+ "--f-border-color-link",
291
+ "--f-border-color-link-hover",
292
+ "--f-border-color-link-discrete",
293
+ "--f-border-color-link-discrete-hover",
294
+ "--f-background-skiplink-focus",
295
+ "--f-border-color-separator-pageheader-primary",
296
+ "--f-border-color-separator",
297
+ "--f-background-pageheader-primary"
285
298
  ]
package/src/fkui-css-variables-deprecated.scss CHANGED
@@ -414,6 +414,20 @@ $palette-color-hav-20: #dbe0ec !default;
414
414
  --f-border-color-panel: #{$palette-color-green-b-15};
415
415
  --f-border-color-static-panel: #{$palette-color-green-b-50};
416
416
  --f-static-panel-heading-border: none;
417
+
418
+ // Deprecated since v6.31.0
419
+ --f-text-color-link: #{$palette-color-bluebell-100};
420
+ --f-text-color-link-hover: #{$palette-color-fk-black-100};
421
+ --f-text-color-link-discrete: #{$palette-color-fk-black-100};
422
+ --f-text-color-link-discrete-hover: #{$palette-color-bluebell-100};
423
+ --f-border-color-link: #{$palette-color-bluebell-100};
424
+ --f-border-color-link-hover: #{$palette-color-fk-black-50};
425
+ --f-border-color-link-discrete: #{$palette-color-fk-black-50};
426
+ --f-border-color-link-discrete-hover: #{$palette-color-bluebell-100};
427
+ --f-background-skiplink-focus: #{$palette-color-bluebell-5};
428
+ --f-border-color-separator-pageheader-primary: #{$palette-color-white-100};
429
+ --f-border-color-separator: #{$palette-color-fk-black-15};
430
+ --f-background-pageheader-primary: #{$palette-color-green-a-100};
417
431
  }
418
432
 
419
433
  @if $global {
package/src/light/_variables.scss CHANGED
@@ -90,4 +90,7 @@
90
90
  // NAVIGATION - BACKGROUND
91
91
  --fkds-color-navigation-background-hover: #{$palette-color-green-a-15};
92
92
  --fkds-color-navigation-background-selected: #{$palette-color-green-a-85};
93
+
94
+ // HEADER - BACKGROUND
95
+ --fkds-color-header-background-primary: #{$palette-color-green-a-100};
93
96
  }
package/src/shared/_index.scss CHANGED
@@ -7,11 +7,6 @@
7
7
  // TEXT COLORS
8
8
  // ***********
9
9
 
10
- --f-text-color-link: #{$palette-color-bluebell-100};
11
- --f-text-color-link-hover: #{$palette-color-fk-black-100};
12
- --f-text-color-link-discrete: #{$palette-color-fk-black-100};
13
- --f-text-color-link-discrete-hover: #{$palette-color-bluebell-100};
14
-
15
10
  --f-text-color-heading-1: inherit;
16
11
  --f-text-color-heading-2: inherit;
17
12
  --f-text-color-heading-3: inherit;
@@ -29,21 +24,8 @@
29
24
  // BACKGROUND COLORS
30
25
  // *****************
31
26
  --f-background-overlay: rgba(0, 0, 0, 0.75); // modal, loader
32
- --f-background-pageheader-primary: #{$palette-color-green-a-100}; // page-header
33
- --f-background-skiplink-focus: #{$palette-color-bluebell-5};
34
27
  --f-background-sidepanel-button-tertiary-hover: #{$palette-color-bluebell-15}; // FLeftPanel and FRightPanel
35
28
 
36
- // *************
37
- // BORDER COLORS
38
- // *************
39
-
40
- --f-border-color-separator: #{$palette-color-fk-black-15}; // radio-button-group, file-item, expandable-paragraph
41
- --f-border-color-separator-pageheader-primary: #{$palette-color-white-100}; // page-header
42
- --f-border-color-link: #{$palette-color-bluebell-100};
43
- --f-border-color-link-hover: #{$palette-color-fk-black-50};
44
- --f-border-color-link-discrete: #{$palette-color-fk-black-50};
45
- --f-border-color-link-discrete-hover: #{$palette-color-bluebell-100};
46
-
47
29
  // *******************
48
30
  // COLOR VARIABLES END
49
31
  // *******************