@fkui/theme-default 6.29.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 +34 -1
  2. package/dist/fkui-css-variables-deprecated.css +32 -0
  3. package/dist/fkui-css-variables-deprecated.js +33 -1
  4. package/dist/fkui-css-variables.css +6 -33
  5. package/dist/fkui-css-variables.js +6 -33
  6. package/dist/metadata.mjs +70 -0
  7. package/dist/theme-auto.css +13 -67
  8. package/dist/theme-auto.js +1 -1
  9. package/dist/theme-dark.css +6 -33
  10. package/dist/theme-dark.js +6 -33
  11. package/dist/theme-light.css +6 -33
  12. package/dist/theme-light.js +6 -33
  13. package/package.json +3 -3
  14. package/src/_version.scss +1 -1
  15. package/src/dark/_variables.scss +11 -0
  16. package/src/deprecated-variables.json +34 -1
  17. package/src/fkui-css-variables-deprecated.scss +36 -0
  18. package/src/light/_variables.scss +11 -0
  19. package/src/shared/_index.scss +1 -48
package/dist/deprecated-variables.json CHANGED
@@ -261,5 +261,38 @@
261
261
  "--f-background-grid-active",
262
262
  "--f-background-tab-active",
263
263
  "--f-background-tab-inactive",
264
- "--f-background-button-discrete-hover"
264
+ "--f-background-button-discrete-hover",
265
+ "--f-background-menu",
266
+ "--f-background-menu-vertical-hover",
267
+ "--f-background-menu-vertical-highlight",
268
+ "--f-text-color-menu",
269
+ "--f-text-color-menu-hover",
270
+ "--f-text-color-menu-horizontal-highlight",
271
+ "--f-border-color-menu-horizontal",
272
+ "--f-border-color-menu-horizontal-hover",
273
+ "--f-border-color-menu-horizontal-highlight",
274
+ "--f-background-popupmenu",
275
+ "--f-background-popupmenu-vertical-hover",
276
+ "--f-background-popupmenu-vertical-highlight",
277
+ "--f-border-color-popupmenu",
278
+ "--f-text-color-popupmenu",
279
+ "--f-text-color-popupmenu-hover",
280
+ "--f-border-color-separator-contextmenu",
281
+ "--f-background-heading-static-panel",
282
+ "--f-border-color-panel",
283
+ "--f-border-color-static-panel",
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"
265
298
  ]
package/dist/fkui-css-variables-deprecated.css CHANGED
@@ -263,4 +263,36 @@
263
263
  --f-expandable-panel-heading-border-open:none;
264
264
  --f-expandable-panel-heading-border-close:none;
265
265
  --f-expandable-panel-heading-border-radius:4px 4px 0 0;
266
+ --f-background-menu:#f4f4f4;
267
+ --f-background-menu-vertical-hover:#ddddde;
268
+ --f-background-menu-vertical-highlight:#e7f0e9;
269
+ --f-text-color-menu:#1b1e23;
270
+ --f-text-color-menu-hover:#1b1e23;
271
+ --f-text-color-menu-horizontal-highlight:#1b1e23;
272
+ --f-border-color-menu-horizontal:#116a3e;
273
+ --f-border-color-menu-horizontal-hover:#afcfb5;
274
+ --f-border-color-menu-horizontal-highlight:#116a3e;
275
+ --f-background-popupmenu:#fff;
276
+ --f-background-popupmenu-vertical-hover:#ddddde;
277
+ --f-background-popupmenu-vertical-highlight:#e7f0e9;
278
+ --f-border-color-popupmenu:#ddddde;
279
+ --f-text-color-popupmenu:#1b1e23;
280
+ --f-text-color-popupmenu-hover:#1b1e23;
281
+ --f-border-color-separator-contextmenu:#8d8e91;
282
+ --f-background-heading-static-panel:#afcfb5;
283
+ --f-border-color-panel:#e7f0e9;
284
+ --f-border-color-static-panel:#afcfb5;
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;
266
298
  }
package/dist/fkui-css-variables-deprecated.js CHANGED
@@ -262,6 +262,38 @@ const value = {
262
262
  "--f-border-color-expandable-panel-closed": "none",
263
263
  "--f-expandable-panel-heading-border-open": "none",
264
264
  "--f-expandable-panel-heading-border-close": "none",
265
- "--f-expandable-panel-heading-border-radius": "4px 4px 0 0"
265
+ "--f-expandable-panel-heading-border-radius": "4px 4px 0 0",
266
+ "--f-background-menu": "#f4f4f4",
267
+ "--f-background-menu-vertical-hover": "#ddddde",
268
+ "--f-background-menu-vertical-highlight": "#e7f0e9",
269
+ "--f-text-color-menu": "#1b1e23",
270
+ "--f-text-color-menu-hover": "#1b1e23",
271
+ "--f-text-color-menu-horizontal-highlight": "#1b1e23",
272
+ "--f-border-color-menu-horizontal": "#116a3e",
273
+ "--f-border-color-menu-horizontal-hover": "#afcfb5",
274
+ "--f-border-color-menu-horizontal-highlight": "#116a3e",
275
+ "--f-background-popupmenu": "#fff",
276
+ "--f-background-popupmenu-vertical-hover": "#ddddde",
277
+ "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
278
+ "--f-border-color-popupmenu": "#ddddde",
279
+ "--f-text-color-popupmenu": "#1b1e23",
280
+ "--f-text-color-popupmenu-hover": "#1b1e23",
281
+ "--f-border-color-separator-contextmenu": "#8d8e91",
282
+ "--f-background-heading-static-panel": "#afcfb5",
283
+ "--f-border-color-panel": "#e7f0e9",
284
+ "--f-border-color-static-panel": "#afcfb5",
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"
266
298
  };
