@progress/kendo-theme-material 7.3.0-dev.1 → 8.0.0-dev.1

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 (130) hide show
  1. package/dist/all.css +9732 -9082
  2. package/dist/all.scss +5469 -5004
  3. package/dist/material-aqua-dark.scss +140 -4
  4. package/dist/material-arctic.scss +130 -4
  5. package/dist/material-burnt-teal.scss +130 -4
  6. package/dist/material-dataviz-v4.scss +45 -6
  7. package/dist/material-eggplant.scss +130 -4
  8. package/dist/material-lime-dark.scss +140 -4
  9. package/dist/material-lime.scss +130 -4
  10. package/dist/material-main-dark.scss +140 -4
  11. package/dist/material-main.scss +9 -4
  12. package/dist/material-nova.scss +130 -4
  13. package/dist/material-pacific-dark.scss +140 -4
  14. package/dist/material-pacific.scss +130 -4
  15. package/dist/material-sky-dark.scss +140 -4
  16. package/dist/material-sky.scss +130 -4
  17. package/dist/material-smoke.scss +130 -4
  18. package/dist/meta/sassdoc-data.json +43809 -39693
  19. package/dist/meta/sassdoc-raw-data.json +3955 -2055
  20. package/dist/meta/variables.json +3720 -3616
  21. package/lib/swatches/material-aqua-dark.json +651 -1
  22. package/lib/swatches/material-arctic.json +601 -1
  23. package/lib/swatches/material-burnt-teal.json +601 -1
  24. package/lib/swatches/material-dataviz-v4.json +166 -1
  25. package/lib/swatches/material-eggplant.json +601 -1
  26. package/lib/swatches/material-lime-dark.json +651 -1
  27. package/lib/swatches/material-lime.json +601 -1
  28. package/lib/swatches/material-main-dark.json +651 -1
  29. package/lib/swatches/material-main.json +11 -1
  30. package/lib/swatches/material-nova.json +601 -1
  31. package/lib/swatches/material-pacific-dark.json +651 -1
  32. package/lib/swatches/material-pacific.json +601 -1
  33. package/lib/swatches/material-sky-dark.json +651 -1
  34. package/lib/swatches/material-sky.json +601 -1
  35. package/lib/swatches/material-smoke.json +601 -1
  36. package/package.json +5 -5
  37. package/scss/_variables.scss +0 -124
  38. package/scss/action-buttons/_variables.scss +4 -4
  39. package/scss/action-sheet/_variables.scss +17 -17
  40. package/scss/adaptive/_variables.scss +3 -3
  41. package/scss/appbar/_variables.scss +6 -6
  42. package/scss/avatar/_variables.scss +6 -6
  43. package/scss/badge/_variables.scss +17 -17
  44. package/scss/bottom-navigation/_theme.scss +1 -1
  45. package/scss/bottom-navigation/_variables.scss +8 -8
  46. package/scss/breadcrumb/_variables.scss +17 -17
  47. package/scss/button/_theme.scss +2 -2
  48. package/scss/button/_variables.scss +25 -25
  49. package/scss/calendar/_variables.scss +32 -54
  50. package/scss/captcha/_variables.scss +6 -6
  51. package/scss/card/_variables.scss +17 -17
  52. package/scss/chat/_variables.scss +13 -13
  53. package/scss/checkbox/_variables.scss +9 -9
  54. package/scss/chip/_variables.scss +18 -18
  55. package/scss/color-preview/_variables.scss +1 -1
  56. package/scss/coloreditor/_variables.scss +7 -7
  57. package/scss/colorgradient/_variables.scss +10 -10
  58. package/scss/colorpalette/_variables.scss +3 -3
  59. package/scss/core/_index.scss +15 -0
  60. package/scss/core/border-radii/index.import.scss +13 -0
  61. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  62. package/scss/core/color-system/_swatch.scss +1 -1
  63. package/scss/core/spacing/index.import.scss +14 -0
  64. package/scss/core/typography/index.import.scss +120 -0
  65. package/scss/dataviz/_variables.scss +8 -8
  66. package/scss/datetimepicker/_variables.scss +1 -1
  67. package/scss/dock-manager/_variables.scss +8 -8
  68. package/scss/draggable/_variables.scss +3 -3
  69. package/scss/drawer/_variables.scss +6 -15
  70. package/scss/dropdowntree/_variables.scss +2 -2
  71. package/scss/dropzone/_variables.scss +7 -7
  72. package/scss/editor/_layout.scss +2 -2
  73. package/scss/editor/_variables.scss +3 -3
  74. package/scss/expansion-panel/_variables.scss +9 -9
  75. package/scss/fab/_theme.scss +2 -2
  76. package/scss/fab/_variables.scss +15 -15
  77. package/scss/filemanager/_variables.scss +9 -9
  78. package/scss/forms/_layout.scss +1 -1
  79. package/scss/forms/_variables.scss +17 -17
  80. package/scss/gantt/_variables.scss +152 -7
  81. package/scss/grid/_variables.scss +73 -73
  82. package/scss/imageeditor/_variables.scss +7 -7
  83. package/scss/input/_variables.scss +21 -21
  84. package/scss/list/_variables.scss +24 -24
  85. package/scss/listbox/_variables.scss +3 -3
  86. package/scss/listgroup/_variables.scss +4 -4
  87. package/scss/listview/_variables.scss +8 -8
  88. package/scss/loader/_variables.scss +25 -25
  89. package/scss/map/_variables.scss +8 -8
  90. package/scss/mediaplayer/_variables.scss +5 -5
  91. package/scss/menu/_layout.scss +2 -2
  92. package/scss/menu/_variables.scss +26 -26
  93. package/scss/menu-button/_variables.scss +1 -1
  94. package/scss/messagebox/_variables.scss +3 -3
  95. package/scss/notification/_variables.scss +6 -6
  96. package/scss/orgchart/_variables.scss +11 -11
  97. package/scss/pager/_variables.scss +11 -11
  98. package/scss/panelbar/_variables.scss +8 -8
  99. package/scss/pdf-viewer/_variables.scss +5 -5
  100. package/scss/pivotgrid/_variables.scss +14 -14
  101. package/scss/popup/_variables.scss +4 -4
  102. package/scss/progressbar/_variables.scss +2 -2
  103. package/scss/prompt/_variables.scss +7 -7
  104. package/scss/radio/_variables.scss +9 -9
  105. package/scss/rating/_variables.scss +5 -5
  106. package/scss/scheduler/_layout.scss +4 -4
  107. package/scss/scheduler/_variables.scss +19 -19
  108. package/scss/scrollview/_variables.scss +5 -5
  109. package/scss/signature/_variables.scss +5 -5
  110. package/scss/skeleton/_variables.scss +1 -1
  111. package/scss/slider/_variables.scss +3 -3
  112. package/scss/split-button/_variables.scss +4 -4
  113. package/scss/splitter/_variables.scss +6 -6
  114. package/scss/spreadsheet/_layout.scss +2 -2
  115. package/scss/spreadsheet/_variables.scss +17 -17
  116. package/scss/stepper/_variables.scss +8 -8
  117. package/scss/table/_variables.scss +12 -12
  118. package/scss/tabstrip/_variables.scss +10 -10
  119. package/scss/taskboard/_variables.scss +16 -16
  120. package/scss/tilelayout/_variables.scss +2 -2
  121. package/scss/timeline/_variables.scss +9 -9
  122. package/scss/timeselector/_variables.scss +6 -6
  123. package/scss/toolbar/_variables.scss +11 -11
  124. package/scss/tooltip/_variables.scss +6 -6
  125. package/scss/treelist/_variables.scss +5 -0
  126. package/scss/treeview/_variables.scss +15 -15
  127. package/scss/typography/_variables.scss +138 -55
  128. package/scss/upload/_variables.scss +7 -7
  129. package/scss/window/_variables.scss +6 -6
  130. package/scss/wizard/_variables.scss +7 -7
