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