267
299
  module.exports = value;
package/dist/fkui-css-variables.css CHANGED
@@ -1,45 +1,14 @@
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;
9
5
  --f-text-color-heading-4:inherit;
10
6
  --f-text-color-heading-5:inherit;
11
7
  --f-text-color-heading-6:inherit;
12
- --f-text-color-menu:#1b1e23;
13
- --f-text-color-menu-hover:#1b1e23;
14
- --f-text-color-menu-horizontal-highlight:#1b1e23;
15
- --f-text-color-popupmenu:#1b1e23;
16
- --f-text-color-popupmenu-hover:#1b1e23;
17
8
  --f-icon-color-success:#35805b;
18
9
  --f-icon-color-success-background:#dbe9e2;
19
10
  --f-background-overlay:rgba(0,0,0,.75);
20
- --f-background-pageheader-primary:#116a3e;
21
- --f-background-skiplink-focus:#f5f6fa;
22
- --f-background-heading-static-panel:#afcfb5;
23
11
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
24
- --f-background-menu:#f4f4f4;
25
- --f-background-menu-vertical-hover:#ddddde;
26
- --f-background-menu-vertical-highlight:#e7f0e9;
27
- --f-background-popupmenu:#fff;
28
- --f-background-popupmenu-vertical-hover:#ddddde;
29
- --f-background-popupmenu-vertical-highlight:#e7f0e9;
30
- --f-border-color-panel:#e7f0e9;
31
- --f-border-color-static-panel:#afcfb5;
32
- --f-border-color-separator:#ddddde;
33
- --f-border-color-separator-pageheader-primary:#fff;
34
- --f-border-color-separator-contextmenu:#8d8e91;
35
- --f-border-color-link:#4a52b6;
36
- --f-border-color-link-hover:#8d8e91;
37
- --f-border-color-link-discrete:#8d8e91;
38
- --f-border-color-link-discrete-hover:#4a52b6;
39
- --f-border-color-menu-horizontal:#116a3e;
40
- --f-border-color-menu-horizontal-hover:#afcfb5;
41
- --f-border-color-menu-horizontal-highlight:#116a3e;
42
- --f-border-color-popupmenu:#ddddde;
43
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
44
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
45
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -82,7 +51,6 @@
82
51
  --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
83
52
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
84
53
  --f-density-factor:1;
85
- --f-static-panel-heading-border:none;
86
54
  --f-label-message-margin-top:0.25rem;
87
55
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
88
56
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -207,5 +175,10 @@
207
175
  --fkds-color-select-background-secondary-hover:#dbe9e2;
208
176
  --fkds-color-select-background-secondary-active:#dbe9e2;
209
177
  --fkds-color-select-background-secondary-focus:#dbe9e2;
210
- --fkui-theme-default-version:"6.29.0";
178
+ --fkds-color-navigation-border-hover:#88b49f;
179
+ --fkds-color-navigation-border-selected:#35805b;
180
+ --fkds-color-navigation-background-hover:#dbe9e2;
181
+ --fkds-color-navigation-background-selected:#35805b;
182
+ --fkds-color-header-background-primary:#116a3e;
183
+ --fkui-theme-default-version:"6.31.0";
211
184
  }
package/dist/fkui-css-variables.js CHANGED
@@ -1,45 +1,14 @@
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",
9
5
  "--f-text-color-heading-4": "inherit",
10
6
  "--f-text-color-heading-5": "inherit",
11
7
  "--f-text-color-heading-6": "inherit",
12
- "--f-text-color-menu": "#1b1e23",
13
- "--f-text-color-menu-hover": "#1b1e23",
14
- "--f-text-color-menu-horizontal-highlight": "#1b1e23",
15
- "--f-text-color-popupmenu": "#1b1e23",
16
- "--f-text-color-popupmenu-hover": "#1b1e23",
17
8
  "--f-icon-color-success": "#35805b",
18
9
  "--f-icon-color-success-background": "#dbe9e2",