@@ -1,5 +1,141 @@
1
- $primary-palette-name: teal;
2
- $secondary-palette-name: blue;
3
- $theme-type: dark;
4
- $adjust-contrast: true;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #121212,
5
+ on-app-surface: #ffffff,
6
+ subtle: rgba(255, 255, 255, 0.7),
7
+ surface: #252525,
8
+ surface-alt: #121212,
9
+ border: rgba(white, 0.12),
10
+ border-alt: rgba(white, 0.15),
11
+ base-subtle: #3c3c3c,
12
+ base-subtle-hover: #454545,
13
+ base-subtle-active: #565656,
14
+ base: #212121,
15
+ base-hover: #333333,
16
+ base-active: #565656,
17
+ base-emphasis: #686868,
18
+ base-on-subtle: #ffffff,
19
+ on-base: #ffffff,
20
+ base-on-surface: #ffffff,
21
+ primary-subtle: #001e1b,
22
+ primary-subtle-hover: #003530,
23
+ primary-subtle-active: #004b44,
24
+ primary: #009688,
25
+ primary-hover: #149e92,
26
+ primary-active: #3dafa5,
27
+ primary-emphasis: #007166,
28
+ primary-on-subtle: #a6dad5,
29
+ on-primary: black,
30
+ primary-on-surface: #80cbc4,
31
+ secondary-subtle: #071e31,
32
+ secondary-subtle-hover: #0c3555,
33
+ secondary-subtle-active: #114b7a,
34
+ secondary: #2196f3,
35
+ secondary-hover: #339ef4,
36
+ secondary-active: #56aff6,
37
+ secondary-emphasis: #1971b6,
38
+ secondary-on-subtle: #b1dafb,
39
+ on-secondary: black,
40
+ secondary-on-surface: #90cbf9,
41
+ tertiary-subtle: #001e1b,
42
+ tertiary-subtle-hover: #003530,
43
+ tertiary-subtle-active: #004b44,
44
+ tertiary: #009688,
45
+ tertiary-hover: #149e92,
46
+ tertiary-active: #3dafa5,
47
+ tertiary-emphasis: #007166,
48
+ tertiary-on-subtle: #a6dad5,
49
+ on-tertiary: black,
50
+ tertiary-on-surface: #80cbc4,
51
+ info-subtle: #00122f,
52
+ info-subtle-hover: #001f52,
53
+ info-subtle-active: #002c75,
54
+ info: #0058e9,
55
+ info-hover: #1465eb,
56
+ info-active: #3d80ee,
57
+ info-emphasis: #0042af,
58
+ info-on-subtle: #a6c5f7,
59
+ on-info: white,
60
+ info-on-surface: #80acf4,
61
+ success-subtle: #0b2400,
62
+ success-subtle-hover: #133f00,
63
+ success-subtle-active: #1c5a00,
64
+ success: #37b400,
65
+ success-hover: #47ba14,
66
+ success-active: #67c63d,
67
+ success-emphasis: #298700,
68
+ success-on-subtle: #b9e5a6,
69
+ on-success: black,
70
+ success-on-surface: #9bda80,
71
+ warning-subtle: #332600,
72
+ warning-subtle-hover: #594300,
73
+ warning-subtle-active: #806000,
74
+ warning: #ffc000,
75
+ warning-hover: #ffc514,
76
+ warning-active: #ffcf3d,
77
+ warning-emphasis: #bf9000,
78
+ warning-on-subtle: #ffe9a6,
79
+ on-warning: black,
80
+ warning-on-surface: #ffe080,
81
+ error-subtle: #310500,
82
+ error-subtle-hover: #550800,
83
+ error-subtle-active: #7a0c00,
84
+ error: #f31700,
85
+ error-hover: #f42a14,
86
+ error-active: #f64f3d,
87
+ error-emphasis: #b61100,
88
+ error-on-subtle: #fbaea6,
89
+ on-error: black,
90
+ error-on-surface: #f98b80,
91
+ inverse-subtle: #fafafa,
92
+ inverse-subtle-hover: #f5f5f5,
93
+ inverse-subtle-active: #eeeeee,
94
+ inverse: #f5f5f5,
95
+ inverse-hover: #ebebeb,
96
+ inverse-active: #d6d6d6,
97
+ inverse-emphasis: #e0e0e0,
98
+ inverse-on-subtle: #212121,
99
+ on-inverse: black,
100
+ inverse-on-surface: #616161,
101
+ series-a: #9c27b0,
102
+ series-a-bold: #751d84,
103
+ series-a-bolder: #4e1458,
104
+ series-a-subtle: #b55dc4,
105
+ series-a-subtler: #ce93d8,
106
+ series-b: #2196f3,
107
+ series-b-bold: #1971b6,
108
+ series-b-bolder: #114b7a,
109
+ series-b-subtle: #59b0f6,
110
+ series-b-subtler: #90cbf9,
111
+ series-c: #009688,
112
+ series-c-bold: #007166,
113
+ series-c-bolder: #004b44,
114
+ series-c-subtle: #40b0a6,
115
+ series-c-subtler: #80cbc4,
116
+ series-d: #ffeb3b,
117
+ series-d-bold: #bfb02c,
118
+ series-d-bolder: #80761e,
119
+ series-d-subtle: #fff06c,
120
+ series-d-subtler: #fff59d,
121
+ series-e: #f44336,
122
+ series-e-bold: #b73229,
123
+ series-e-bolder: #7a221b,
124
+ series-e-subtle: #f77268,
125
+ series-e-subtler: #faa19b,
126
+ series-f: #4caf50,
127
+ series-f-bold: #39833c,
128
+ series-f-bolder: #265828,
129
+ series-f-subtle: #79c37c,
130
+ series-f-subtler: #a6d7a8,
131
+ );
132
+
133
+ @if not ($kendo-enable-color-system) {
134
+ $primary-palette-name: teal !global;
135
+ $secondary-palette-name: blue !global;
136
+ $theme-type: dark !global;
137
+ $adjust-contrast: true !global;
138
+ };
139
+
140
+
5
141
  @import "all.scss";
