@progress/kendo-theme-default 7.3.0-dev.1 → 8.0.0-dev.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.
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue A11Y",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.3.0-dev.1",
6
+ "version": "8.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -14,6 +14,646 @@
14
14
  ],
15
15
  "components": [],
16
16
  "groups": [
17
+ {
18
+ "name": "New color system",
19
+ "colorSystem": {
20
+ "kendo-enable-color-system": {
21
+ "name": "New color system",
22
+ "type": "boolean",
23
+ "value": true
24
+ }
25
+ }
26
+ },
27
+ {
28
+ "name": "New theme colors",
29
+ "colorsMap": {
30
+ "app-surface": {
31
+ "name": "App Surface",
32
+ "type": "color",
33
+ "value": "#ffffff"
34
+ },
35
+ "on-app-surface": {
36
+ "name": "On App Surface",
37
+ "type": "color",
38
+ "value": "#424242"
39
+ },
40
+ "subtle": {
41
+ "name": "Subtle",
42
+ "type": "color",
43
+ "value": "#666666"
44
+ },
45
+ "surface": {
46
+ "name": "Surface",
47
+ "type": "color",
48
+ "value": "#fafafa"
49
+ },
50
+ "surface-alt": {
51
+ "name": "Surface Alt",
52
+ "type": "color",
53
+ "value": "#ffffff"
54
+ },
55
+ "base-subtle": {
56
+ "name": "Base Subtle",
57
+ "type": "color",
58
+ "value": "#ebebeb"
59
+ },
60
+ "base-subtle-hover": {
61
+ "name": "Base Subtle Hover",
62
+ "type": "color",
63
+ "value": "#e1e1e1"
64
+ },
65
+ "base-subtle-active": {
66
+ "name": "Base Subtle Active",
67
+ "type": "color",
68
+ "value": "#d5d5d5"
69
+ },
70
+ "base": {
71
+ "name": "Base",
72
+ "type": "color",
73
+ "value": "#f5f5f5"
74
+ },
75
+ "base-hover": {
76
+ "name": "Base Hover",
77
+ "type": "color",
78
+ "value": "#ebebeb"
79
+ },
80
+ "base-active": {
81
+ "name": "Base Active",
82
+ "type": "color",
83
+ "value": "#d8d8d8"
84
+ },
85
+ "base-emphasis": {
86
+ "name": "Base Emphasis",
87
+ "type": "color",
88
+ "value": "#c2c2c2"
89
+ },
90
+ "base-on-subtle": {
91
+ "name": "Base On Subtle",
92
+ "type": "color",
93
+ "value": "#424242"
94
+ },
95
+ "on-base": {
96
+ "name": "On Base",
97
+ "type": "color",
98
+ "value": "#424242"
99
+ },
100
+ "base-on-surface": {
101
+ "name": "Base On Surface",
102
+ "type": "color",
103
+ "value": "#424242"
104
+ },
105
+ "primary-subtle": {
106
+ "name": "Primary Subtle",
107
+ "type": "color",
108
+ "value": "#d0e3ee"
109
+ },
110
+ "primary-subtle-hover": {
111
+ "name": "Primary Subtle Hover",
112
+ "type": "color",
113
+ "value": "#accee2"
114
+ },
115
+ "primary-subtle-active": {
116
+ "name": "Primary Subtle Active",
117
+ "type": "color",
118
+ "value": "#89bad6"
119
+ },
120
+ "primary": {
121
+ "name": "Primary",
122
+ "type": "color",
123
+ "value": "#1274AC"
124
+ },
125
+ "primary-hover": {
126
+ "name": "Primary Hover",
127
+ "type": "color",
128
+ "value": "#116fa5"
129
+ },
130
+ "primary-active": {
131
+ "name": "Primary Active",
132
+ "type": "color",
133
+ "value": "#106697"
134
+ },
135
+ "primary-emphasis": {
136
+ "name": "Primary Emphasis",
137
+ "type": "color",
138
+ "value": "#4d97c1"
139
+ },
140
+ "primary-on-subtle": {
141
+ "name": "Primary On Subtle",
142
+ "type": "color",
143
+ "value": "#06293c"
144
+ },
145
+ "on-primary": {
146
+ "name": "On Primary",
147
+ "type": "color",
148
+ "value": "white"
149
+ },
150
+ "primary-on-surface": {
151
+ "name": "Primary On Surface",
152
+ "type": "color",
153
+ "value": "#0e5781"
154
+ },
155
+ "secondary-subtle": {
156
+ "name": "Secondary Subtle",
157
+ "type": "color",
158
+ "value": "#e3e3e3"
159
+ },
160
+ "secondary-subtle-hover": {
161
+ "name": "Secondary Subtle Hover",
162
+ "type": "color",
163
+ "value": "#cfcfcf"
164
+ },
165
+ "secondary-subtle-active": {
166
+ "name": "Secondary Subtle Active",
167
+ "type": "color",
168
+ "value": "#bababa"
169
+ },
170
+ "secondary": {
171
+ "name": "Secondary",
172
+ "type": "color",
173
+ "value": "#757575"
174
+ },
175
+ "secondary-hover": {
176
+ "name": "Secondary Hover",
177
+ "type": "color",
178
+ "value": "#707070"
179
+ },
180
+ "secondary-active": {
181
+ "name": "Secondary Active",
182
+ "type": "color",
183
+ "value": "#676767"
184
+ },
185
+ "secondary-emphasis": {
186
+ "name": "Secondary Emphasis",
187
+ "type": "color",
188
+ "value": "#989898"
189
+ },
190
+ "secondary-on-subtle": {
191
+ "name": "Secondary On Subtle",
192
+ "type": "color",
193
+ "value": "#292929"
194
+ },
195
+ "on-secondary": {
196
+ "name": "On Secondary",
197
+ "type": "color",
198
+ "value": "white"
199
+ },
200
+ "secondary-on-surface": {
201
+ "name": "Secondary On Surface",
202
+ "type": "color",
203
+ "value": "#585858"
204
+ },
205
+ "tertiary-subtle": {
206
+ "name": "Tertiary Subtle",
207
+ "type": "color",
208
+ "value": "#cce5e6"
209
+ },
210
+ "tertiary-subtle-hover": {
211
+ "name": "Tertiary Subtle Hover",
212
+ "type": "color",
213
+ "value": "#a6d2d4"
214
+ },
215
+ "tertiary-subtle-active": {
216
+ "name": "Tertiary Subtle Active",
217
+ "type": "color",
218
+ "value": "#80bfc2"
219
+ },
220
+ "tertiary": {
221
+ "name": "Tertiary",
222
+ "type": "color",
223
+ "value": "#007F84"
224
+ },
225
+ "tertiary-hover": {
226
+ "name": "Tertiary Hover",
227
+ "type": "color",
228
+ "value": "#007a7f"
229
+ },
230
+ "tertiary-active": {
231
+ "name": "Tertiary Active",
232
+ "type": "color",
233
+ "value": "#007074"
234
+ },
235
+ "tertiary-emphasis": {
236
+ "name": "Tertiary Emphasis",
237
+ "type": "color",
238
+ "value": "#409fa3"
239
+ },
240
+ "tertiary-on-subtle": {
241
+ "name": "Tertiary On Subtle",
242
+ "type": "color",
243
+ "value": "#002c2e"
244
+ },
245
+ "on-tertiary": {
246
+ "name": "On Tertiary",
247
+ "type": "color",
248
+ "value": "white"
249
+ },
250
+ "tertiary-on-surface": {
251
+ "name": "Tertiary On Surface",
252
+ "type": "color",
253
+ "value": "#005f63"
254
+ },
255
+ "info-subtle": {
256
+ "name": "Info Subtle",
257
+ "type": "color",
258
+ "value": "#ccdefb"
259
+ },
260
+ "info-subtle-hover": {
261
+ "name": "Info Subtle Hover",
262
+ "type": "color",
263
+ "value": "#a6c5f7"
264
+ },
265
+ "info-subtle-active": {
266
+ "name": "Info Subtle Active",
267
+ "type": "color",
268
+ "value": "#80acf4"
269
+ },
270
+ "info": {
271
+ "name": "Info",
272
+ "type": "color",
273
+ "value": "#0058E9"
274
+ },
275
+ "info-hover": {
276
+ "name": "Info Hover",
277
+ "type": "color",
278
+ "value": "#0054e0"
279
+ },
280
+ "info-active": {
281
+ "name": "Info Active",
282
+ "type": "color",
283
+ "value": "#004dcd"
284
+ },
285
+ "info-emphasis": {
286
+ "name": "Info Emphasis",
287
+ "type": "color",
288
+ "value": "#4082ef"
289
+ },
290
+ "info-on-subtle": {
291
+ "name": "Info On Subtle",
292
+ "type": "color",
293
+ "value": "#001f52"
294
+ },
295
+ "on-info": {
296
+ "name": "On Info",
297
+ "type": "color",
298
+ "value": "white"
299
+ },
300
+ "info-on-surface": {
301
+ "name": "Info On Surface",
302
+ "type": "color",
303
+ "value": "#0042af"
304
+ },
305
+ "success-subtle": {
306
+ "name": "Success Subtle",
307
+ "type": "color",
308
+ "value": "#d4e6cc"
309
+ },
310
+ "success-subtle-hover": {
311
+ "name": "Success Subtle Hover",
312
+ "type": "color",
313
+ "value": "#b3d3a6"
314
+ },
315
+ "success-subtle-active": {
316
+ "name": "Success Subtle Active",
317
+ "type": "color",
318
+ "value": "#93c180"
319
+ },
320
+ "success": {
321
+ "name": "Success",
322
+ "type": "color",
323
+ "value": "#278200"
324
+ },
325
+ "success-hover": {
326
+ "name": "Success Hover",
327
+ "type": "color",
328
+ "value": "#257d00"
329
+ },
330
+ "success-active": {
331
+ "name": "Success Active",
332
+ "type": "color",
333
+ "value": "#227200"
334
+ },
335
+ "success-emphasis": {
336
+ "name": "Success Emphasis",
337
+ "type": "color",
338
+ "value": "#5da140"
339
+ },
340
+ "success-on-subtle": {
341
+ "name": "Success On Subtle",
342
+ "type": "color",
343
+ "value": "#0e2e00"
344
+ },
345
+ "on-success": {
346
+ "name": "On Success",
347
+ "type": "color",
348
+ "value": "white"
349
+ },
350
+ "success-on-surface": {
351
+ "name": "Success On Surface",
352
+ "type": "color",
353
+ "value": "#1d6200"
354
+ },
355
+ "warning-subtle": {
356
+ "name": "Warning Subtle",
357
+ "type": "color",
358
+ "value": "#fff5d8"
359
+ },
360
+ "warning-subtle-hover": {
361
+ "name": "Warning Subtle Hover",
362
+ "type": "color",
363
+ "value": "#feeebb"
364
+ },
365
+ "warning-subtle-active": {
366
+ "name": "Warning Subtle Active",
367
+ "type": "color",
368
+ "value": "#fee79f"
369
+ },
370
+ "warning": {
371
+ "name": "Warning",
372
+ "type": "color",
373
+ "value": "#FDCE3E"
374
+ },
375
+ "warning-hover": {
376
+ "name": "Warning Hover",
377
+ "type": "color",
378
+ "value": "#f3c63c"
379
+ },
380
+ "warning-active": {
381
+ "name": "Warning Active",
382
+ "type": "color",
383
+ "value": "#dfb537"
384
+ },
385
+ "warning-emphasis": {
386
+ "name": "Warning Emphasis",
387
+ "type": "color",
388
+ "value": "#feda6e"
389
+ },
390
+ "warning-on-subtle": {
391
+ "name": "Warning On Subtle",
392
+ "type": "color",
393
+ "value": "#594816"
394
+ },
395
+ "on-warning": {
396
+ "name": "On Warning",
397
+ "type": "color",
398
+ "value": "black"
399
+ },
400
+ "warning-on-surface": {
401
+ "name": "Warning On Surface",
402
+ "type": "color",
403
+ "value": "#be9b2f"
404
+ },
405
+ "error-subtle": {
406
+ "name": "Error Subtle",
407
+ "type": "color",
408
+ "value": "#f7d1d3"
409
+ },
410
+ "error-subtle-hover": {
411
+ "name": "Error Subtle Hover",
412
+ "type": "color",
413
+ "value": "#f0afb2"
414
+ },
415
+ "error-subtle-active": {
416
+ "name": "Error Subtle Active",
417
+ "type": "color",
418
+ "value": "#ea8c91"
419
+ },
420
+ "error": {
421
+ "name": "Error",
422
+ "type": "color",
423
+ "value": "#D51923"
424
+ },
425
+ "error-hover": {
426
+ "name": "Error Hover",
427
+ "type": "color",
428
+ "value": "#cc1822"
429
+ },
430
+ "error-active": {
431
+ "name": "Error Active",
432
+ "type": "color",
433
+ "value": "#bb161f"
434
+ },
435
+ "error-emphasis": {
436
+ "name": "Error Emphasis",
437
+ "type": "color",
438
+ "value": "#e0535a"
439
+ },
440
+ "error-on-subtle": {
441
+ "name": "Error On Subtle",
442
+ "type": "color",
443
+ "value": "#4b090c"
444
+ },
445
+ "on-error": {
446
+ "name": "On Error",
447
+ "type": "color",
448
+ "value": "white"
449
+ },
450
+ "error-on-surface": {
451
+ "name": "Error On Surface",
452
+ "type": "color",
453
+ "value": "#a0131a"
454
+ },
455
+ "light-subtle": {
456
+ "name": "Light Subtle",
457
+ "type": "color",
458
+ "value": "#e3e3e3"
459
+ },
460
+ "light-subtle-hover": {
461
+ "name": "Light Subtle Hover",
462
+ "type": "color",
463
+ "value": "#cfcfcf"
464
+ },
465
+ "light-subtle-active": {
466
+ "name": "Light Subtle Active",
467
+ "type": "color",
468
+ "value": "#bababa"
469
+ },
470
+ "light": {
471
+ "name": "Light",
472
+ "type": "color",
473
+ "value": "#757575"
474
+ },
475
+ "light-hover": {
476
+ "name": "Light Hover",
477
+ "type": "color",
478
+ "value": "#707070"
479
+ },
480
+ "light-active": {
481
+ "name": "Light Active",
482
+ "type": "color",
483
+ "value": "#676767"
484
+ },
485
+ "light-emphasis": {
486
+ "name": "Light Emphasis",
487
+ "type": "color",
488
+ "value": "#989898"
489
+ },
490
+ "light-on-subtle": {
491
+ "name": "Light On Subtle",
492
+ "type": "color",
493
+ "value": "#292929"
494
+ },
495
+ "on-light": {
496
+ "name": "On Light",
497
+ "type": "color",
498
+ "value": "white"
499
+ },
500
+ "light-on-surface": {
501
+ "name": "Light On Surface",
502
+ "type": "color",
503
+ "value": "#585858"
504
+ },
505
+ "series-a": {
506
+ "name": "Series A",
507
+ "type": "color",
508
+ "value": "#1274AC"
509
+ },
510
+ "series-a-bold": {
511
+ "name": "Series A Bold",
512
+ "type": "color",
513
+ "value": "#0e5781"
514
+ },
515
+ "series-a-bolder": {
516
+ "name": "Series A Bolder",
517
+ "type": "color",
518
+ "value": "#093a56"
519
+ },
520
+ "series-a-subtle": {
521
+ "name": "Series A Subtle",
522
+ "type": "color",
523
+ "value": "#4d97c1"
524
+ },
525
+ "series-a-subtler": {
526
+ "name": "Series A Subtler",
527
+ "type": "color",
528
+ "value": "#89bad6"
529
+ },
530
+ "series-b": {
531
+ "name": "Series B",
532
+ "type": "color",
533
+ "value": "#FFE162"
534
+ },
535
+ "series-b-bold": {
536
+ "name": "Series B Bold",
537
+ "type": "color",
538
+ "value": "#bfa94a"
539
+ },
540
+ "series-b-bolder": {
541
+ "name": "Series B Bolder",
542
+ "type": "color",
543
+ "value": "#807131"
544
+ },
545
+ "series-b-subtle": {
546
+ "name": "Series B Subtle",
547
+ "type": "color",
548
+ "value": "#ffe989"
549
+ },
550
+ "series-b-subtler": {
551
+ "name": "Series B Subtler",
552
+ "type": "color",
553
+ "value": "#fff0b1"
554
+ },
555
+ "series-c": {
556
+ "name": "Series C",
557
+ "type": "color",
558
+ "value": "#4CD180"
559
+ },
560
+ "series-c-bold": {
561
+ "name": "Series C Bold",
562
+ "type": "color",
563
+ "value": "#399d60"
564
+ },
565
+ "series-c-bolder": {
566
+ "name": "Series C Bolder",
567
+ "type": "color",
568
+ "value": "#266940"
569
+ },
570
+ "series-c-subtle": {
571
+ "name": "Series C Subtle",
572
+ "type": "color",
573
+ "value": "#79dda0"
574
+ },
575
+ "series-c-subtler": {
576
+ "name": "Series C Subtler",
577
+ "type": "color",
578
+ "value": "#a6e8c0"
579
+ },
580
+ "series-d": {
581
+ "name": "Series D",
582
+ "type": "color",
583
+ "value": "#0074e6"
584
+ },
585
+ "series-d-bold": {
586
+ "name": "Series D Bold",
587
+ "type": "color",
588
+ "value": "#0057ad"
589
+ },
590
+ "series-d-bolder": {
591
+ "name": "Series D Bolder",
592
+ "type": "color",
593
+ "value": "#003a73"
594
+ },
595
+ "series-d-subtle": {
596
+ "name": "Series D Subtle",
597
+ "type": "color",
598
+ "value": "#4097ec"
599
+ },
600
+ "series-d-subtler": {
601
+ "name": "Series D Subtler",
602
+ "type": "color",
603
+ "value": "#80baf3"
604
+ },
605
+ "series-e": {
606
+ "name": "Series E",
607
+ "type": "color",
608
+ "value": "#9B4FE6"
609
+ },
610
+ "series-e-bold": {
611
+ "name": "Series E Bold",
612
+ "type": "color",
613
+ "value": "#743bad"
614
+ },
615
+ "series-e-bolder": {
616
+ "name": "Series E Bolder",
617
+ "type": "color",
618
+ "value": "#4e2873"
619
+ },
620
+ "series-e-subtle": {
621
+ "name": "Series E Subtle",
622
+ "type": "color",
623
+ "value": "#b47bec"
624
+ },
625
+ "series-e-subtler": {
626
+ "name": "Series E Subtler",
627
+ "type": "color",
628
+ "value": "#cda7f3"
629
+ },
630
+ "series-f": {
631
+ "name": "Series F",
632
+ "type": "color",
633
+ "value": "#FF80AC"
634
+ },
635
+ "series-f-bold": {
636
+ "name": "Series F Bold",
637
+ "type": "color",
638
+ "value": "#bf6081"
639
+ },
640
+ "series-f-bolder": {
641
+ "name": "Series F Bolder",
642
+ "type": "color",
643
+ "value": "#804056"
644
+ },
645
+ "series-f-subtle": {
646
+ "name": "Series F Subtle",
647
+ "type": "color",
648
+ "value": "#ffa0c1"
649
+ },
650
+ "series-f-subtler": {
651
+ "name": "Series F Subtler",
652
+ "type": "color",
653
+ "value": "#ffc0d6"
654
+ }
655
+ }
656
+ },
17
657
  {
18
658
  "name": "Theme colors",
19
659
  "variables": {
@@ -146,7 +786,9 @@
146
786
  "name": "Button background",
147
787
  "type": "color",
148
788
  "value": "#f5f5f5"
149
- },
789
+ }
790
+ },
791
+ "universal": {
150
792
  "kendo-flat-button-hover-opacity": {
151
793
  "name": "Flat Button hover opacity",
152
794
  "type": "number",
@@ -223,6 +865,18 @@
223
865
  "name": "Contrast improvements",
224
866
  "hidden": true,
225
867
  "variables": {
868
+ "kendo-scheduler-event-bg": {
869
+ "name": "Scheduler event background",
870
+ "type": "color",
871
+ "value": "#1274AC"
872
+ },
873
+ "kendo-scheduler-event-selected-bg": {
874
+ "name": "Scheduler event selected background",
875
+ "type": "color",
876
+ "value": "#0f6190"
877
+ }
878
+ },
879
+ "universal": {
226
880
  "kendo-enable-focus-contrast": {
227
881
  "name": "Enable focus indicator contrast",
228
882
  "type": "boolean",
@@ -243,15 +897,25 @@
243
897
  "type": "color",
244
898
  "value": "#424242"
245
899
  },
246
- "kendo-scheduler-event-bg": {
247
- "name": "Scheduler event background",
900
+ "kendo-panelbar-header-hover-bg": {
901
+ "name": "Panelbar header hover background color",
248
902
  "type": "color",
249
- "value": "#1274AC"
903
+ "value": "#f5f5f5"
250
904
  },
251
- "kendo-scheduler-event-selected-bg": {
252
- "name": "Scheduler event selected background",
905
+ "kendo-panelbar-item-hover-bg": {
906
+ "name": "Panelbar item hover background color",
253
907
  "type": "color",
254
- "value": "#0f6190"
908
+ "value": "#f5f5f5"
909
+ },
910
+ "kendo-table-hover-bg": {
911
+ "name": "Table hover background color",
912
+ "type": "color",
913
+ "value": "#ededed"
914
+ },
915
+ "kendo-table-alt-row-bg": {
916
+ "name": "Table alt row background color",
917
+ "type": "color",
918
+ "value": "rgba( 0, 0, 0, .04 )"
255
919
  }
256
920
  }
257
921
  }