19
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
20
- "--f-background-pageheader-primary": "#116a3e",
21
- "--f-background-skiplink-focus": "#f5f6fa",
22
- "--f-background-heading-static-panel": "#afcfb5",
23
11
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
24
- "--f-background-menu": "#f4f4f4",
25
- "--f-background-menu-vertical-hover": "#ddddde",
26
- "--f-background-menu-vertical-highlight": "#e7f0e9",
27
- "--f-background-popupmenu": "#fff",
28
- "--f-background-popupmenu-vertical-hover": "#ddddde",
29
- "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
30
- "--f-border-color-panel": "#e7f0e9",
31
- "--f-border-color-static-panel": "#afcfb5",
32
- "--f-border-color-separator": "#ddddde",
33
- "--f-border-color-separator-pageheader-primary": "#fff",
34
- "--f-border-color-separator-contextmenu": "#8d8e91",
35
- "--f-border-color-link": "#4a52b6",
36
- "--f-border-color-link-hover": "#8d8e91",
37
- "--f-border-color-link-discrete": "#8d8e91",
38
- "--f-border-color-link-discrete-hover": "#4a52b6",
39
- "--f-border-color-menu-horizontal": "#116a3e",
40
- "--f-border-color-menu-horizontal-hover": "#afcfb5",
41
- "--f-border-color-menu-horizontal-highlight": "#116a3e",
42
- "--f-border-color-popupmenu": "#ddddde",
43
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
44
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
45
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -82,7 +51,6 @@ const value = {
82
51
  "--f-animation-expand-open": "all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
83
52
  "--f-animation-expand-close": "all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
84
53
  "--f-density-factor": "1",
85
- "--f-static-panel-heading-border": "none",
86
54
  "--f-label-message-margin-top": "0.25rem",
87
55
  "--f-button-shadow": "0 1px 3px rgba(0,0,0,.3)",
88
56
  "--f-button-shadow-hover": "0 1px 3px rgba(0,0,0,.3)",
@@ -207,6 +175,11 @@ const value = {
207
175
  "--fkds-color-select-background-secondary-hover": "#dbe9e2",
208
176
  "--fkds-color-select-background-secondary-active": "#dbe9e2",
209
177
  "--fkds-color-select-background-secondary-focus": "#dbe9e2",
210
- "--fkui-theme-default-version": "\"6.29.0\""
178
+ "--fkds-color-navigation-border-hover": "#88b49f",
179
+ "--fkds-color-navigation-border-selected": "#35805b",
180
+ "--fkds-color-navigation-background-hover": "#dbe9e2",
181
+ "--fkds-color-navigation-background-selected": "#35805b",
182
+ "--fkds-color-header-background-primary": "#116a3e",
183
+ "--fkui-theme-default-version": "\"6.31.0\""
211
184
  };
212
185
  module.exports = value;
package/dist/metadata.mjs CHANGED
@@ -704,6 +704,76 @@ 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
+ },
721
+ {
722
+ "name": "--fkds-color-navigation-background-hover",
723
+ "comment": null,
724
+ "values": {
725
+ "light": {
726
+ "value": "#dbe9e2",
727
+ "palette": "green-a-15"
728
+ },
729
+ "dark": {
730
+ "value": "#88b49f",
731
+ "palette": "green-a-50"
732
+ }
733
+ }
734
+ },
735
+ {
736
+ "name": "--fkds-color-navigation-background-selected",
737
+ "comment": null,
738
+ "values": {
739
+ "light": {
740
+ "value": "#35805b",
741
+ "palette": "green-a-85"
742
+ },
743
+ "dark": {
744
+ "value": "#35805b",
745
+ "palette": "green-a-85"
746
+ }
747
+ }
748
+ },
749
+ {
750
+ "name": "--fkds-color-navigation-border-hover",
751
+ "comment": null,
752
+ "values": {
753
+ "light": {
754
+ "value": "#88b49f",
755
+ "palette": "green-a-50"
756
+ },
757
+ "dark": {
758
+ "value": "#dbe9e2",
759
+ "palette": "green-a-15"
760
+ }
761
+ }
762
+ },
763
+ {
764
+ "name": "--fkds-color-navigation-border-selected",
765
+ "comment": null,
766
+ "values": {
767
+ "light": {
768
+ "value": "#35805b",
769
+ "palette": "green-a-85"
770
+ },
771
+ "dark": {
772
+ "value": "#35805b",
773
+ "palette": "green-a-85"
774
+ }
775
+ }
776
+ },
707
777
  {
708
778
  "name": "--fkds-color-select-background-primary-active",
709
779
  "comment": null,
package/dist/theme-auto.css CHANGED
@@ -3,47 +3,16 @@
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;
13
9
  --f-text-color-heading-4:inherit;
14
10
  --f-text-color-heading-5:inherit;
15
11
  --f-text-color-heading-6:inherit;
16
- --f-text-color-menu:#1b1e23;
17
- --f-text-color-menu-hover:#1b1e23;
18
- --f-text-color-menu-horizontal-highlight:#1b1e23;
19
- --f-text-color-popupmenu:#1b1e23;
20
- --f-text-color-popupmenu-hover:#1b1e23;
21
12
  --f-icon-color-success:#35805b;
22
13
  --f-icon-color-success-background:#dbe9e2;
23
14
  --f-background-overlay:rgba(0,0,0,.75);
24
- --f-background-pageheader-primary:#116a3e;
25
- --f-background-skiplink-focus:#f5f6fa;
26
- --f-background-heading-static-panel:#afcfb5;
27
15
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
28
- --f-background-menu:#f4f4f4;
29
- --f-background-menu-vertical-hover:#ddddde;
30
- --f-background-menu-vertical-highlight:#e7f0e9;
31
- --f-background-popupmenu:#fff;
32
- --f-background-popupmenu-vertical-hover:#ddddde;
33
- --f-background-popupmenu-vertical-highlight:#e7f0e9;
34
- --f-border-color-panel:#e7f0e9;
35
- --f-border-color-static-panel:#afcfb5;
36
- --f-border-color-separator:#ddddde;
37
- --f-border-color-separator-pageheader-primary:#fff;
38
- --f-border-color-separator-contextmenu:#8d8e91;
39
- --f-border-color-link:#4a52b6;
40
- --f-border-color-link-hover:#8d8e91;
41
- --f-border-color-link-discrete:#8d8e91;
42
- --f-border-color-link-discrete-hover:#4a52b6;
43
- --f-border-color-menu-horizontal:#116a3e;
44
- --f-border-color-menu-horizontal-hover:#afcfb5;
45
- --f-border-color-menu-horizontal-highlight:#116a3e;
46
- --f-border-color-popupmenu:#ddddde;
47
16
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
48
17
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
49
18
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -86,7 +55,6 @@
86
55
  --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
87
56
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
88
57
  --f-density-factor:1;
89
- --f-static-panel-heading-border:none;
90
58
  --f-label-message-margin-top:0.25rem;
91
59
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
92
60
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -211,52 +179,26 @@
211
179
  --fkds-color-select-background-secondary-hover:#dbe9e2;
212
180
  --fkds-color-select-background-secondary-active:#dbe9e2;
213
181
  --fkds-color-select-background-secondary-focus:#dbe9e2;
214
- --fkui-theme-default-version:"6.29.0";
182
+ --fkds-color-navigation-border-hover:#88b49f;
183
+ --fkds-color-navigation-border-selected:#35805b;
184
+ --fkds-color-navigation-background-hover:#dbe9e2;
185
+ --fkds-color-navigation-background-selected:#35805b;
186
+ --fkds-color-header-background-primary:#116a3e;
187
+ --fkui-theme-default-version:"6.31.0";
215
188
  }