@@ -1,5 +1,131 @@
1
- $primary-palette-name: indigo;
2
- $secondary-palette-name: blue;
3
- $theme-type: light;
4
- $adjust-contrast: true;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: rgba(0, 0, 0, 0.87),
6
+ subtle: rgba(0, 0, 0, 0.54),
7
+ surface: #f5f5f5,
8
+ surface-alt: #ffffff,
9
+ border: rgba(black, 0.12),
10
+ border-alt: rgba(black, 0.15),
11
+ base-subtle: #e0e0e0,
12
+ base-subtle-hover: #d6d6d6,
13
+ base-subtle-active: #c2c2c2,
14
+ base: #ffffff,
15
+ base-hover: whitesmoke,
16
+ base-active: #e0e0e0,
17
+ base-emphasis: #adadad,
18
+ base-on-subtle: rgba(0, 0, 0, 0.87),
19
+ on-base: rgba(0, 0, 0, 0.87),
20
+ base-on-surface: rgba(0, 0, 0, 0.87),
21
+ primary-subtle: #d9dcf0,
22
+ primary-subtle-hover: #bcc2e5,
23
+ primary-subtle-active: #9fa8da,
24
+ primary: #3f51b5,
25
+ primary-hover: #3c4eae,
26
+ primary-active: #37479f,
27
+ primary-emphasis: #6f7dc8,
28
+ primary-on-subtle: #161c3f,
29
+ on-primary: white,
30
+ primary-on-surface: #20295b,
31
+ secondary-subtle: #d0e0f2,
32
+ secondary-subtle-hover: #adc9e9,
33
+ secondary-subtle-active: #8ab2e0,
34
+ secondary: #1565c0,
35
+ secondary-hover: #1461b8,
36
+ secondary-active: #1259a9,
37
+ secondary-emphasis: #508cd0,
38
+ secondary-on-subtle: #072343,
39
+ on-secondary: white,
40
+ secondary-on-surface: #0b3360,
41
+ tertiary-subtle: #cce1de,
42
+ tertiary-subtle-hover: #a6cbc6,
43
+ tertiary-subtle-active: #80b4ae,
44
+ tertiary: #00695c,
45
+ tertiary-hover: #006558,
46
+ tertiary-active: #005c51,
47
+ tertiary-emphasis: #408f85,
48
+ tertiary-on-subtle: #002520,
49
+ on-tertiary: white,
50
+ tertiary-on-surface: #00352e,
51
+ info-subtle: #ccdefb,
52
+ info-subtle-hover: #a6c5f7,
53
+ info-subtle-active: #80acf4,
54
+ info: #0058e9,
55
+ info-hover: #0054e0,
56
+ info-active: #004dcd,
57
+ info-emphasis: #4082ef,
58
+ info-on-subtle: #001f52,
59
+ on-info: white,
60
+ info-on-surface: #002c75,
61
+ success-subtle: #d7f0cc,
62
+ success-subtle-hover: #b9e5a6,
63
+ success-subtle-active: #9bda80,
64
+ success: #37b400,
65
+ success-hover: #35ad00,
66
+ success-active: #309e00,
67
+ success-emphasis: #69c740,
68
+ success-on-subtle: #133f00,
69
+ on-success: black,
70
+ success-on-surface: #1c5a00,
71
+ warning-subtle: #fff2cc,
72
+ warning-subtle-hover: #ffe9a6,
73
+ warning-subtle-active: #ffe080,
74
+ warning: #ffc000,
75
+ warning-hover: #f5b800,
76
+ warning-active: #e0a900,
77
+ warning-emphasis: #ffd040,
78
+ warning-on-subtle: #594300,
79
+ on-warning: black,
80
+ warning-on-surface: #806000,
81
+ error-subtle: #fdd1cc,
82
+ error-subtle-hover: #fbaea6,
83
+ error-subtle-active: #f98b80,
84
+ error: #f31700,
85
+ error-hover: #e91600,
86
+ error-active: #d61400,
87
+ error-emphasis: #f65140,
88
+ error-on-subtle: #550800,
89
+ on-error: black,
90
+ error-on-surface: #7a0c00,
91
+ series-a: #9c27b0,
92
+ series-a-bold: #751d84,
93
+ series-a-bolder: #4e1458,
94
+ series-a-subtle: #b55dc4,
95
+ series-a-subtler: #ce93d8,
96
+ series-b: #2196f3,
97
+ series-b-bold: #1971b6,
98
+ series-b-bolder: #114b7a,
99
+ series-b-subtle: #59b0f6,
100
+ series-b-subtler: #90cbf9,
101
+ series-c: #009688,
102
+ series-c-bold: #007166,
103
+ series-c-bolder: #004b44,
104
+ series-c-subtle: #40b0a6,
105
+ series-c-subtler: #80cbc4,
106
+ series-d: #ffeb3b,
107
+ series-d-bold: #bfb02c,
108
+ series-d-bolder: #80761e,
109
+ series-d-subtle: #fff06c,
110
+ series-d-subtler: #fff59d,
111
+ series-e: #f44336,
112
+ series-e-bold: #b73229,
113
+ series-e-bolder: #7a221b,
114
+ series-e-subtle: #f77268,
115
+ series-e-subtler: #faa19b,
116
+ series-f: #4caf50,
117
+ series-f-bold: #39833c,
118
+ series-f-bolder: #265828,
119
+ series-f-subtle: #79c37c,
120
+ series-f-subtler: #a6d7a8,
121
+ );
122
+
123
+ @if not ($kendo-enable-color-system) {
124
+ $primary-palette-name: indigo !global;
125
+ $secondary-palette-name: blue !global;
126
+ $theme-type: light !global;
127
+ $adjust-contrast: true !global;
128
+ };
129
+
130
+
5
131
  @import "all.scss";
