@fkui/theme-default 6.24.0 → 6.25.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 (24) hide show
  1. package/dist/deprecated-variables.json +26 -1
  2. package/dist/fkui-css-variables-deprecated.css +254 -229
  3. package/dist/fkui-css-variables-deprecated.d.ts +2 -0
  4. package/dist/fkui-css-variables-deprecated.js +255 -1
  5. package/dist/fkui-css-variables.css +223 -248
  6. package/dist/fkui-css-variables.d.ts +2 -0
  7. package/dist/fkui-css-variables.js +224 -1
  8. package/dist/metadata.mjs +70 -226
  9. package/dist/theme-auto.css +451 -501
  10. package/dist/theme-auto.d.ts +2 -0
  11. package/dist/theme-auto.js +4 -1
  12. package/dist/theme-dark.css +223 -248
  13. package/dist/theme-dark.d.ts +2 -0
  14. package/dist/theme-dark.js +224 -1
  15. package/dist/theme-light.css +223 -248
  16. package/dist/theme-light.d.ts +2 -0
  17. package/dist/theme-light.js +224 -1
  18. package/package.json +5 -18
  19. package/src/_version.scss +2 -2
  20. package/src/deprecated-variables.json +26 -1
  21. package/src/fkui-css-variables-deprecated.scss +27 -0
  22. package/src/shared/_index.scss +2 -28
  23. package/dist/palette-variables.css +0 -1
  24. package/dist/palette-variables.js +0 -1