216
189
  }
217
190
  @media (prefers-color-scheme:dark){
218
191
  :root{
219
- --f-text-color-link:#4a52b6;
220
- --f-text-color-link-hover:#1b1e23;
221
- --f-text-color-link-discrete:#1b1e23;
222
- --f-text-color-link-discrete-hover:#4a52b6;
223
192
  --f-text-color-heading-1:inherit;
224
193
  --f-text-color-heading-2:inherit;
225
194
  --f-text-color-heading-3:inherit;
226
195
  --f-text-color-heading-4:inherit;
227
196
  --f-text-color-heading-5:inherit;
228
197
  --f-text-color-heading-6:inherit;
229
- --f-text-color-menu:#1b1e23;
230
- --f-text-color-menu-hover:#1b1e23;
231
- --f-text-color-menu-horizontal-highlight:#1b1e23;
232
- --f-text-color-popupmenu:#1b1e23;
233
- --f-text-color-popupmenu-hover:#1b1e23;
234
198
  --f-icon-color-success:#35805b;
235
199
  --f-icon-color-success-background:#dbe9e2;
236
200
  --f-background-overlay:rgba(0,0,0,.75);
237
- --f-background-pageheader-primary:#116a3e;
238
- --f-background-skiplink-focus:#f5f6fa;
239
- --f-background-heading-static-panel:#afcfb5;
240
201
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
241
- --f-background-menu:#f4f4f4;
242
- --f-background-menu-vertical-hover:#ddddde;
243
- --f-background-menu-vertical-highlight:#e7f0e9;
244
- --f-background-popupmenu:#fff;
245
- --f-background-popupmenu-vertical-hover:#ddddde;
246
- --f-background-popupmenu-vertical-highlight:#e7f0e9;
247
- --f-border-color-panel:#e7f0e9;
248
- --f-border-color-static-panel:#afcfb5;
249
- --f-border-color-separator:#ddddde;
250
- --f-border-color-separator-pageheader-primary:#fff;
251
- --f-border-color-separator-contextmenu:#8d8e91;
252
- --f-border-color-link:#4a52b6;
253
- --f-border-color-link-hover:#8d8e91;
254
- --f-border-color-link-discrete:#8d8e91;
255
- --f-border-color-link-discrete-hover:#4a52b6;
256
- --f-border-color-menu-horizontal:#116a3e;
257
- --f-border-color-menu-horizontal-hover:#afcfb5;
258
- --f-border-color-menu-horizontal-highlight:#116a3e;
259
- --f-border-color-popupmenu:#ddddde;
260
202
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
261
203
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
262
204
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -299,7 +241,6 @@
299
241
  --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
300
242
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
301
243
  --f-density-factor:1;
302
- --f-static-panel-heading-border:none;
303
244
  --f-label-message-margin-top:0.25rem;
304
245
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
305
246
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -424,9 +365,14 @@
424
365
  --fkds-color-select-background-secondary-hover:#35805b;
425
366
  --fkds-color-select-background-secondary-active:#35805b;
426
367
  --fkds-color-select-background-secondary-focus:#35805b;
427
- --fkui-theme-default-version:"6.29.0";
368
+ --fkds-color-navigation-border-hover:#dbe9e2;
369
+ --fkds-color-navigation-border-selected:#35805b;
370
+ --fkds-color-navigation-background-hover:#88b49f;
371
+ --fkds-color-navigation-background-selected:#35805b;
372
+ --fkds-color-header-background-primary:#116a3e;
373
+ --fkui-theme-default-version:"6.31.0";
428
374
  }
429
375
  }
430
376
  :root{
431
- --fkui-theme-default-version:"6.29.0";
377
+ --fkui-theme-default-version:"6.31.0";
432
378
  }
package/dist/theme-auto.js CHANGED
@@ -1,4 +1,4 @@
1
1
  const value = {
2
- "--fkui-theme-default-version": "\"6.29.0\""
2
+ "--fkui-theme-default-version": "\"6.31.0\""
3
3
  };
4
4
  module.exports = value;
package/dist/theme-dark.css CHANGED
@@ -1,45 +1,14 @@
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;
9
5
  --f-text-color-heading-4:inherit;
10
6
  --f-text-color-heading-5:inherit;
11
7
  --f-text-color-heading-6:inherit;
12
- --f-text-color-menu:#1b1e23;
13
- --f-text-color-menu-hover:#1b1e23;
14
- --f-text-color-menu-horizontal-highlight:#1b1e23;
15
- --f-text-color-popupmenu:#1b1e23;
16
- --f-text-color-popupmenu-hover:#1b1e23;
17
8
  --f-icon-color-success:#35805b;
18
9
  --f-icon-color-success-background:#dbe9e2;