@@ -1,5 +1,141 @@
1
- $primary-palette-name: blue;
2
- $secondary-palette-name: pink;
3
- $theme-type: dark;
4
- $adjust-contrast: true;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #121212,
5
+ on-app-surface: #ffffff,
6
+ subtle: rgba(255, 255, 255, 0.7),
7
+ surface: #252525,
8
+ surface-alt: #121212,
9
+ border: rgba(white, 0.12),
10
+ border-alt: rgba(white, 0.15),
11
+ base-subtle: #3c3c3c,
12
+ base-subtle-hover: #454545,
13
+ base-subtle-active: #565656,
14
+ base: #212121,
15
+ base-hover: #333333,
16
+ base-active: #565656,
17
+ base-emphasis: #686868,
18
+ base-on-subtle: #ffffff,
19
+ on-base: #ffffff,
20
+ base-on-surface: #ffffff,
21
+ primary-subtle: #071e31,
22
+ primary-subtle-hover: #0c3555,
23
+ primary-subtle-active: #114b7a,
24
+ primary: #2196f3,
25
+ primary-hover: #339ef4,
26
+ primary-active: #56aff6,
27
+ primary-emphasis: #1971b6,
28
+ primary-on-subtle: #b1dafb,
29
+ on-primary: black,
30
+ primary-on-surface: #90cbf9,
31
+ secondary-subtle: #311d23,
32
+ secondary-subtle-hover: #55323e,
33
+ secondary-subtle-active: #7a4859,
34
+ secondary: #f48fb1,
35
+ secondary-hover: #f598b7,
36
+ secondary-active: #f7aac4,
37
+ secondary-emphasis: #b76b85,
38
+ secondary-on-subtle: #fbd8e4,
39
+ on-secondary: black,
40
+ secondary-on-surface: #fac7d8,
41
+ tertiary-subtle: #001e1b,
42
+ tertiary-subtle-hover: #003530,
43
+ tertiary-subtle-active: #004b44,
44
+ tertiary: #009688,
45
+ tertiary-hover: #149e92,
46
+ tertiary-active: #3dafa5,
47
+ tertiary-emphasis: #007166,
48
+ tertiary-on-subtle: #a6dad5,
49
+ on-tertiary: black,
50
+ tertiary-on-surface: #80cbc4,
51
+ info-subtle: #00122f,
52
+ info-subtle-hover: #001f52,
53
+ info-subtle-active: #002c75,
54
+ info: #0058e9,
55
+ info-hover: #1465eb,
56
+ info-active: #3d80ee,
57
+ info-emphasis: #0042af,
58
+ info-on-subtle: #a6c5f7,
59
+ on-info: white,
60
+ info-on-surface: #80acf4,
61
+ success-subtle: #0b2400,
62
+ success-subtle-hover: #133f00,
63
+ success-subtle-active: #1c5a00,
64
+ success: #37b400,
65
+ success-hover: #47ba14,
66
+ success-active: #67c63d,
67
+ success-emphasis: #298700,
68
+ success-on-subtle: #b9e5a6,
69
+ on-success: black,
70
+ success-on-surface: #9bda80,
71
+ warning-subtle: #332600,
72
+ warning-subtle-hover: #594300,
73
+ warning-subtle-active: #806000,
74
+ warning: #ffc000,
75
+ warning-hover: #ffc514,
76
+ warning-active: #ffcf3d,
77
+ warning-emphasis: #bf9000,
78
+ warning-on-subtle: #ffe9a6,
79
+ on-warning: black,
80
+ warning-on-surface: #ffe080,
81
+ error-subtle: #310500,
82
+ error-subtle-hover: #550800,
83
+ error-subtle-active: #7a0c00,
84
+ error: #f31700,
85
+ error-hover: #f42a14,
86
+ error-active: #f64f3d,
87
+ error-emphasis: #b61100,
88
+ error-on-subtle: #fbaea6,
89
+ on-error: black,
90
+ error-on-surface: #f98b80,
91
+ inverse-subtle: #fafafa,
92
+ inverse-subtle-hover: #f5f5f5,
93
+ inverse-subtle-active: #eeeeee,
94
+ inverse: #f5f5f5,
95
+ inverse-hover: #ebebeb,
96
+ inverse-active: #d6d6d6,
97
+ inverse-emphasis: #e0e0e0,
98
+ inverse-on-subtle: #212121,
99
+ on-inverse: black,
100
+ inverse-on-surface: #616161,
101
+ series-a: #9c27b0,
102
+ series-a-bold: #751d84,
103
+ series-a-bolder: #4e1458,
104
+ series-a-subtle: #b55dc4,
105
+ series-a-subtler: #ce93d8,
106
+ series-b: #2196f3,
107
+ series-b-bold: #1971b6,
108
+ series-b-bolder: #114b7a,
109
+ series-b-subtle: #59b0f6,
110
+ series-b-subtler: #90cbf9,
111
+ series-c: #009688,
112
+ series-c-bold: #007166,
113
+ series-c-bolder: #004b44,
114
+ series-c-subtle: #40b0a6,
115
+ series-c-subtler: #80cbc4,
116
+ series-d: #ffeb3b,
117
+ series-d-bold: #bfb02c,
118
+ series-d-bolder: #80761e,
119
+ series-d-subtle: #fff06c,
120
+ series-d-subtler: #fff59d,
121
+ series-e: #f44336,
122
+ series-e-bold: #b73229,
123
+ series-e-bolder: #7a221b,
124
+ series-e-subtle: #f77268,
125
+ series-e-subtler: #faa19b,
126
+ series-f: #4caf50,
127
+ series-f-bold: #39833c,
128
+ series-f-bolder: #265828,
129
+ series-f-subtle: #79c37c,
130
+ series-f-subtler: #a6d7a8,
131
+ );
132
+
133
+ @if not ($kendo-enable-color-system) {
134
+ $primary-palette-name: blue !global;
135
+ $secondary-palette-name: pink !global;
136
+ $theme-type: dark !global;
137
+ $adjust-contrast: true !global;
138
+ };
139
+
140
+
5
141
  @import "all.scss";