package/dist/theme-auto.css CHANGED
@@ -1,506 +1,456 @@
1
- :root {
2
- color-scheme: light dark;
1
+ :root{
2
+ color-scheme:light dark;
3
3
  }
4
- @media (prefers-color-scheme: light) {
5
- :root {
6
- --f-text-color-default: #1b1e23;
7
- --f-text-color-default-inverted: #ffffff;
8
- --f-text-color-discrete: #5f6165;
9
- --f-text-color-link: #4a52b6;
10
- --f-text-color-link-hover: #1b1e23;
11
- --f-text-color-link-discrete: #1b1e23;
12
- --f-text-color-link-discrete-hover: #4a52b6;
13
- --f-text-color-heading-1: inherit;
14
- --f-text-color-heading-2: inherit;
15
- --f-text-color-heading-3: inherit;
16
- --f-text-color-heading-4: inherit;
17
- --f-text-color-heading-5: inherit;
18
- --f-text-color-heading-6: inherit;
19
- --f-text-color-heading-expandable-panel: #ffffff;
20
- --f-text-color-button-discrete-hover: #3b4292;
21
- --f-text-color-button-discrete-inverted-hover: #ffffff;
22
- --f-text-color-menu: #1b1e23;
23
- --f-text-color-menu-hover: #1b1e23;
24
- --f-text-color-menu-horizontal-highlight: #1b1e23;
25
- --f-text-color-popupmenu: #1b1e23;
26
- --f-text-color-popupmenu-hover: #1b1e23;
27
- --f-icon-color-white: #ffffff;
28
- --f-icon-color-primary: #4a52b6;
29
- --f-icon-color-success: #35805b;
30
- --f-icon-color-notice: #d34503;
31
- --f-icon-color-loader: #35805b;
32
- --f-icon-color-expandable-panel: #ffffff;
33
- --f-icon-color-table-header: #1b1e23;
34
- --f-icon-color-table-header-discrete: #8d8e91;
35
- --f-icon-color-sort-filter-dataset-close: #1b1e23;
36
- --f-icon-color-sort-filter-dataset-search: #8d8e91;
37
- --f-icon-color-success-background: #dbe9e2;
38
- --f-background-overlay: rgba(0, 0, 0, 0.75);
39
- --f-background-pageheader-primary: #116a3e;
40
- --f-background-skiplink-focus: #f5f6fa;
41
- --f-background-heading-expandable-panel: #116a3e;
42
- --f-background-heading-expandable-panel-hover: #35805b;
43
- --f-background-expandable-panel: #ffffff;
44
- --f-background-heading-static-panel: #afcfb5;
45
- --f-background-code: #f4f4f4;
46
- --f-background-button-discrete-hover: none;
47
- --f-background-sidepanel-button-tertiary-hover: #e5e5f5;
48
- --f-background-grid-default: #ffffff;
49
- --f-background-grid-active: #e5e5f5;
50
- --f-background-grid-hover: #f5f6fa;
51
- --f-background-grid-striped: #f4f4f4;
52
- --f-background-grid-header: #f4f4f4;
53
- --f-background-grid-focus-inner: #f5f6fa;
54
- --f-background-tab-active: #ffffff;
55
- --f-background-tab-inactive: #f5f6fa;
56
- --f-background-menu: #f4f4f4;
57
- --f-background-menu-vertical-hover: #ddddde;
58
- --f-background-menu-vertical-highlight: #e7f0e9;
59
- --f-background-popupmenu: #ffffff;
60
- --f-background-popupmenu-vertical-hover: #ddddde;
61
- --f-background-popupmenu-vertical-highlight: #e7f0e9;
62
- --f-border-color-panel: #e7f0e9;
63
- --f-border-color-expandable-panel: #116a3e;
64
- --f-border-color-static-panel: #afcfb5;
65
- --f-border-color-separator: #ddddde;
66
- --f-border-color-separator-pageheader-primary: #ffffff;
67
- --f-border-color-separator-contextmenu: #8d8e91;
68
- --f-border-color-link: #4a52b6;
69
- --f-border-color-link-hover: #8d8e91;
70
- --f-border-color-link-discrete: #8d8e91;
71
- --f-border-color-link-discrete-hover: #4a52b6;
72
- --f-border-color-grid: #8d8e91;
73
- --f-border-color-grid-header: #8d8e91;
74
- --f-border-color-grid-hover: #8d8e91;
75
- --f-border-color-grid-expanded: #ddddde;
76
- --f-border-color-expandable-panel-closed: none;
77
- --f-border-color-menu-horizontal: #116a3e;
78
- --f-border-color-menu-horizontal-hover: #afcfb5;
79
- --f-border-color-menu-horizontal-highlight: #116a3e;
80
- --f-border-color-popupmenu: #ddddde;
81
- --f-box-modal-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
82
- --f-input-shadow-inset: inset 0 2px 3px rgba(0, 0, 0, 0.1);
83
- --f-font-family: "ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
84
- --f-font-family-code: "Consolas", "Liberation Mono", "Courier", monospace;
85
- --f-font-size-default-rem: 16px;
86
- --f-font-size-default-large-up-rem: 16px;
87
- --f-font-weight-normal: 400;
88
- --f-font-weight-medium: 700;
89
- --f-font-weight-bold: 900;
90
- --f-line-height-small: 1.25;
91
- --f-line-height-medium: 1.4;
92
- --f-line-height-large: 1.5;
93
- --f-font-size-h1: 2.5rem;
94
- --f-font-size-h2: 1.75rem;
95
- --f-font-size-xxx-large: 1.5rem;
96
- --f-font-size-h3: 1.375rem;
97
- --f-font-size-h4: 1.25rem;
98
- --f-font-size-large: 1.125rem;
99
- --f-font-size-standard: 1rem;
100
- --f-icon-size-x-small: 0.75rem;
101
- --f-icon-size-small: 1rem;
102
- --f-icon-size-medium: 1.25rem;
103
- --f-icon-size-large: 1.5rem;
104
- --f-icon-size-x-large: 2rem;
105
- --f-height-small: 0.75rem;
106
- --f-height-medium: 1.25rem;
107
- --f-height-large: 2.5rem;
108
- --f-width-full: 100%;
109
- --f-border-width-small: 1px;
110
- --f-border-width-medium: 2px;
111
- --f-border-radius-small: 2px;
112
- --f-border-radius-medium: 4px;
113
- --f-margin-component-bottom: 1.5rem;
114
- --padding-input-fields: 0 2.25rem 0 0.75rem;
115
- --f-color-focus: #1b1e23;
116
- --f-focus-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
117
- --f-animation-duration-short: 150ms;
118
- --f-animation-duration-medium: 350ms;
119
- --f-animation-duration-long: 500ms;
120
- --f-animation-expand-open: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
121
- --f-animation-expand-close: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
122
- --f-density-factor: 1;
123
- --f-static-panel-heading-border: none;
124
- --f-expandable-panel-heading-border-close: none;
125
- --f-expandable-panel-heading-border-open: none;
126
- --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
127
- --f-label-message-margin-top: 0.25rem;
128
- --f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
129
- --f-button-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.3);
130
- --f-button-min-width: 9.5rem;
131
- --f-button-letter-spacing: 0.01rem;
132
- --f-button-default-line-height: 1.5rem;
133
- --f-button-discrete-radius-hover: none;
134
- --f-button-tertiary-table-column-action-icon-margin: 0 8px 0 2px;
135
- --f-button-tertiary-table-column-action-margin: 0 0 0 0.5rem;
136
- --f-button-default-padding-top: 1rem;
137
- --f-button-default-padding-right: 1.5rem;
138
- --f-button-default-padding-bottom: 1rem;
139
- --f-button-default-padding-left: 1.5rem;
140
- --f-button-primary-padding-top: 1rem;
141
- --f-button-primary-padding-right: 1.5rem;
142
- --f-button-primary-padding-bottom: 1rem;
143
- --f-button-primary-padding-left: 1.5rem;
144
- --f-button-secondary-padding-top: 1rem;
145
- --f-button-secondary-padding-right: 1.5rem;
146
- --f-button-secondary-padding-bottom: 1rem;
147
- --f-button-secondary-padding-left: 1.5rem;
148
- --f-button-standard-padding-top: 1rem;
149
- --f-button-standard-padding-right: 1.5rem;
150
- --f-button-standard-padding-bottom: 1rem;
151
- --f-button-standard-padding-left: 1.5rem;
152
- --f-button-tertiary-padding-top: 0.75rem;
153
- --f-button-tertiary-padding-right: 0.5rem;
154
- --f-button-tertiary-padding-bottom: 0.75rem;
155
- --f-button-tertiary-padding-left: 0.5rem;
156
- --f-button-discrete-padding-top: initial;
157
- --f-button-discrete-padding-right: initial;
158
- --f-button-discrete-padding-bottom: initial;
159
- --f-button-discrete-padding-left: initial;
160
- --f-button-discrete-black-padding-top: initial;
161
- --f-button-discrete-black-padding-right: initial;
162
- --f-button-discrete-black-padding-bottom: initial;
163
- --f-button-discrete-black-padding-left: initial;
164
- --f-modal-close-button-margin: 1rem 1rem 0;
165
- --f-modal-close-button-padding: none;
166
- --f-modal-size-small: 500px;
167
- --f-modal-size-medium: 700px;
168
- --f-modal-size-large: 1200px;
169
- --f-modal-size-fullwidth: 100%;
170
- --f-modal-title-font-size: 1.25rem;
171
- --f-tooltip-close-button-margin: 0.375rem 0.375rem 0.625rem 0.625rem;
172
- --f-tooltip-border-color: #8d8e91;
173
- --f-tooltip-border-width: var(--f-border-width-medium);
174
- --f-loader-size: 4rem;
175
- --f-loader-margin: 0 auto 3rem auto;
176
- --f-table-body-row-padding: 0.5rem;
177
- --f-list-item-itempane-padding: 1.25rem;
178
- --i-popup-error-offset: 24px;
179
- --f-tooltip-offset: 0px;
180
- --f-tooltip-icon-size: 0px;
181
- --f-logo-image-small: none;
182
- --f-logo-image-large: none;
183
- --f-logo-size-small: 0.8rem;
184
- --f-logo-size-large: 0.8rem 6.195rem;
185
- --f-calendar-height: 21rem;
186
- --size: 0;
187
- --min: 0;
188
- --max: 0;
189
- --fkds-color-text-primary: #1b1e23;
190
- --fkds-color-text-secondary: #5f6165;
191
- --fkds-color-text-inverted: #ffffff;
192
- --fkds-color-text-disabled: #8d8e91;
193
- --fkds-color-background-primary: #ffffff;
194
- --fkds-color-background-secondary: #f4f4f4;
195
- --fkds-color-background-tertiary: #ddddde;
196
- --fkds-color-background-disabled: #f4f4f4;
197
- --fkds-color-border-primary: #8d8e91;
198
- --fkds-color-border-strong: #5f6165;
199
- --fkds-color-border-weak: #ddddde;
200
- --fkds-color-border-disabled: #8d8e91;
201
- --fkds-color-border-inverted: #ffffff;
202
- --fkds-color-action-text-primary-default: #4a52b6;
203
- --fkds-color-action-text-primary-hover: #3b4292;
204
- --fkds-color-action-text-primary-active: #3b4292;
205
- --fkds-color-action-text-primary-focus: #3b4292;
206
- --fkds-color-action-text-secondary-default: #1b1e23;
207
- --fkds-color-action-text-secondary-hover: #3b4292;
208
- --fkds-color-action-text-secondary-active: #3b4292;
209
- --fkds-color-action-text-secondary-focus: #3b4292;
210
- --fkds-color-action-text-inverted-default: #ffffff;
211
- --fkds-color-action-text-inverted-hover: #ffffff;
212
- --fkds-color-action-text-inverted-active: #ffffff;
213
- --fkds-color-action-text-inverted-focus: #ffffff;
214
- --fkds-color-action-background-primary-default: #4a52b6;
215
- --fkds-color-action-background-primary-hover: #3b4292;
216
- --fkds-color-action-background-primary-active: #3b4292;
217
- --fkds-color-action-background-primary-focus: #3b4292;
218
- --fkds-color-action-background-secondary-default: #f5f6fa;
219
- --fkds-color-action-background-secondary-hover: #e5e5f5;
220
- --fkds-color-action-background-secondary-active: #e5e5f5;
221
- --fkds-color-action-background-secondary-focus: #e5e5f5;
222
- --fkds-color-action-border-primary-default: #4a52b6;
223
- --fkds-color-action-border-primary-hover: #3b4292;
224
- --fkds-color-action-border-primary-active: #3b4292;
225
- --fkds-color-action-border-primary-focus: #3b4292;
226
- --fkds-color-feedback-background-neutral: #f4f4f4;
227
- --fkds-color-feedback-background-neutral-strong: #ddddde;
228
- --fkds-color-feedback-background-info: #f5f6fa;
229
- --fkds-color-feedback-background-info-strong: #4a52b6;
230
- --fkds-color-feedback-background-positive: #f3f8f5;
231
- --fkds-color-feedback-background-positive-strong: #35805b;
232
- --fkds-color-feedback-background-warning: #fffcf3;
233
- --fkds-color-feedback-background-warning-strong: #ffbe10;
234
- --fkds-color-feedback-background-negative: #fcf3f3;
235
- --fkds-color-feedback-background-negative-strong: #ca1515;
236
- --fkds-color-feedback-border-neutral: #8d8e91;
237
- --fkds-color-feedback-border-info: #4a52b6;
238
- --fkds-color-feedback-border-positive: #35805b;
239
- --fkds-color-feedback-border-warning: #ffbe10;
240
- --fkds-color-feedback-border-negative: #ca1515;
241
- --fkds-color-feedback-text-negative: #ca1515;
242
- --fkds-color-feedback-text-positive: #35805b;
243
- --fkds-color-select-background-primary-default: #4a52b6;
244
- --fkds-color-select-background-primary-hover: #e5e5f5;
245
- --fkds-color-select-background-primary-active: #e5e5f5;
246
- --fkds-color-select-background-primary-focus: #e5e5f5;
247
- --fkds-color-select-background-secondary-default: #35805b;
248
- --fkds-color-select-background-secondary-hover: #dbe9e2;
249
- --fkds-color-select-background-secondary-active: #dbe9e2;
250
- --fkds-color-select-background-secondary-focus: #dbe9e2;
251
- --fkui-theme-default-version: "6.24.0";
4
+ @media (prefers-color-scheme:light){
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
+ --f-text-color-heading-1:inherit;
11
+ --f-text-color-heading-2:inherit;
12
+ --f-text-color-heading-3:inherit;
13
+ --f-text-color-heading-4:inherit;
14
+ --f-text-color-heading-5:inherit;
15
+ --f-text-color-heading-6:inherit;
16
+ --f-text-color-heading-expandable-panel:#fff;
17
+ --f-text-color-menu:#1b1e23;
18
+ --f-text-color-menu-hover:#1b1e23;
19
+ --f-text-color-menu-horizontal-highlight:#1b1e23;
20
+ --f-text-color-popupmenu:#1b1e23;
21
+ --f-text-color-popupmenu-hover:#1b1e23;
22
+ --f-icon-color-white:#fff;
23
+ --f-icon-color-success:#35805b;
24
+ --f-icon-color-notice:#d34503;
25
+ --f-icon-color-expandable-panel:#fff;
26
+ --f-icon-color-success-background:#dbe9e2;
27
+ --f-background-overlay:rgba(0,0,0,.75);
28
+ --f-background-pageheader-primary:#116a3e;
29
+ --f-background-skiplink-focus:#f5f6fa;
30
+ --f-background-heading-expandable-panel:#116a3e;
31
+ --f-background-heading-expandable-panel-hover:#35805b;
32
+ --f-background-expandable-panel:#fff;
33
+ --f-background-heading-static-panel:#afcfb5;
34
+ --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
35
+ --f-background-menu:#f4f4f4;
36
+ --f-background-menu-vertical-hover:#ddddde;
37
+ --f-background-menu-vertical-highlight:#e7f0e9;
38
+ --f-background-popupmenu:#fff;
39
+ --f-background-popupmenu-vertical-hover:#ddddde;
40
+ --f-background-popupmenu-vertical-highlight:#e7f0e9;
41
+ --f-border-color-panel:#e7f0e9;
42
+ --f-border-color-expandable-panel:#116a3e;
43
+ --f-border-color-static-panel:#afcfb5;
44
+ --f-border-color-separator:#ddddde;
45
+ --f-border-color-separator-pageheader-primary:#fff;
46
+ --f-border-color-separator-contextmenu:#8d8e91;
47
+ --f-border-color-link:#4a52b6;
48
+ --f-border-color-link-hover:#8d8e91;
49
+ --f-border-color-link-discrete:#8d8e91;
50
+ --f-border-color-link-discrete-hover:#4a52b6;
51
+ --f-border-color-expandable-panel-closed:none;
52
+ --f-border-color-menu-horizontal:#116a3e;
53
+ --f-border-color-menu-horizontal-hover:#afcfb5;
54
+ --f-border-color-menu-horizontal-highlight:#116a3e;
55
+ --f-border-color-popupmenu:#ddddde;
56
+ --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
57
+ --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
58
+ --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
59
+ --f-font-family-code:"Consolas", "Liberation Mono", "Courier", monospace;
60
+ --f-font-size-default-rem:16px;
61
+ --f-font-size-default-large-up-rem:16px;
62
+ --f-font-weight-normal:400;
63
+ --f-font-weight-medium:700;
64
+ --f-font-weight-bold:900;
65
+ --f-line-height-small:1.25;
66
+ --f-line-height-medium:1.4;
67
+ --f-line-height-large:1.5;
68
+ --f-font-size-h1:2.5rem;
69
+ --f-font-size-h2:1.75rem;
70
+ --f-font-size-xxx-large:1.5rem;
71
+ --f-font-size-h3:1.375rem;
72
+ --f-font-size-h4:1.25rem;
73
+ --f-font-size-large:1.125rem;
74
+ --f-font-size-standard:1rem;
75
+ --f-icon-size-x-small:0.75rem;
76
+ --f-icon-size-small:1rem;
77
+ --f-icon-size-medium:1.25rem;
78
+ --f-icon-size-large:1.5rem;
79
+ --f-icon-size-x-large:2rem;
80
+ --f-height-small:0.75rem;
81
+ --f-height-medium:1.25rem;
82
+ --f-height-large:2.5rem;
83
+ --f-width-full:100%;
84
+ --f-border-width-small:1px;
85
+ --f-border-width-medium:2px;
86
+ --f-border-radius-small:2px;
87
+ --f-border-radius-medium:4px;
88
+ --f-margin-component-bottom:1.5rem;
89
+ --padding-input-fields:0 2.25rem 0 0.75rem;
90
+ --f-color-focus:#1b1e23;
91
+ --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
92
+ --f-animation-duration-short:150ms;
93
+ --f-animation-duration-medium:350ms;
94
+ --f-animation-duration-long:500ms;
95
+ --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
96
+ --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
97
+ --f-density-factor:1;
98
+ --f-static-panel-heading-border:none;
99
+ --f-expandable-panel-heading-border-close:none;
100
+ --f-expandable-panel-heading-border-open:none;
101
+ --f-expandable-panel-heading-border-radius:4px 4px 0 0;
102
+ --f-label-message-margin-top:0.25rem;
103
+ --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
104
+ --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
105
+ --f-button-min-width:9.5rem;
106
+ --f-button-letter-spacing:0.01rem;
107
+ --f-button-default-line-height:1.5rem;
108
+ --f-button-discrete-radius-hover:none;
109
+ --f-button-tertiary-table-column-action-icon-margin:0 8px 0 2px;
110
+ --f-button-tertiary-table-column-action-margin:0 0 0 0.5rem;
111
+ --f-button-default-padding-top:1rem;
112
+ --f-button-default-padding-right:1.5rem;
113
+ --f-button-default-padding-bottom:1rem;
114
+ --f-button-default-padding-left:1.5rem;
115
+ --f-button-primary-padding-top:1rem;
116
+ --f-button-primary-padding-right:1.5rem;
117
+ --f-button-primary-padding-bottom:1rem;
118
+ --f-button-primary-padding-left:1.5rem;
119
+ --f-button-secondary-padding-top:1rem;
120
+ --f-button-secondary-padding-right:1.5rem;
121
+ --f-button-secondary-padding-bottom:1rem;
122
+ --f-button-secondary-padding-left:1.5rem;
123
+ --f-button-standard-padding-top:1rem;
124
+ --f-button-standard-padding-right:1.5rem;
125
+ --f-button-standard-padding-bottom:1rem;
126
+ --f-button-standard-padding-left:1.5rem;
127
+ --f-button-tertiary-padding-top:0.75rem;
128
+ --f-button-tertiary-padding-right:0.5rem;
129
+ --f-button-tertiary-padding-bottom:0.75rem;
130
+ --f-button-tertiary-padding-left:0.5rem;
131
+ --f-button-discrete-padding-top:initial;
132
+ --f-button-discrete-padding-right:initial;
133
+ --f-button-discrete-padding-bottom:initial;
134
+ --f-button-discrete-padding-left:initial;
135
+ --f-button-discrete-black-padding-top:initial;
136
+ --f-button-discrete-black-padding-right:initial;
137
+ --f-button-discrete-black-padding-bottom:initial;
138
+ --f-button-discrete-black-padding-left:initial;
139
+ --f-modal-close-button-margin:1rem 1rem 0;
140
+ --f-modal-close-button-padding:none;
141
+ --f-modal-size-small:500px;
142
+ --f-modal-size-medium:700px;
143
+ --f-modal-size-large:1200px;
144
+ --f-modal-size-fullwidth:100%;
145
+ --f-modal-title-font-size:1.25rem;
146
+ --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
147
+ --f-tooltip-border-color:#8d8e91;
148
+ --f-tooltip-border-width:var(--f-border-width-medium);
149
+ --f-loader-size:4rem;
150
+ --f-loader-margin:0 auto 3rem auto;
151
+ --f-table-body-row-padding:0.5rem;
152
+ --f-list-item-itempane-padding:1.25rem;
153
+ --i-popup-error-offset:24px;
154
+ --f-tooltip-offset:0px;
155
+ --f-tooltip-icon-size:0px;
156
+ --f-logo-image-small:none;
157
+ --f-logo-image-large:none;
158
+ --f-logo-size-small:0.8rem;
159
+ --f-logo-size-large:0.8rem 6.195rem;
160
+ --f-calendar-height:21rem;
161
+ --size:0;
162
+ --min:0;
163
+ --max:0;
164
+ --fkds-color-text-primary:#1b1e23;
165
+ --fkds-color-text-secondary:#5f6165;
166
+ --fkds-color-text-inverted:#fff;
167
+ --fkds-color-text-disabled:#8d8e91;
168
+ --fkds-color-background-primary:#fff;
169
+ --fkds-color-background-secondary:#f4f4f4;
170
+ --fkds-color-background-tertiary:#ddddde;
171
+ --fkds-color-background-disabled:#f4f4f4;
172
+ --fkds-color-border-primary:#8d8e91;
173
+ --fkds-color-border-strong:#5f6165;
174
+ --fkds-color-border-weak:#ddddde;
175
+ --fkds-color-border-disabled:#8d8e91;
176
+ --fkds-color-border-inverted:#fff;
177
+ --fkds-color-action-text-primary-default:#4a52b6;
178
+ --fkds-color-action-text-primary-hover:#3b4292;
179
+ --fkds-color-action-text-primary-active:#3b4292;
180
+ --fkds-color-action-text-primary-focus:#3b4292;
181
+ --fkds-color-action-text-secondary-default:#1b1e23;
182
+ --fkds-color-action-text-secondary-hover:#3b4292;
183
+ --fkds-color-action-text-secondary-active:#3b4292;
184
+ --fkds-color-action-text-secondary-focus:#3b4292;
185
+ --fkds-color-action-text-inverted-default:#fff;
186
+ --fkds-color-action-text-inverted-hover:#fff;
187
+ --fkds-color-action-text-inverted-active:#fff;
188
+ --fkds-color-action-text-inverted-focus:#fff;
189
+ --fkds-color-action-background-primary-default:#4a52b6;
190
+ --fkds-color-action-background-primary-hover:#3b4292;
191
+ --fkds-color-action-background-primary-active:#3b4292;
192
+ --fkds-color-action-background-primary-focus:#3b4292;
193
+ --fkds-color-action-background-secondary-default:#f5f6fa;
194
+ --fkds-color-action-background-secondary-hover:#e5e5f5;
195
+ --fkds-color-action-background-secondary-active:#e5e5f5;
196
+ --fkds-color-action-background-secondary-focus:#e5e5f5;
197
+ --fkds-color-action-border-primary-default:#4a52b6;
198
+ --fkds-color-action-border-primary-hover:#3b4292;
199
+ --fkds-color-action-border-primary-active:#3b4292;
200
+ --fkds-color-action-border-primary-focus:#3b4292;
201
+ --fkds-color-feedback-background-neutral:#f4f4f4;
202
+ --fkds-color-feedback-background-neutral-strong:#ddddde;
203
+ --fkds-color-feedback-background-info:#f5f6fa;
204
+ --fkds-color-feedback-background-info-strong:#4a52b6;
205
+ --fkds-color-feedback-background-positive:#f3f8f5;
206
+ --fkds-color-feedback-background-positive-strong:#35805b;
207
+ --fkds-color-feedback-background-warning:#fffcf3;
208
+ --fkds-color-feedback-background-warning-strong:#ffbe10;
209
+ --fkds-color-feedback-background-negative:#fcf3f3;
210
+ --fkds-color-feedback-background-negative-strong:#ca1515;
211
+ --fkds-color-feedback-border-neutral:#8d8e91;
212
+ --fkds-color-feedback-border-info:#4a52b6;
213
+ --fkds-color-feedback-border-positive:#35805b;
214
+ --fkds-color-feedback-border-warning:#ffbe10;
215
+ --fkds-color-feedback-border-negative:#ca1515;
216
+ --fkds-color-feedback-text-negative:#ca1515;
217
+ --fkds-color-feedback-text-positive:#35805b;
218
+ --fkds-color-select-background-primary-default:#4a52b6;
219
+ --fkds-color-select-background-primary-hover:#e5e5f5;
220
+ --fkds-color-select-background-primary-active:#e5e5f5;
221
+ --fkds-color-select-background-primary-focus:#e5e5f5;
222
+ --fkds-color-select-background-secondary-default:#35805b;
223
+ --fkds-color-select-background-secondary-hover:#dbe9e2;
224
+ --fkds-color-select-background-secondary-active:#dbe9e2;
225
+ --fkds-color-select-background-secondary-focus:#dbe9e2;
226
+ --fkui-theme-default-version:"6.25.0";
252
227
  }
253
228
  }
254
- @media (prefers-color-scheme: dark) {
255
- :root {
256
- --f-text-color-default: #1b1e23;
257
- --f-text-color-default-inverted: #ffffff;
258
- --f-text-color-discrete: #5f6165;
259
- --f-text-color-link: #4a52b6;
260
- --f-text-color-link-hover: #1b1e23;
261
- --f-text-color-link-discrete: #1b1e23;
262
- --f-text-color-link-discrete-hover: #4a52b6;
263
- --f-text-color-heading-1: inherit;
264
- --f-text-color-heading-2: inherit;
265
- --f-text-color-heading-3: inherit;
266
- --f-text-color-heading-4: inherit;
267
- --f-text-color-heading-5: inherit;
268
- --f-text-color-heading-6: inherit;
269
- --f-text-color-heading-expandable-panel: #ffffff;
270
- --f-text-color-button-discrete-hover: #3b4292;
271
- --f-text-color-button-discrete-inverted-hover: #ffffff;
272
- --f-text-color-menu: #1b1e23;
273
- --f-text-color-menu-hover: #1b1e23;
274
- --f-text-color-menu-horizontal-highlight: #1b1e23;
275
- --f-text-color-popupmenu: #1b1e23;
276
- --f-text-color-popupmenu-hover: #1b1e23;
277
- --f-icon-color-white: #ffffff;
278
- --f-icon-color-primary: #4a52b6;
279
- --f-icon-color-success: #35805b;
280
- --f-icon-color-notice: #d34503;
281
- --f-icon-color-loader: #35805b;
282
- --f-icon-color-expandable-panel: #ffffff;
283
- --f-icon-color-table-header: #1b1e23;
284
- --f-icon-color-table-header-discrete: #8d8e91;
285
- --f-icon-color-sort-filter-dataset-close: #1b1e23;
286
- --f-icon-color-sort-filter-dataset-search: #8d8e91;
287
- --f-icon-color-success-background: #dbe9e2;
288
- --f-background-overlay: rgba(0, 0, 0, 0.75);
289
- --f-background-pageheader-primary: #116a3e;
290
- --f-background-skiplink-focus: #f5f6fa;
291
- --f-background-heading-expandable-panel: #116a3e;
292
- --f-background-heading-expandable-panel-hover: #35805b;
293
- --f-background-expandable-panel: #ffffff;
294
- --f-background-heading-static-panel: #afcfb5;
295
- --f-background-code: #f4f4f4;
296
- --f-background-button-discrete-hover: none;
297
- --f-background-sidepanel-button-tertiary-hover: #e5e5f5;
298
- --f-background-grid-default: #ffffff;
299
- --f-background-grid-active: #e5e5f5;
300
- --f-background-grid-hover: #f5f6fa;
301
- --f-background-grid-striped: #f4f4f4;
302
- --f-background-grid-header: #f4f4f4;
303
- --f-background-grid-focus-inner: #f5f6fa;
304
- --f-background-tab-active: #ffffff;
305
- --f-background-tab-inactive: #f5f6fa;
306
- --f-background-menu: #f4f4f4;
307
- --f-background-menu-vertical-hover: #ddddde;
308
- --f-background-menu-vertical-highlight: #e7f0e9;
309
- --f-background-popupmenu: #ffffff;
310
- --f-background-popupmenu-vertical-hover: #ddddde;
311
- --f-background-popupmenu-vertical-highlight: #e7f0e9;
312
- --f-border-color-panel: #e7f0e9;
313
- --f-border-color-expandable-panel: #116a3e;
314
- --f-border-color-static-panel: #afcfb5;
315
- --f-border-color-separator: #ddddde;
316
- --f-border-color-separator-pageheader-primary: #ffffff;
317
- --f-border-color-separator-contextmenu: #8d8e91;
318
- --f-border-color-link: #4a52b6;
319
- --f-border-color-link-hover: #8d8e91;
320
- --f-border-color-link-discrete: #8d8e91;
321
- --f-border-color-link-discrete-hover: #4a52b6;
322
- --f-border-color-grid: #8d8e91;
323
- --f-border-color-grid-header: #8d8e91;
324
- --f-border-color-grid-hover: #8d8e91;
325
- --f-border-color-grid-expanded: #ddddde;
326
- --f-border-color-expandable-panel-closed: none;
327
- --f-border-color-menu-horizontal: #116a3e;
328
- --f-border-color-menu-horizontal-hover: #afcfb5;
329
- --f-border-color-menu-horizontal-highlight: #116a3e;
330
- --f-border-color-popupmenu: #ddddde;
331
- --f-box-modal-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
332
- --f-input-shadow-inset: inset 0 2px 3px rgba(0, 0, 0, 0.1);
333
- --f-font-family: "ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
334
- --f-font-family-code: "Consolas", "Liberation Mono", "Courier", monospace;
335
- --f-font-size-default-rem: 16px;
336
- --f-font-size-default-large-up-rem: 16px;
337
- --f-font-weight-normal: 400;
338
- --f-font-weight-medium: 700;
339
- --f-font-weight-bold: 900;
340
- --f-line-height-small: 1.25;
341
- --f-line-height-medium: 1.4;
342
- --f-line-height-large: 1.5;
343
- --f-font-size-h1: 2.5rem;
344
- --f-font-size-h2: 1.75rem;
345
- --f-font-size-xxx-large: 1.5rem;
346
- --f-font-size-h3: 1.375rem;
347
- --f-font-size-h4: 1.25rem;
348
- --f-font-size-large: 1.125rem;
349
- --f-font-size-standard: 1rem;
350
- --f-icon-size-x-small: 0.75rem;
351
- --f-icon-size-small: 1rem;
352
- --f-icon-size-medium: 1.25rem;
353
- --f-icon-size-large: 1.5rem;
354
- --f-icon-size-x-large: 2rem;
355
- --f-height-small: 0.75rem;
356
- --f-height-medium: 1.25rem;
357
- --f-height-large: 2.5rem;
358
- --f-width-full: 100%;
359
- --f-border-width-small: 1px;
360
- --f-border-width-medium: 2px;
361
- --f-border-radius-small: 2px;
362
- --f-border-radius-medium: 4px;
363
- --f-margin-component-bottom: 1.5rem;
364
- --padding-input-fields: 0 2.25rem 0 0.75rem;
365
- --f-color-focus: #1b1e23;
366
- --f-focus-box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #1b1e23, 0 0 0 6px #ffffff;
367
- --f-animation-duration-short: 150ms;
368
- --f-animation-duration-medium: 350ms;
369
- --f-animation-duration-long: 500ms;
370
- --f-animation-expand-open: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
371
- --f-animation-expand-close: all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
372
- --f-density-factor: 1;
373
- --f-static-panel-heading-border: none;
374
- --f-expandable-panel-heading-border-close: none;
375
- --f-expandable-panel-heading-border-open: none;
376
- --f-expandable-panel-heading-border-radius: 4px 4px 0 0;
377
- --f-label-message-margin-top: 0.25rem;
378
- --f-button-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
379
- --f-button-shadow-hover: 0 1px 3px rgba(0, 0, 0, 0.3);
380
- --f-button-min-width: 9.5rem;
381
- --f-button-letter-spacing: 0.01rem;
382
- --f-button-default-line-height: 1.5rem;
383
- --f-button-discrete-radius-hover: none;
384
- --f-button-tertiary-table-column-action-icon-margin: 0 8px 0 2px;
385
- --f-button-tertiary-table-column-action-margin: 0 0 0 0.5rem;
386
- --f-button-default-padding-top: 1rem;
387
- --f-button-default-padding-right: 1.5rem;
388
- --f-button-default-padding-bottom: 1rem;
389
- --f-button-default-padding-left: 1.5rem;
390
- --f-button-primary-padding-top: 1rem;
391
- --f-button-primary-padding-right: 1.5rem;
392
- --f-button-primary-padding-bottom: 1rem;
393
- --f-button-primary-padding-left: 1.5rem;
394
- --f-button-secondary-padding-top: 1rem;
395
- --f-button-secondary-padding-right: 1.5rem;
396
- --f-button-secondary-padding-bottom: 1rem;
397
- --f-button-secondary-padding-left: 1.5rem;
398
- --f-button-standard-padding-top: 1rem;
399
- --f-button-standard-padding-right: 1.5rem;
400
- --f-button-standard-padding-bottom: 1rem;
401
- --f-button-standard-padding-left: 1.5rem;
402
- --f-button-tertiary-padding-top: 0.75rem;
403
- --f-button-tertiary-padding-right: 0.5rem;
404
- --f-button-tertiary-padding-bottom: 0.75rem;
405
- --f-button-tertiary-padding-left: 0.5rem;
406
- --f-button-discrete-padding-top: initial;
407
- --f-button-discrete-padding-right: initial;
408
- --f-button-discrete-padding-bottom: initial;
409
- --f-button-discrete-padding-left: initial;
410
- --f-button-discrete-black-padding-top: initial;
411
- --f-button-discrete-black-padding-right: initial;
412
- --f-button-discrete-black-padding-bottom: initial;
413
- --f-button-discrete-black-padding-left: initial;
414
- --f-modal-close-button-margin: 1rem 1rem 0;
415
- --f-modal-close-button-padding: none;
416
- --f-modal-size-small: 500px;
417
- --f-modal-size-medium: 700px;
418
- --f-modal-size-large: 1200px;
419
- --f-modal-size-fullwidth: 100%;
420
- --f-modal-title-font-size: 1.25rem;
421
- --f-tooltip-close-button-margin: 0.375rem 0.375rem 0.625rem 0.625rem;
422
- --f-tooltip-border-color: #8d8e91;
423
- --f-tooltip-border-width: var(--f-border-width-medium);
424
- --f-loader-size: 4rem;
425
- --f-loader-margin: 0 auto 3rem auto;
426
- --f-table-body-row-padding: 0.5rem;
427
- --f-list-item-itempane-padding: 1.25rem;
428
- --i-popup-error-offset: 24px;
429
- --f-tooltip-offset: 0px;
430
- --f-tooltip-icon-size: 0px;
431
- --f-logo-image-small: none;
432
- --f-logo-image-large: none;
433
- --f-logo-size-small: 0.8rem;
434
- --f-logo-size-large: 0.8rem 6.195rem;
435
- --f-calendar-height: 21rem;
436
- --size: 0;
437
- --min: 0;
438
- --max: 0;
439
- --fkds-color-text-primary: #ddddde;
440
- --fkds-color-text-secondary: #bbbbbd;
441
- --fkds-color-text-inverted: #1b1e23;
442
- --fkds-color-text-disabled: #8d8e91;
443
- --fkds-color-background-primary: #1b1e23;
444
- --fkds-color-background-secondary: #1b1e23;
445
- --fkds-color-background-tertiary: #8d8e91;
446
- --fkds-color-background-disabled: #5f6165;
447
- --fkds-color-border-primary: #bbbbbd;
448
- --fkds-color-border-strong: #ddddde;
449
- --fkds-color-border-weak: #8d8e91;
450
- --fkds-color-border-disabled: #bbbbbd;
451
- --fkds-color-border-inverted: #1b1e23;
452
- --fkds-color-action-text-primary-default: #a4a8db;
453
- --fkds-color-action-text-primary-hover: #e5e5f5;
454
- --fkds-color-action-text-primary-active: #e5e5f5;
455
- --fkds-color-action-text-primary-focus: #e5e5f5;
456
- --fkds-color-action-text-secondary-default: #ddddde;
457
- --fkds-color-action-text-secondary-hover: #e5e5f5;
458
- --fkds-color-action-text-secondary-active: #e5e5f5;
459
- --fkds-color-action-text-secondary-focus: #f5f6fa;
460
- --fkds-color-action-text-inverted-default: #1b1e23;
461
- --fkds-color-action-text-inverted-hover: #1b1e23;
462
- --fkds-color-action-text-inverted-active: #1b1e23;
463
- --fkds-color-action-text-inverted-focus: #1b1e23;
464
- --fkds-color-action-background-primary-default: #a4a8db;
465
- --fkds-color-action-background-primary-hover: #e5e5f5;
466
- --fkds-color-action-background-primary-active: #e5e5f5;
467
- --fkds-color-action-background-primary-focus: #e5e5f5;
468
- --fkds-color-action-background-secondary-default: #1b1e23;
469
- --fkds-color-action-background-secondary-hover: #5f6165;
470
- --fkds-color-action-background-secondary-active: #5f6165;
471
- --fkds-color-action-background-secondary-focus: #5f6165;
472
- --fkds-color-action-border-primary-default: #a4a8db;
473
- --fkds-color-action-border-primary-hover: #e5e5f5;
474
- --fkds-color-action-border-primary-active: #e5e5f5;
475
- --fkds-color-action-border-primary-focus: #e5e5f5;
476
- --fkds-color-feedback-background-neutral: #1b1e23;
477
- --fkds-color-feedback-background-neutral-strong: #bbbbbd;
478
- --fkds-color-feedback-background-info: #1b1e23;
479
- --fkds-color-feedback-background-info-strong: #a4a8db;
480
- --fkds-color-feedback-background-positive: #1b1e23;
481
- --fkds-color-feedback-background-positive-strong: #88b49f;
482
- --fkds-color-feedback-background-warning: #1b1e23;
483
- --fkds-color-feedback-background-warning-strong: #ffdf87;
484
- --fkds-color-feedback-background-negative: #1b1e23;
485
- --fkds-color-feedback-background-negative-strong: #e48a8a;
486
- --fkds-color-feedback-border-neutral: #8d8e91;
487
- --fkds-color-feedback-border-info: #a4a8db;
488
- --fkds-color-feedback-border-positive: #88b49f;
489
- --fkds-color-feedback-border-warning: #ffdf87;
490
- --fkds-color-feedback-border-negative: #e48a8a;
491
- --fkds-color-feedback-text-negative: #e48a8a;
492
- --fkds-color-feedback-text-positive: #88b49f;
493
- --fkds-color-select-background-primary-default: #a4a8db;
494
- --fkds-color-select-background-primary-hover: #656cc1;
495
- --fkds-color-select-background-primary-active: #656cc1;
496
- --fkds-color-select-background-primary-focus: #656cc1;
497
- --fkds-color-select-background-secondary-default: #88b49f;
498
- --fkds-color-select-background-secondary-hover: #35805b;
499
- --fkds-color-select-background-secondary-active: #35805b;
500
- --fkds-color-select-background-secondary-focus: #35805b;
501
- --fkui-theme-default-version: "6.24.0";
229
+ @media (prefers-color-scheme:dark){
230
+ :root{
231
+ --f-text-color-link:#4a52b6;
232
+ --f-text-color-link-hover:#1b1e23;
233
+ --f-text-color-link-discrete:#1b1e23;
234
+ --f-text-color-link-discrete-hover:#4a52b6;
235
+ --f-text-color-heading-1:inherit;
236
+ --f-text-color-heading-2:inherit;
237
+ --f-text-color-heading-3:inherit;
238
+ --f-text-color-heading-4:inherit;
239
+ --f-text-color-heading-5:inherit;
240
+ --f-text-color-heading-6:inherit;
241
+ --f-text-color-heading-expandable-panel:#fff;
242
+ --f-text-color-menu:#1b1e23;
243
+ --f-text-color-menu-hover:#1b1e23;
244
+ --f-text-color-menu-horizontal-highlight:#1b1e23;
245
+ --f-text-color-popupmenu:#1b1e23;
246
+ --f-text-color-popupmenu-hover:#1b1e23;
247
+ --f-icon-color-white:#fff;
248
+ --f-icon-color-success:#35805b;
249
+ --f-icon-color-notice:#d34503;
250
+ --f-icon-color-expandable-panel:#fff;
251
+ --f-icon-color-success-background:#dbe9e2;
252
+ --f-background-overlay:rgba(0,0,0,.75);
253
+ --f-background-pageheader-primary:#116a3e;
254
+ --f-background-skiplink-focus:#f5f6fa;
255
+ --f-background-heading-expandable-panel:#116a3e;
256
+ --f-background-heading-expandable-panel-hover:#35805b;
257
+ --f-background-expandable-panel:#fff;
258
+ --f-background-heading-static-panel:#afcfb5;
259
+ --f-background-sidepanel-button-tertiary-hover:#e5e5f5;
260
+ --f-background-menu:#f4f4f4;
261
+ --f-background-menu-vertical-hover:#ddddde;
262
+ --f-background-menu-vertical-highlight:#e7f0e9;
263
+ --f-background-popupmenu:#fff;
264
+ --f-background-popupmenu-vertical-hover:#ddddde;
265
+ --f-background-popupmenu-vertical-highlight:#e7f0e9;
266
+ --f-border-color-panel:#e7f0e9;
267
+ --f-border-color-expandable-panel:#116a3e;
268
+ --f-border-color-static-panel:#afcfb5;
269
+ --f-border-color-separator:#ddddde;
270
+ --f-border-color-separator-pageheader-primary:#fff;
271
+ --f-border-color-separator-contextmenu:#8d8e91;
272
+ --f-border-color-link:#4a52b6;
273
+ --f-border-color-link-hover:#8d8e91;
274
+ --f-border-color-link-discrete:#8d8e91;
275
+ --f-border-color-link-discrete-hover:#4a52b6;
276
+ --f-border-color-expandable-panel-closed:none;
277
+ --f-border-color-menu-horizontal:#116a3e;
278
+ --f-border-color-menu-horizontal-hover:#afcfb5;
279
+ --f-border-color-menu-horizontal-highlight:#116a3e;
280
+ --f-border-color-popupmenu:#ddddde;
281
+ --f-box-modal-shadow:0 0 20px rgba(0,0,0,.3);
282
+ --f-input-shadow-inset:inset 0 2px 3px rgba(0,0,0,.1);
283
+ --f-font-family:"ExpFont", "NeueHass", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
284
+ --f-font-family-code:"Consolas", "Liberation Mono", "Courier", monospace;
285
+ --f-font-size-default-rem:16px;
286
+ --f-font-size-default-large-up-rem:16px;
287
+ --f-font-weight-normal:400;
288
+ --f-font-weight-medium:700;
289
+ --f-font-weight-bold:900;
290
+ --f-line-height-small:1.25;
291
+ --f-line-height-medium:1.4;
292
+ --f-line-height-large:1.5;
293
+ --f-font-size-h1:2.5rem;
294
+ --f-font-size-h2:1.75rem;
295
+ --f-font-size-xxx-large:1.5rem;
296
+ --f-font-size-h3:1.375rem;
297
+ --f-font-size-h4:1.25rem;
298
+ --f-font-size-large:1.125rem;
299
+ --f-font-size-standard:1rem;
300
+ --f-icon-size-x-small:0.75rem;
301
+ --f-icon-size-small:1rem;
302
+ --f-icon-size-medium:1.25rem;
303
+ --f-icon-size-large:1.5rem;
304
+ --f-icon-size-x-large:2rem;
305
+ --f-height-small:0.75rem;
306
+ --f-height-medium:1.25rem;
307
+ --f-height-large:2.5rem;
308
+ --f-width-full:100%;
309
+ --f-border-width-small:1px;
310
+ --f-border-width-medium:2px;
311
+ --f-border-radius-small:2px;
312
+ --f-border-radius-medium:4px;
313
+ --f-margin-component-bottom:1.5rem;
314
+ --padding-input-fields:0 2.25rem 0 0.75rem;
315
+ --f-color-focus:#1b1e23;
316
+ --f-focus-box-shadow:0 0 0 2px #fff, 0 0 0 4px #1b1e23, 0 0 0 6px #fff;
317
+ --f-animation-duration-short:150ms;
318
+ --f-animation-duration-medium:350ms;
319
+ --f-animation-duration-long:500ms;
320
+ --f-animation-expand-open:all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
321
+ --f-animation-expand-close:all 500ms cubic-bezier(0.46, 0.03, 0.52, 0.96) 0s;
322
+ --f-density-factor:1;
323
+ --f-static-panel-heading-border:none;
324
+ --f-expandable-panel-heading-border-close:none;
325
+ --f-expandable-panel-heading-border-open:none;
326
+ --f-expandable-panel-heading-border-radius:4px 4px 0 0;
327
+ --f-label-message-margin-top:0.25rem;
328
+ --f-button-shadow:0 1px 3px rgba(0,0,0,.3);
329
+ --f-button-shadow-hover:0 1px 3px rgba(0,0,0,.3);
330
+ --f-button-min-width:9.5rem;
331
+ --f-button-letter-spacing:0.01rem;
332
+ --f-button-default-line-height:1.5rem;
333
+ --f-button-discrete-radius-hover:none;
334
+ --f-button-tertiary-table-column-action-icon-margin:0 8px 0 2px;
335
+ --f-button-tertiary-table-column-action-margin:0 0 0 0.5rem;
336
+ --f-button-default-padding-top:1rem;
337
+ --f-button-default-padding-right:1.5rem;
338
+ --f-button-default-padding-bottom:1rem;
339
+ --f-button-default-padding-left:1.5rem;
340
+ --f-button-primary-padding-top:1rem;
341
+ --f-button-primary-padding-right:1.5rem;
342
+ --f-button-primary-padding-bottom:1rem;
343
+ --f-button-primary-padding-left:1.5rem;
344
+ --f-button-secondary-padding-top:1rem;
345
+ --f-button-secondary-padding-right:1.5rem;
346
+ --f-button-secondary-padding-bottom:1rem;
347
+ --f-button-secondary-padding-left:1.5rem;
348
+ --f-button-standard-padding-top:1rem;
349
+ --f-button-standard-padding-right:1.5rem;
350
+ --f-button-standard-padding-bottom:1rem;
351
+ --f-button-standard-padding-left:1.5rem;
352
+ --f-button-tertiary-padding-top:0.75rem;
353
+ --f-button-tertiary-padding-right:0.5rem;
354
+ --f-button-tertiary-padding-bottom:0.75rem;
355
+ --f-button-tertiary-padding-left:0.5rem;
356
+ --f-button-discrete-padding-top:initial;
357
+ --f-button-discrete-padding-right:initial;
358
+ --f-button-discrete-padding-bottom:initial;
359
+ --f-button-discrete-padding-left:initial;
360
+ --f-button-discrete-black-padding-top:initial;
361
+ --f-button-discrete-black-padding-right:initial;
362
+ --f-button-discrete-black-padding-bottom:initial;
363
+ --f-button-discrete-black-padding-left:initial;
364
+ --f-modal-close-button-margin:1rem 1rem 0;
365
+ --f-modal-close-button-padding:none;
366
+ --f-modal-size-small:500px;
367
+ --f-modal-size-medium:700px;
368
+ --f-modal-size-large:1200px;
369
+ --f-modal-size-fullwidth:100%;
370
+ --f-modal-title-font-size:1.25rem;
371
+ --f-tooltip-close-button-margin:0.375rem 0.375rem 0.625rem 0.625rem;
372
+ --f-tooltip-border-color:#8d8e91;
373
+ --f-tooltip-border-width:var(--f-border-width-medium);
374
+ --f-loader-size:4rem;
375
+ --f-loader-margin:0 auto 3rem auto;
376
+ --f-table-body-row-padding:0.5rem;
377
+ --f-list-item-itempane-padding:1.25rem;
378
+ --i-popup-error-offset:24px;
379
+ --f-tooltip-offset:0px;
380
+ --f-tooltip-icon-size:0px;
381
+ --f-logo-image-small:none;
382
+ --f-logo-image-large:none;
383
+ --f-logo-size-small:0.8rem;
384
+ --f-logo-size-large:0.8rem 6.195rem;
385
+ --f-calendar-height:21rem;
386
+ --size:0;
387
+ --min:0;
388
+ --max:0;
389
+ --fkds-color-text-primary:#ddddde;
390
+ --fkds-color-text-secondary:#bbbbbd;
391
+ --fkds-color-text-inverted:#1b1e23;
392
+ --fkds-color-text-disabled:#8d8e91;
393
+ --fkds-color-background-primary:#1b1e23;
394
+ --fkds-color-background-secondary:#1b1e23;
395
+ --fkds-color-background-tertiary:#8d8e91;
396
+ --fkds-color-background-disabled:#5f6165;
397
+ --fkds-color-border-primary:#bbbbbd;
398
+ --fkds-color-border-strong:#ddddde;
399
+ --fkds-color-border-weak:#8d8e91;
400
+ --fkds-color-border-disabled:#bbbbbd;
401
+ --fkds-color-border-inverted:#1b1e23;
402
+ --fkds-color-action-text-primary-default:#a4a8db;
403
+ --fkds-color-action-text-primary-hover:#e5e5f5;
404
+ --fkds-color-action-text-primary-active:#e5e5f5;
405
+ --fkds-color-action-text-primary-focus:#e5e5f5;
406
+ --fkds-color-action-text-secondary-default:#ddddde;
407
+ --fkds-color-action-text-secondary-hover:#e5e5f5;
408
+ --fkds-color-action-text-secondary-active:#e5e5f5;
409
+ --fkds-color-action-text-secondary-focus:#f5f6fa;
410
+ --fkds-color-action-text-inverted-default:#1b1e23;
411
+ --fkds-color-action-text-inverted-hover:#1b1e23;
412
+ --fkds-color-action-text-inverted-active:#1b1e23;
413
+ --fkds-color-action-text-inverted-focus:#1b1e23;
414
+ --fkds-color-action-background-primary-default:#a4a8db;
415
+ --fkds-color-action-background-primary-hover:#e5e5f5;
416
+ --fkds-color-action-background-primary-active:#e5e5f5;
417
+ --fkds-color-action-background-primary-focus:#e5e5f5;
418
+ --fkds-color-action-background-secondary-default:#1b1e23;
419
+ --fkds-color-action-background-secondary-hover:#5f6165;
420
+ --fkds-color-action-background-secondary-active:#5f6165;
421
+ --fkds-color-action-background-secondary-focus:#5f6165;
422
+ --fkds-color-action-border-primary-default:#a4a8db;
423
+ --fkds-color-action-border-primary-hover:#e5e5f5;
424
+ --fkds-color-action-border-primary-active:#e5e5f5;
425
+ --fkds-color-action-border-primary-focus:#e5e5f5;
426
+ --fkds-color-feedback-background-neutral:#1b1e23;
427
+ --fkds-color-feedback-background-neutral-strong:#bbbbbd;
428
+ --fkds-color-feedback-background-info:#1b1e23;
429
+ --fkds-color-feedback-background-info-strong:#a4a8db;
430
+ --fkds-color-feedback-background-positive:#1b1e23;
431
+ --fkds-color-feedback-background-positive-strong:#88b49f;
432
+ --fkds-color-feedback-background-warning:#1b1e23;
433
+ --fkds-color-feedback-background-warning-strong:#ffdf87;
434
+ --fkds-color-feedback-background-negative:#1b1e23;
435
+ --fkds-color-feedback-background-negative-strong:#e48a8a;
436
+ --fkds-color-feedback-border-neutral:#8d8e91;
437
+ --fkds-color-feedback-border-info:#a4a8db;
438
+ --fkds-color-feedback-border-positive:#88b49f;
439
+ --fkds-color-feedback-border-warning:#ffdf87;
440
+ --fkds-color-feedback-border-negative:#e48a8a;
441
+ --fkds-color-feedback-text-negative:#e48a8a;
442
+ --fkds-color-feedback-text-positive:#88b49f;
443
+ --fkds-color-select-background-primary-default:#a4a8db;
444
+ --fkds-color-select-background-primary-hover:#656cc1;
445
+ --fkds-color-select-background-primary-active:#656cc1;
446
+ --fkds-color-select-background-primary-focus:#656cc1;
447
+ --fkds-color-select-background-secondary-default:#88b49f;
448
+ --fkds-color-select-background-secondary-hover:#35805b;
449
+ --fkds-color-select-background-secondary-active:#35805b;
450
+ --fkds-color-select-background-secondary-focus:#35805b;
451
+ --fkui-theme-default-version:"6.25.0";
502
452
  }
503
453
  }
504
- :root {
505
- --fkui-theme-default-version: "6.24.0";
506
- }
454
+ :root{
455
+ --fkui-theme-default-version:"6.25.0";
456
+ }