19
10
  --f-background-overlay:rgba(0,0,0,.75);
20
- --f-background-pageheader-primary:#116a3e;
21
- --f-background-skiplink-focus:#f5f6fa;
22
- --f-background-heading-static-panel:#afcfb5;
23
11
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
24
- --f-background-menu:#f4f4f4;
25
- --f-background-menu-vertical-hover:#ddddde;
26
- --f-background-menu-vertical-highlight:#e7f0e9;
27
- --f-background-popupmenu:#fff;
28
- --f-background-popupmenu-vertical-hover:#ddddde;
29
- --f-background-popupmenu-vertical-highlight:#e7f0e9;
30
- --f-border-color-panel:#e7f0e9;
31
- --f-border-color-static-panel:#afcfb5;
32
- --f-border-color-separator:#ddddde;
33
- --f-border-color-separator-pageheader-primary:#fff;
34
- --f-border-color-separator-contextmenu:#8d8e91;
35
- --f-border-color-link:#4a52b6;
36
- --f-border-color-link-hover:#8d8e91;
37
- --f-border-color-link-discrete:#8d8e91;
38
- --f-border-color-link-discrete-hover:#4a52b6;
39
- --f-border-color-menu-horizontal:#116a3e;
40
- --f-border-color-menu-horizontal-hover:#afcfb5;
41
- --f-border-color-menu-horizontal-highlight:#116a3e;
42
- --f-border-color-popupmenu:#ddddde;
43
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
44
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
45
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -82,7 +51,6 @@
82
51
  --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
83
52
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
84
53
  --f-density-factor:1;
85
- --f-static-panel-heading-border:none;
86
54
  --f-label-message-margin-top:0.25rem;
87
55
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
88
56
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -207,5 +175,10 @@
207
175
  --fkds-color-select-background-secondary-hover:#35805b;
208
176
  --fkds-color-select-background-secondary-active:#35805b;
209
177
  --fkds-color-select-background-secondary-focus:#35805b;
210
- --fkui-theme-default-version:"6.29.0";
178
+ --fkds-color-navigation-border-hover:#dbe9e2;
179
+ --fkds-color-navigation-border-selected:#35805b;
180
+ --fkds-color-navigation-background-hover:#88b49f;
181
+ --fkds-color-navigation-background-selected:#35805b;
182
+ --fkds-color-header-background-primary:#116a3e;
183
+ --fkui-theme-default-version:"6.31.0";
211
184
  }
package/dist/theme-dark.js CHANGED
@@ -1,45 +1,14 @@
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",
9
5
  "--f-text-color-heading-4": "inherit",
10
6
  "--f-text-color-heading-5": "inherit",
11
7
  "--f-text-color-heading-6": "inherit",
12
- "--f-text-color-menu": "#1b1e23",
13
- "--f-text-color-menu-hover": "#1b1e23",
14
- "--f-text-color-menu-horizontal-highlight": "#1b1e23",
15
- "--f-text-color-popupmenu": "#1b1e23",
16
- "--f-text-color-popupmenu-hover": "#1b1e23",
17
8
  "--f-icon-color-success": "#35805b",
18
9
  "--f-icon-color-success-background": "#dbe9e2",