@@ -1,5 +1,131 @@
1
- $primary-palette-name: blue;
2
- $secondary-palette-name: pink;
3
- $theme-type: light;
4
- $adjust-contrast: true;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: rgba(0, 0, 0, 0.87),
6
+ subtle: rgba(0, 0, 0, 0.54),
7
+ surface: #f5f5f5,
8
+ surface-alt: #ffffff,
9
+ border: rgba(black, 0.12),
10
+ border-alt: rgba(black, 0.15),
11
+ base-subtle: #e0e0e0,
12
+ base-subtle-hover: #d6d6d6,
13
+ base-subtle-active: #c2c2c2,
14
+ base: #ffffff,
15
+ base-hover: whitesmoke,
16
+ base-active: #e0e0e0,
17
+ base-emphasis: #adadad,
18
+ base-on-subtle: rgba(0, 0, 0, 0.87),
19
+ on-base: rgba(0, 0, 0, 0.87),
20
+ base-on-surface: rgba(0, 0, 0, 0.87),
21
+ primary-subtle: #d0e0f2,
22
+ primary-subtle-hover: #adc9e9,
23
+ primary-subtle-active: #8ab2e0,
24
+ primary: #1565c0,
25
+ primary-hover: #1461b8,
26
+ primary-active: #1259a9,
27
+ primary-emphasis: #508cd0,
28
+ primary-on-subtle: #072343,
29
+ on-primary: white,
30
+ primary-on-surface: #0b3360,
31
+ secondary-subtle: #fad1df,
32
+ secondary-subtle-hover: #f6afc7,
33
+ secondary-subtle-active: #f28daf,
34
+ secondary: #e51a5f,
35
+ secondary-hover: #dc195b,
36
+ secondary-active: #ca1754,
37
+ secondary-emphasis: #ec5387,
38
+ secondary-on-subtle: #500921,
39
+ on-secondary: white,
40
+ secondary-on-surface: #730d30,
41
+ tertiary-subtle: #cce1de,
42
+ tertiary-subtle-hover: #a6cbc6,
43
+ tertiary-subtle-active: #80b4ae,
44
+ tertiary: #00695c,
45
+ tertiary-hover: #006558,
46
+ tertiary-active: #005c51,
47
+ tertiary-emphasis: #408f85,
48
+ tertiary-on-subtle: #002520,
49
+ on-tertiary: white,
50
+ tertiary-on-surface: #00352e,
51
+ info-subtle: #ccdefb,
52
+ info-subtle-hover: #a6c5f7,
53
+ info-subtle-active: #80acf4,
54
+ info: #0058e9,
55
+ info-hover: #0054e0,
56
+ info-active: #004dcd,
57
+ info-emphasis: #4082ef,
58
+ info-on-subtle: #001f52,
59
+ on-info: white,
60
+ info-on-surface: #002c75,
61
+ success-subtle: #d7f0cc,
62
+ success-subtle-hover: #b9e5a6,
63
+ success-subtle-active: #9bda80,
64
+ success: #37b400,
65
+ success-hover: #35ad00,
66
+ success-active: #309e00,
67
+ success-emphasis: #69c740,
68
+ success-on-subtle: #133f00,
69
+ on-success: black,
70
+ success-on-surface: #1c5a00,
71
+ warning-subtle: #fff2cc,
72
+ warning-subtle-hover: #ffe9a6,
73
+ warning-subtle-active: #ffe080,
74
+ warning: #ffc000,
75
+ warning-hover: #f5b800,
76
+ warning-active: #e0a900,
77
+ warning-emphasis: #ffd040,
78
+ warning-on-subtle: #594300,
79
+ on-warning: black,
80
+ warning-on-surface: #806000,
81
+ error-subtle: #fdd1cc,
82
+ error-subtle-hover: #fbaea6,
83
+ error-subtle-active: #f98b80,
84
+ error: #f31700,
85
+ error-hover: #e91600,
86
+ error-active: #d61400,
87
+ error-emphasis: #f65140,
88
+ error-on-subtle: #550800,
89
+ on-error: black,
90
+ error-on-surface: #7a0c00,
91
+ series-a: #9c27b0,
92
+ series-a-bold: #751d84,
93
+ series-a-bolder: #4e1458,
94
+ series-a-subtle: #b55dc4,
95
+ series-a-subtler: #ce93d8,
96
+ series-b: #2196f3,
97
+ series-b-bold: #1971b6,
98
+ series-b-bolder: #114b7a,
99
+ series-b-subtle: #59b0f6,
100
+ series-b-subtler: #90cbf9,
101
+ series-c: #009688,
102
+ series-c-bold: #007166,
103
+ series-c-bolder: #004b44,
104
+ series-c-subtle: #40b0a6,
105
+ series-c-subtler: #80cbc4,
106
+ series-d: #ffeb3b,
107
+ series-d-bold: #bfb02c,
108
+ series-d-bolder: #80761e,
109
+ series-d-subtle: #fff06c,
110
+ series-d-subtler: #fff59d,
111
+ series-e: #f44336,
112
+ series-e-bold: #b73229,
113
+ series-e-bolder: #7a221b,
114
+ series-e-subtle: #f77268,
115
+ series-e-subtler: #faa19b,
116
+ series-f: #4caf50,
117
+ series-f-bold: #39833c,
118
+ series-f-bolder: #265828,
119
+ series-f-subtle: #79c37c,
120
+ series-f-subtler: #a6d7a8,
121
+ );
122
+
123
+ @if not ($kendo-enable-color-system) {
124
+ $primary-palette-name: blue !global;
125
+ $secondary-palette-name: pink !global;
126
+ $theme-type: light !global;
127
+ $adjust-contrast: true !global;
128
+ };
129
+
130
+
5
131
  @import "all.scss";