19
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
20
- "--f-background-pageheader-primary": "#116a3e",
21
- "--f-background-skiplink-focus": "#f5f6fa",
22
- "--f-background-heading-static-panel": "#afcfb5",
23
11
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
24
- "--f-background-menu": "#f4f4f4",
25
- "--f-background-menu-vertical-hover": "#ddddde",
26
- "--f-background-menu-vertical-highlight": "#e7f0e9",
27
- "--f-background-popupmenu": "#fff",
28
- "--f-background-popupmenu-vertical-hover": "#ddddde",
29
- "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
30
- "--f-border-color-panel": "#e7f0e9",
31
- "--f-border-color-static-panel": "#afcfb5",
32
- "--f-border-color-separator": "#ddddde",
33
- "--f-border-color-separator-pageheader-primary": "#fff",
34
- "--f-border-color-separator-contextmenu": "#8d8e91",
35
- "--f-border-color-link": "#4a52b6",
36
- "--f-border-color-link-hover": "#8d8e91",
37
- "--f-border-color-link-discrete": "#8d8e91",
38
- "--f-border-color-link-discrete-hover": "#4a52b6",
39
- "--f-border-color-menu-horizontal": "#116a3e",
40
- "--f-border-color-menu-horizontal-hover": "#afcfb5",
41
- "--f-border-color-menu-horizontal-highlight": "#116a3e",
42
- "--f-border-color-popupmenu": "#ddddde",
43
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
44
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
45
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -82,7 +51,6 @@ const value = {
82
51
  "--f-animation-expand-open": "all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
83
52
  "--f-animation-expand-close": "all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
84
53
  "--f-density-factor": "1",
85
- "--f-static-panel-heading-border": "none",
86
54
  "--f-label-message-margin-top": "0.25rem",
87
55
  "--f-button-shadow": "0 1px 3px rgba(0,0,0,.3)",
88
56
  "--f-button-shadow-hover": "0 1px 3px rgba(0,0,0,.3)",
@@ -207,6 +175,11 @@ const value = {
207
175
  "--fkds-color-select-background-secondary-hover": "#35805b",
208
176
  "--fkds-color-select-background-secondary-active": "#35805b",
209
177
  "--fkds-color-select-background-secondary-focus": "#35805b",
210
- "--fkui-theme-default-version": "\"6.29.0\""
178
+ "--fkds-color-navigation-border-hover": "#dbe9e2",
179
+ "--fkds-color-navigation-border-selected": "#35805b",
180
+ "--fkds-color-navigation-background-hover": "#88b49f",
181
+ "--fkds-color-navigation-background-selected": "#35805b",
182
+ "--fkds-color-header-background-primary": "#116a3e",
183
+ "--fkui-theme-default-version": "\"6.31.0\""
211
184
  };
212
185
  module.exports = value;
package/dist/theme-light.css CHANGED
@@ -1,45 +1,14 @@
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;
9
5
  --f-text-color-heading-4:inherit;
10
6
  --f-text-color-heading-5:inherit;
11
7
  --f-text-color-heading-6:inherit;
12
- --f-text-color-menu:#1b1e23;
13
- --f-text-color-menu-hover:#1b1e23;
14
- --f-text-color-menu-horizontal-highlight:#1b1e23;
15
- --f-text-color-popupmenu:#1b1e23;
16
- --f-text-color-popupmenu-hover:#1b1e23;
17
8
  --f-icon-color-success:#35805b;
18
9
  --f-icon-color-success-background:#dbe9e2;
19
10
  --f-background-overlay:rgba(0,0,0,.75);
20
- --f-background-pageheader-primary:#116a3e;
21
- --f-background-skiplink-focus:#f5f6fa;
22
- --f-background-heading-static-panel:#afcfb5;
23
11
  --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
24
- --f-background-menu:#f4f4f4;
25
- --f-background-menu-vertical-hover:#ddddde;
26
- --f-background-menu-vertical-highlight:#e7f0e9;
27
- --f-background-popupmenu:#fff;
28
- --f-background-popupmenu-vertical-hover:#ddddde;
29
- --f-background-popupmenu-vertical-highlight:#e7f0e9;
30
- --f-border-color-panel:#e7f0e9;
31
- --f-border-color-static-panel:#afcfb5;
32
- --f-border-color-separator:#ddddde;
33
- --f-border-color-separator-pageheader-primary:#fff;
34
- --f-border-color-separator-contextmenu:#8d8e91;
35
- --f-border-color-link:#4a52b6;
36
- --f-border-color-link-hover:#8d8e91;
37
- --f-border-color-link-discrete:#8d8e91;
38
- --f-border-color-link-discrete-hover:#4a52b6;
39
- --f-border-color-menu-horizontal:#116a3e;
40
- --f-border-color-menu-horizontal-hover:#afcfb5;
41
- --f-border-color-menu-horizontal-highlight:#116a3e;
42
- --f-border-color-popupmenu:#ddddde;
43
12
  --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
44
13
  --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
45
14
  --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
@@ -82,7 +51,6 @@
82
51
  --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
83
52
  --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
84
53
  --f-density-factor:1;
85
- --f-static-panel-heading-border:none;
86
54
  --f-label-message-margin-top:0.25rem;
87
55
  --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
88
56
  --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
@@ -207,5 +175,10 @@
207
175
  --fkds-color-select-background-secondary-hover:#dbe9e2;
208
176
  --fkds-color-select-background-secondary-active:#dbe9e2;
209
177
  --fkds-color-select-background-secondary-focus:#dbe9e2;
210
- --fkui-theme-default-version:"6.29.0";
178
+ --fkds-color-navigation-border-hover:#88b49f;
179
+ --fkds-color-navigation-border-selected:#35805b;
180
+ --fkds-color-navigation-background-hover:#dbe9e2;
181
+ --fkds-color-navigation-background-selected:#35805b;
182
+ --fkds-color-header-background-primary:#116a3e;
183
+ --fkui-theme-default-version:"6.31.0";
211
184
  }
package/dist/theme-light.js CHANGED
@@ -1,45 +1,14 @@
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",
9
5
  "--f-text-color-heading-4": "inherit",
10
6
  "--f-text-color-heading-5": "inherit",
11
7
  "--f-text-color-heading-6": "inherit",
12
- "--f-text-color-menu": "#1b1e23",
13
- "--f-text-color-menu-hover": "#1b1e23",
14
- "--f-text-color-menu-horizontal-highlight": "#1b1e23",
15
- "--f-text-color-popupmenu": "#1b1e23",
16
- "--f-text-color-popupmenu-hover": "#1b1e23",
17
8
  "--f-icon-color-success": "#35805b",
18
9
  "--f-icon-color-success-background": "#dbe9e2",
19
10
  "--f-background-overlay": "rgba(0,0,0,.75)",
20
- "--f-background-pageheader-primary": "#116a3e",
21
- "--f-background-skiplink-focus": "#f5f6fa",
22
- "--f-background-heading-static-panel": "#afcfb5",
23
11
  "--f-background-sidepanel-button-tertiary-hover": "#e5e5f5",
24
- "--f-background-menu": "#f4f4f4",
25
- "--f-background-menu-vertical-hover": "#ddddde",
26
- "--f-background-menu-vertical-highlight": "#e7f0e9",
27
- "--f-background-popupmenu": "#fff",
28
- "--f-background-popupmenu-vertical-hover": "#ddddde",
29
- "--f-background-popupmenu-vertical-highlight": "#e7f0e9",
30
- "--f-border-color-panel": "#e7f0e9",
31
- "--f-border-color-static-panel": "#afcfb5",
32
- "--f-border-color-separator": "#ddddde",
33
- "--f-border-color-separator-pageheader-primary": "#fff",
34
- "--f-border-color-separator-contextmenu": "#8d8e91",
35
- "--f-border-color-link": "#4a52b6",
36
- "--f-border-color-link-hover": "#8d8e91",
37
- "--f-border-color-link-discrete": "#8d8e91",
38
- "--f-border-color-link-discrete-hover": "#4a52b6",
39
- "--f-border-color-menu-horizontal": "#116a3e",
40
- "--f-border-color-menu-horizontal-hover": "#afcfb5",
41
- "--f-border-color-menu-horizontal-highlight": "#116a3e",
42
- "--f-border-color-popupmenu": "#ddddde",
43
12
  "--f-box-modal-shadow": "0 0 20px rgba(0,0,0,.3)",
44
13
  "--f-input-shadow-inset": "inset 0 2px 3px rgba(0,0,0,.1)",
45
14
  "--f-font-family": "\"ExpFont\", \"NeueHass\", \"Helvetica Neue\", \"Helvetica\", \"Roboto\", \"Arial\", sans-serif",
@@ -82,7 +51,6 @@ const value = {
82
51
  "--f-animation-expand-open": "all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
83
52
  "--f-animation-expand-close": "all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s",
84
53
  "--f-density-factor": "1",
85
- "--f-static-panel-heading-border": "none",
86
54
  "--f-label-message-margin-top": "0.25rem",
87
55
  "--f-button-shadow": "0 1px 3px rgba(0,0,0,.3)",
88
56
  "--f-button-shadow-hover": "0 1px 3px rgba(0,0,0,.3)",
@@ -207,6 +175,11 @@ const value = {
207
175
  "--fkds-color-select-background-secondary-hover": "#dbe9e2",
208
176
  "--fkds-color-select-background-secondary-active": "#dbe9e2",
209
177
  "--fkds-color-select-background-secondary-focus": "#dbe9e2",
210
- "--fkui-theme-default-version": "\"6.29.0\""
178
+ "--fkds-color-navigation-border-hover": "#88b49f",
179
+ "--fkds-color-navigation-border-selected": "#35805b",
180
+ "--fkds-color-navigation-background-hover": "#dbe9e2",
181
+ "--fkds-color-navigation-background-selected": "#35805b",
182
+ "--fkds-color-header-background-primary": "#116a3e",
183
+ "--fkui-theme-default-version": "\"6.31.0\""
211
184
  };
212
185
  module.exports = value;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fkui/theme-default",
3
- "version": "6.29.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.29.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": "7152e2e334db2e8ef15828227b7a244bb5e52bc7"
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.29.0";
2
+ $version: "6.31.0";
package/src/dark/_variables.scss CHANGED
@@ -82,4 +82,15 @@
82
82
  --fkds-color-select-background-secondary-hover: #{$palette-color-green-a-85};
83
83
  --fkds-color-select-background-secondary-active: #{$palette-color-green-a-85};
84
84
  --fkds-color-select-background-secondary-focus: #{$palette-color-green-a-85};
85
+
86
+ // NAVIGATION - BORDER
87
+ --fkds-color-navigation-border-hover: #{$palette-color-green-a-15};
88
+ --fkds-color-navigation-border-selected: #{$palette-color-green-a-85};
89
+
90
+ // NAVIGATION - BACKGROUND
91
+ --fkds-color-navigation-background-hover: #{$palette-color-green-a-50};
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};
85
96
  }
package/src/deprecated-variables.json CHANGED
@@ -261,5 +261,38 @@
261
261
  "--f-background-grid-active",
262
262
  "--f-background-tab-active",
263
263
  "--f-background-tab-inactive",
264
- "--f-background-button-discrete-hover"
264
+ "--f-background-button-discrete-hover",
265
+ "--f-background-menu",
266
+ "--f-background-menu-vertical-hover",
267
+ "--f-background-menu-vertical-highlight",
268
+ "--f-text-color-menu",
269
+ "--f-text-color-menu-hover",
270
+ "--f-text-color-menu-horizontal-highlight",
271
+ "--f-border-color-menu-horizontal",
272
+ "--f-border-color-menu-horizontal-hover",
273
+ "--f-border-color-menu-horizontal-highlight",
274
+ "--f-background-popupmenu",
275
+ "--f-background-popupmenu-vertical-hover",
276
+ "--f-background-popupmenu-vertical-highlight",
277
+ "--f-border-color-popupmenu",
278
+ "--f-text-color-popupmenu",
279
+ "--f-text-color-popupmenu-hover",
280
+ "--f-border-color-separator-contextmenu",
281
+ "--f-background-heading-static-panel",
282
+ "--f-border-color-panel",
283
+ "--f-border-color-static-panel",
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"
265
298
  ]
package/src/fkui-css-variables-deprecated.scss CHANGED
@@ -392,6 +392,42 @@ $palette-color-hav-20: #dbe0ec !default;
392
392
  --f-expandable-panel-heading-border-open: none;
393
393
  --f-expandable-panel-heading-border-close: none;
394
394
  --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