@@ -1,5 +1,131 @@
1
- $primary-palette-name: blueGray;
2
- $secondary-palette-name: pink;
3
- $theme-type: light;
4
- $adjust-contrast: true;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: rgba(0, 0, 0, 0.87),
6
+ subtle: rgba(0, 0, 0, 0.54),
7
+ surface: #f5f5f5,
8
+ surface-alt: #ffffff,
9
+ border: rgba(black, 0.12),
10
+ border-alt: rgba(black, 0.15),
11
+ base-subtle: #e0e0e0,
12
+ base-subtle-hover: #d6d6d6,
13
+ base-subtle-active: #c2c2c2,
14
+ base: #ffffff,
15
+ base-hover: whitesmoke,
16
+ base-active: #e0e0e0,
17
+ base-emphasis: #adadad,
18
+ base-on-subtle: rgba(0, 0, 0, 0.87),
19
+ on-base: rgba(0, 0, 0, 0.87),
20
+ base-on-surface: rgba(0, 0, 0, 0.87),
21
+ primary-subtle: #d7dadc,
22
+ primary-subtle-hover: #b9bfc1,
23
+ primary-subtle-active: #9ba3a7,
24
+ primary: #37474f,
25
+ primary-hover: #35444c,
26
+ primary-active: #303e46,
27
+ primary-emphasis: #69757b,
28
+ primary-on-subtle: #13191c,
29
+ on-primary: white,
30
+ primary-on-surface: #1c2428,
31
+ secondary-subtle: #fad1df,
32
+ secondary-subtle-hover: #f6afc7,
33
+ secondary-subtle-active: #f28daf,
34
+ secondary: #e51a5f,
35
+ secondary-hover: #dc195b,
36
+ secondary-active: #ca1754,
37
+ secondary-emphasis: #ec5387,
38
+ secondary-on-subtle: #500921,
39
+ on-secondary: white,
40
+ secondary-on-surface: #730d30,
41
+ tertiary-subtle: #cce1de,
42
+ tertiary-subtle-hover: #a6cbc6,
43
+ tertiary-subtle-active: #80b4ae,
44
+ tertiary: #00695c,
45
+ tertiary-hover: #006558,
46
+ tertiary-active: #005c51,
47
+ tertiary-emphasis: #408f85,
48
+ tertiary-on-subtle: #002520,
49
+ on-tertiary: white,
50
+ tertiary-on-surface: #00352e,
51
+ info-subtle: #ccdefb,
52
+ info-subtle-hover: #a6c5f7,
53
+ info-subtle-active: #80acf4,
54
+ info: #0058e9,
55
+ info-hover: #0054e0,
56
+ info-active: #004dcd,
57
+ info-emphasis: #4082ef,
58
+ info-on-subtle: #001f52,
59
+ on-info: white,
60
+ info-on-surface: #002c75,
61
+ success-subtle: #d7f0cc,
62
+ success-subtle-hover: #b9e5a6,
63
+ success-subtle-active: #9bda80,
64
+ success: #37b400,
65
+ success-hover: #35ad00,
66
+ success-active: #309e00,
67
+ success-emphasis: #69c740,
68
+ success-on-subtle: #133f00,
69
+ on-success: black,
70
+ success-on-surface: #1c5a00,
71
+ warning-subtle: #fff2cc,
72
+ warning-subtle-hover: #ffe9a6,
73
+ warning-subtle-active: #ffe080,
74
+ warning: #ffc000,
75
+ warning-hover: #f5b800,
76
+ warning-active: #e0a900,
77
+ warning-emphasis: #ffd040,
78
+ warning-on-subtle: #594300,
79
+ on-warning: black,
80
+ warning-on-surface: #806000,
81
+ error-subtle: #fdd1cc,
82
+ error-subtle-hover: #fbaea6,
83
+ error-subtle-active: #f98b80,
84
+ error: #f31700,
85
+ error-hover: #e91600,
86
+ error-active: #d61400,
87
+ error-emphasis: #f65140,
88
+ error-on-subtle: #550800,
89
+ on-error: black,
90
+ error-on-surface: #7a0c00,
91
+ series-a: #9c27b0,
92
+ series-a-bold: #751d84,
93
+ series-a-bolder: #4e1458,
94
+ series-a-subtle: #b55dc4,
95
+ series-a-subtler: #ce93d8,
96
+ series-b: #2196f3,
97
+ series-b-bold: #1971b6,
98
+ series-b-bolder: #114b7a,
99
+ series-b-subtle: #59b0f6,
100
+ series-b-subtler: #90cbf9,
101
+ series-c: #009688,
102
+ series-c-bold: #007166,
103
+ series-c-bolder: #004b44,
104
+ series-c-subtle: #40b0a6,
105
+ series-c-subtler: #80cbc4,
106
+ series-d: #ffeb3b,
107
+ series-d-bold: #bfb02c,
108
+ series-d-bolder: #80761e,
109
+ series-d-subtle: #fff06c,
110
+ series-d-subtler: #fff59d,
111
+ series-e: #f44336,
112
+ series-e-bold: #b73229,
113
+ series-e-bolder: #7a221b,
114
+ series-e-subtle: #f77268,
115
+ series-e-subtler: #faa19b,
116
+ series-f: #4caf50,
117
+ series-f-bold: #39833c,
118
+ series-f-bolder: #265828,
119
+ series-f-subtle: #79c37c,
120
+ series-f-subtler: #a6d7a8,
121
+ );
122
+
123
+ @if not ($kendo-enable-color-system) {
124
+ $primary-palette-name: blueGray !global;
125
+ $secondary-palette-name: pink !global;
126
+ $theme-type: light !global;
127
+ $adjust-contrast: true !global;
128
+ };
129
+
130
+
5
131
  @import "all.scss";