395
+
396
+ // Deprecated since v6.30.0
397
+ --f-background-menu: #{$palette-color-fk-black-5};
398
+ --f-background-menu-vertical-hover: #{$palette-color-fk-black-15};
399
+ --f-background-menu-vertical-highlight: #{$palette-color-green-b-15};
400
+ --f-text-color-menu: #{$palette-color-fk-black-100};
401
+ --f-text-color-menu-hover: #{$palette-color-fk-black-100};
402
+ --f-text-color-menu-horizontal-highlight: #{$palette-color-fk-black-100};
403
+ --f-border-color-menu-horizontal: #{$palette-color-green-a-100};
404
+ --f-border-color-menu-horizontal-hover: #{$palette-color-green-b-50};
405
+ --f-border-color-menu-horizontal-highlight: #{$palette-color-green-a-100};
406
+ --f-background-popupmenu: #{$palette-color-white-100};
407
+ --f-background-popupmenu-vertical-hover: #{$palette-color-fk-black-15};
408
+ --f-background-popupmenu-vertical-highlight: #{$palette-color-green-b-15};
409
+ --f-border-color-popupmenu: #{$palette-color-fk-black-15};
410
+ --f-text-color-popupmenu: #{$palette-color-fk-black-100};
411
+ --f-text-color-popupmenu-hover: #{$palette-color-fk-black-100};
412
+ --f-border-color-separator-contextmenu: #{$palette-color-fk-black-50};
413
+ --f-background-heading-static-panel: #{$palette-color-green-b-50};
414
+ --f-border-color-panel: #{$palette-color-green-b-15};
415
+ --f-border-color-static-panel: #{$palette-color-green-b-50};
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};
395
431
  }
396
432
 
397
433
  @if $global {
package/src/light/_variables.scss CHANGED
@@ -82,4 +82,15 @@
82
82
  --fkds-color-select-background-secondary-hover: #{$palette-color-green-a-15};
83
83
  --fkds-color-select-background-secondary-active: #{$palette-color-green-a-15};
84
84
  --fkds-color-select-background-secondary-focus: #{$palette-color-green-a-15};
85
+
86
+ // NAVIGATION - BORDER
87
+ --fkds-color-navigation-border-hover: #{$palette-color-green-a-50};
88
+ --fkds-color-navigation-border-selected: #{$palette-color-green-a-85};
89
+
90
+ // NAVIGATION - BACKGROUND
91
+ --fkds-color-navigation-background-hover: #{$palette-color-green-a-15};
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};
85
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;
@@ -19,60 +14,18 @@
19
14
  --f-text-color-heading-5: inherit;
20
15
  --f-text-color-heading-6: inherit;
21
16
 
22
- --f-text-color-menu: #{$palette-color-fk-black-100};
23
- --f-text-color-menu-hover: #{$palette-color-fk-black-100};
24
- --f-text-color-menu-horizontal-highlight: #{$palette-color-fk-black-100};
25
-
26
- --f-text-color-popupmenu: #{$palette-color-fk-black-100};
27
- --f-text-color-popupmenu-hover: #{$palette-color-fk-black-100};
28
-
29
17
  // ***********
30
18
  // ICON COLORS
31
19
  // ***********
32
20
  --f-icon-color-success: #{$palette-color-green-a-85}; // message-box, text-field, form-step
33
-
34
21
  --f-icon-color-success-background: #{$palette-color-green-a-15};
35
22
 
36
23
  // *****************
37
24
  // BACKGROUND COLORS
38
25
  // *****************
39
26
  --f-background-overlay: rgba(0, 0, 0, 0.75); // modal, loader
40
-
41
- --f-background-pageheader-primary: #{$palette-color-green-a-100}; // page-header
42
- --f-background-skiplink-focus: #{$palette-color-bluebell-5};
43
- --f-background-heading-static-panel: #{$palette-color-green-b-50};
44
-
45
27
  --f-background-sidepanel-button-tertiary-hover: #{$palette-color-bluebell-15}; // FLeftPanel and FRightPanel
46
28
 
47
- --f-background-menu: #{$palette-color-fk-black-5};
48
- --f-background-menu-vertical-hover: #{$palette-color-fk-black-15};
49
- --f-background-menu-vertical-highlight: #{$palette-color-green-b-15};
50
-
51
- --f-background-popupmenu: #{$palette-color-white-100};
52
- --f-background-popupmenu-vertical-hover: #{$palette-color-fk-black-15};
53
- --f-background-popupmenu-vertical-highlight: #{$palette-color-green-b-15};
54
-
55
- // *************
56
- // BORDER COLORS
57
- // *************
58
-
59
- --f-border-color-panel: #{$palette-color-green-b-15}; // expandable-panel, static-panel palettfärg!?
60
- --f-border-color-static-panel: #{$palette-color-green-b-50};
61
-
62
- --f-border-color-separator: #{$palette-color-fk-black-15}; // radio-button-group, file-item, expandable-paragraph
63
- --f-border-color-separator-pageheader-primary: #{$palette-color-white-100}; // page-header
64
- --f-border-color-separator-contextmenu: #{$palette-color-fk-black-50};
65
- --f-border-color-link: #{$palette-color-bluebell-100};
66
- --f-border-color-link-hover: #{$palette-color-fk-black-50};
67
- --f-border-color-link-discrete: #{$palette-color-fk-black-50};
68
- --f-border-color-link-discrete-hover: #{$palette-color-bluebell-100};
69
-
70
- --f-border-color-menu-horizontal: #{$palette-color-green-a-100};
71
- --f-border-color-menu-horizontal-hover: #{$palette-color-green-b-50};
72
- --f-border-color-menu-horizontal-highlight: #{$palette-color-green-a-100};
73
-
74
- --f-border-color-popupmenu: #{$palette-color-fk-black-15};
75
-
76
29
  // *******************
77
30
  // COLOR VARIABLES END
78
31
  // *******************
@@ -159,7 +112,7 @@
159
112
  // ****************************
160
113
  // COMPONENT SPECIFIC VARIABLES
161
114
  // ****************************
162
- --f-static-panel-heading-border: none;
115
+
163
116
  --f-label-message-margin-top: 0.25rem;
164
117
 
165
118
  $_f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);