@progress/kendo-theme-classic 7.3.0-dev.0 → 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.
Files changed (40) hide show
  1. package/dist/all.css +2860 -2123
  2. package/dist/all.scss +487 -145
  3. package/dist/classic-green-dark.scss +155 -29
  4. package/dist/classic-green.scss +145 -29
  5. package/dist/classic-lavender-dark.scss +158 -33
  6. package/dist/classic-lavender.scss +144 -29
  7. package/dist/classic-main-dark.scss +155 -29
  8. package/dist/classic-main.scss +34 -29
  9. package/dist/classic-metro-dark.scss +159 -34
  10. package/dist/classic-metro.scss +148 -33
  11. package/dist/classic-moonlight.scss +159 -34
  12. package/dist/classic-opal-dark.scss +160 -34
  13. package/dist/classic-opal.scss +145 -29
  14. package/dist/classic-silver-dark.scss +155 -29
  15. package/dist/classic-silver.scss +145 -29
  16. package/dist/classic-uniform.scss +147 -31
  17. package/dist/meta/sassdoc-data.json +44735 -33425
  18. package/dist/meta/sassdoc-raw-data.json +13871 -8646
  19. package/dist/meta/variables.json +1648 -1644
  20. package/lib/swatches/classic-green-dark.json +601 -1
  21. package/lib/swatches/classic-green.json +551 -1
  22. package/lib/swatches/classic-lavender-dark.json +602 -2
  23. package/lib/swatches/classic-lavender.json +552 -2
  24. package/lib/swatches/classic-main-dark.json +601 -1
  25. package/lib/swatches/classic-main.json +11 -1
  26. package/lib/swatches/classic-metro-dark.json +608 -6
  27. package/lib/swatches/classic-metro.json +552 -2
  28. package/lib/swatches/classic-moonlight.json +608 -6
  29. package/lib/swatches/classic-opal-dark.json +601 -1
  30. package/lib/swatches/classic-opal.json +551 -1
  31. package/lib/swatches/classic-silver-dark.json +601 -1
  32. package/lib/swatches/classic-silver.json +551 -1
  33. package/lib/swatches/classic-uniform.json +551 -1
  34. package/package.json +5 -5
  35. package/scss/button/_variables.scss +2 -2
  36. package/scss/calendar/_variables.scss +198 -3
  37. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  38. package/scss/core/color-system/_swatch.scss +1 -1
  39. package/scss/drawer/_variables.scss +65 -0
  40. package/scss/panelbar/_variables.scss +167 -0
package/dist/classic-lavender.scss CHANGED
@@ -1,36 +1,151 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #9e5da9;
3
- $kendo-color-secondary: #f6f6f6;
4
- $kendo-color-info: #3e80ed;
5
- $kendo-color-success: #5ec232;
6
- $kendo-color-warning: #fdce3e;
7
- $kendo-color-error: #d51923;
8
- $kendo-body-text: #121212;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #666666;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #121212;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #121212;
15
- $kendo-base-bg: #fafafa;
16
- $kendo-hover-text: #121212;
17
- $kendo-hover-bg: #ececec;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #9e5da9;
20
- $kendo-button-text: #121212;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #9e5da9;
23
- $kendo-link-hover-text: #77467f;
24
- $kendo-series-a: #bf70cc;
25
- $kendo-series-b: #ffd246;
26
- $kendo-series-c: #78d237;
27
- $kendo-series-d: #28b4c8;
28
- $kendo-series-e: #2d73f5;
29
- $kendo-series-f: #aa46be;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: #121212,
6
+ subtle: #666666,
7
+ surface: #fafafa,
8
+ surface-alt: #ffffff,
9
+ border: #cecece,
10
+ border-alt: #bababa,
11
+ base-subtle: #f7f7f7,
12
+ base-subtle-hover: #f6f6f6,
13
+ base-subtle-active: #e6e6e6,
14
+ base: #f5f5f5,
15
+ base-hover: #e1e1e1,
16
+ base-active: #cecece,
17
+ base-emphasis: lightgray,
18
+ base-on-subtle: #121212,
19
+ on-base: #121212,
20
+ base-on-surface: #121212,
21
+ primary-subtle: #ecdfee,
22
+ primary-subtle-hover: #ddc6e1,
23
+ primary-subtle-active: #cfaed4,
24
+ primary: #9e5da9,
25
+ primary-hover: #91569b,
26
+ primary-active: #854e8e,
27
+ primary-emphasis: #b686bf,
28
+ primary-on-subtle: #37213b,
29
+ on-primary: white,
30
+ primary-on-surface: #77467f,
31
+ secondary-subtle: #fdfdfd,
32
+ secondary-subtle-hover: #fcfcfc,
33
+ secondary-subtle-active: #fbfbfb,
34
+ secondary: #f6f6f6,
35
+ secondary-hover: #e2e2e2,
36
+ secondary-active: #cfcfcf,
37
+ secondary-emphasis: #f8f8f8,
38
+ secondary-on-subtle: #565656,
39
+ on-secondary: black,
40
+ secondary-on-surface: #b9b9b9,
41
+ info-subtle: #d8e6fb,
42
+ info-subtle-hover: #bbd3f9,
43
+ info-subtle-active: #9fc0f6,
44
+ info: #3e80ed,
45
+ info-hover: #3976da,
46
+ info-active: #346cc7,
47
+ info-emphasis: #6ea0f2,
48
+ info-on-subtle: #162d53,
49
+ on-info: white,
50
+ info-on-surface: #2f60b2,
51
+ success-subtle: #dff3d6,
52
+ success-subtle-hover: #c7eab7,
53
+ success-subtle-active: #afe199,
54
+ success: #5ec232,
55
+ success-hover: #56b22e,
56
+ success-active: #4fa32a,
57
+ success-emphasis: #86d165,
58
+ success-on-subtle: #214412,
59
+ on-success: white,
60
+ success-on-surface: #479226,
61
+ warning-subtle: #fff5d8,
62
+ warning-subtle-hover: #feeebb,
63
+ warning-subtle-active: #fee79f,
64
+ warning: #fdce3e,
65
+ warning-hover: #e9be39,
66
+ warning-active: #d5ad34,
67
+ warning-emphasis: #feda6e,
68
+ warning-on-subtle: #594816,
69
+ on-warning: black,
70
+ warning-on-surface: #be9b2f,
71
+ error-subtle: #f7d1d3,
72
+ error-subtle-hover: #f0afb2,
73
+ error-subtle-active: #ea8c91,
74
+ error: #d51923,
75
+ error-hover: #c41720,
76
+ error-active: #b3151d,
77
+ error-emphasis: #e0535a,
78
+ error-on-subtle: #4b090c,
79
+ on-error: white,
80
+ error-on-surface: #a0131a,
81
+ series-a: #bf70cc,
82
+ series-a-bold: #8f5499,
83
+ series-a-bolder: #603866,
84
+ series-a-subtle: #cf94d9,
85
+ series-a-subtler: #dfb8e6,
86
+ series-b: #ffd246,
87
+ series-b-bold: #bf9e35,
88
+ series-b-bolder: #806923,
89
+ series-b-subtle: #ffdd74,
90
+ series-b-subtler: #ffe9a3,
91
+ series-c: #78d237,
92
+ series-c-bold: #5a9e29,
93
+ series-c-bolder: #3c691c,
94
+ series-c-subtle: #9add69,
95
+ series-c-subtler: #bce99b,
96
+ series-d: #28b4c8,
97
+ series-d-bold: #1e8796,
98
+ series-d-bolder: #145a64,
99
+ series-d-subtle: #5ec7d6,
100
+ series-d-subtler: #94dae4,
101
+ series-e: #2d73f5,
102
+ series-e-bold: #2256b8,
103
+ series-e-bolder: #173a7b,
104
+ series-e-subtle: #6296f8,
105
+ series-e-subtler: #96b9fa,
106
+ series-f: #aa46be,
107
+ series-f-bold: #80358f,
108
+ series-f-bolder: #55235f,
109
+ series-f-subtle: #bf74ce,
110
+ series-f-subtler: #d5a3df,
111
+ );
112
+
113
+ @if not ($kendo-enable-color-system) {
114
+ $kendo-is-dark-theme: false !global;
115
+ $kendo-color-primary: #9e5da9 !global;
116
+ $kendo-color-secondary: #f6f6f6 !global;
117
+ $kendo-color-info: #3e80ed !global;
118
+ $kendo-color-success: #5ec232 !global;
119
+ $kendo-color-warning: #fdce3e !global;
120
+ $kendo-color-error: #d51923 !global;
121
+ $kendo-body-text: #121212 !global;
122
+ $kendo-body-bg: #ffffff !global;
123
+ $kendo-subtle-text: #666666 !global;
124
+ $kendo-disabled-text: #8f8f8f !global;
125
+ $kendo-component-text: #121212 !global;
126
+ $kendo-component-bg: #ffffff !global;
127
+ $kendo-base-text: #121212 !global;
128
+ $kendo-base-bg: #fafafa !global;
129
+ $kendo-hover-text: #121212 !global;
130
+ $kendo-hover-bg: #ececec !global;
131
+ $kendo-selected-text: #ffffff !global;
132
+ $kendo-selected-bg: #9e5da9 !global;
133
+ $kendo-button-text: #121212 !global;
134
+ $kendo-button-bg: #f5f5f5 !global;
135
+ $kendo-link-text: #9e5da9 !global;
136
+ $kendo-link-hover-text: #77467f !global;
137
+ $kendo-series-a: #bf70cc !global;
138
+ $kendo-series-b: #ffd246 !global;
139
+ $kendo-series-c: #78d237 !global;
140
+ $kendo-series-d: #28b4c8 !global;
141
+ $kendo-series-e: #2d73f5 !global;
142
+ $kendo-series-f: #aa46be !global;
143
+ };
30
144
  $kendo-enable-gradients: false;
31
145
  $kendo-enable-rounded: true;
32
146
  $kendo-focus-shadow: 0 0 0 2px rgba( 0, 0, 0, .12 );
33
147
  $kendo-focus-inset-shadow: inset 0 0 0 2px rgba( 0, 0, 0, .12 );
34
148
  $kendo-list-item-focus-shadow: $kendo-focus-inset-shadow;
35
149
  $kendo-treeview-item-focus-shadow: $kendo-focus-inset-shadow;
150
+
36
151
  @import "all.scss";
package/dist/classic-main-dark.scss CHANGED
@@ -1,30 +1,156 @@
1
- $kendo-is-dark-theme: true;
2
- $kendo-color-primary: #f35800;
3
- $kendo-color-secondary: #e9e9e9;
4
- $kendo-color-info: #007bc3;
5
- $kendo-color-success: #3ea44e;
6
- $kendo-color-warning: #ff9800;
7
- $kendo-color-error: #d92800;
8
- $kendo-body-text: #ffffff;
9
- $kendo-body-bg: #000000;
10
- $kendo-subtle-text: #e0e0e0;
11
- $kendo-disabled-text: #d0d0d0;
12
- $kendo-component-text: #ffffff;
13
- $kendo-component-bg: #202020;
14
- $kendo-base-text: #ffffff;
15
- $kendo-base-bg: #101010;
16
- $kendo-hover-text: #ffffff;
17
- $kendo-hover-bg: #232323;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #ff6358;
20
- $kendo-button-text: #ffffff;
21
- $kendo-button-bg: #101010;
22
- $kendo-link-text: #f35800;
23
- $kendo-link-hover-text: #cc4a00;
24
- $kendo-series-a: #007bc3;
25
- $kendo-series-b: #3ea44e;
26
- $kendo-series-c: #ffae00;
27
- $kendo-series-d: #ef4c00;
28
- $kendo-series-e: #a419b7;
29
- $kendo-series-f: #430b62;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #000000,
5
+ on-app-surface: #ffffff,
6
+ subtle: #e0e0e0,
7
+ surface: #101010,
8
+ surface-alt: #202020,
9
+ border: #5c5c5c,
10
+ border-alt: #838383,
11
+ base-subtle: #0d0d0d,
12
+ base-subtle-hover: #0f0f0f,
13
+ base-subtle-active: #1e1e1e,
14
+ base: #101010,
15
+ base-hover: #363636,
16
+ base-active: #5c5c5c,
17
+ base-emphasis: #313131,
18
+ base-on-subtle: #ffffff,
19
+ on-base: #ffffff,
20
+ base-on-surface: #ffffff,
21
+ primary-subtle: #311200,
22
+ primary-subtle-hover: #551f00,
23
+ primary-subtle-active: #7a2c00,
24
+ primary: #f35800,
25
+ primary-hover: #f57329,
26
+ primary-active: #f78d52,
27
+ primary-emphasis: #b64200,
28
+ primary-on-subtle: #fbc5a6,
29
+ on-primary: white,
30
+ primary-on-surface: #f68240,
31
+ secondary-subtle: #2f2f2f,
32
+ secondary-subtle-hover: #525252,
33
+ secondary-subtle-active: #757575,
34
+ secondary: #e9e9e9,
35
+ secondary-hover: #ededed,
36
+ secondary-active: #f0f0f0,
37
+ secondary-emphasis: #afafaf,
38
+ secondary-on-subtle: #f7f7f7,
39
+ on-secondary: black,
40
+ secondary-on-surface: #efefef,
41
+ info-subtle: #001927,
42
+ info-subtle-hover: #002b44,
43
+ info-subtle-active: #003e62,
44
+ info: #007bc3,
45
+ info-hover: #2990cd,
46
+ info-active: #52a5d6,
47
+ info-emphasis: #005c92,
48
+ info-on-subtle: #a6d1ea,
49
+ on-info: white,
50
+ info-on-surface: #409cd2,
51
+ success-subtle: #0c2110,
52
+ success-subtle-hover: #16391b,
53
+ success-subtle-active: #1f5227,
54
+ success: #3ea44e,
55
+ success-hover: #5db36a,
56
+ success-active: #7cc187,
57
+ success-emphasis: #2f7b3b,
58
+ success-on-subtle: #bbdfc1,
59
+ on-success: white,
60
+ success-on-surface: #6ebb7a,
61
+ warning-subtle: #331e00,
62
+ warning-subtle-hover: #593500,
63
+ warning-subtle-active: #804c00,
64
+ warning: #ff9800,
65
+ warning-hover: #ffa829,
66
+ warning-active: #ffb952,
67
+ warning-emphasis: #bf7200,
68
+ warning-on-subtle: #ffdba6,
69
+ on-warning: white,
70
+ warning-on-surface: #ffb240,
71
+ error-subtle: #2b0800,
72
+ error-subtle-hover: #4c0e00,
73
+ error-subtle-active: #6d1400,
74
+ error: #d92800,
75
+ error-hover: #df4a29,
76
+ error-active: #e56d52,
77
+ error-emphasis: #a31e00,
78
+ error-on-subtle: #f2b4a6,
79
+ on-error: white,
80
+ error-on-surface: #e35e40,
81
+ inverse-subtle: #f0f0f0,
82
+ inverse-subtle-hover: #ebebeb,
83
+ inverse-subtle-active: #dddddd,
84
+ inverse: #ebebeb,
85
+ inverse-hover: #dddddd,
86
+ inverse-active: #d6d6d6,
87
+ inverse-emphasis: #cacaca,
88
+ inverse-on-subtle: #272727,
89
+ on-inverse: black,
90
+ inverse-on-surface: #ebebeb,
91
+ series-a: #007bc3,
92
+ series-a-bold: #005c92,
93
+ series-a-bolder: #003e62,
94
+ series-a-subtle: #409cd2,
95
+ series-a-subtler: #80bde1,
96
+ series-b: #3ea44e,
97
+ series-b-bold: #2f7b3b,
98
+ series-b-bolder: #1f5227,
99
+ series-b-subtle: #6ebb7a,
100
+ series-b-subtler: #9fd2a7,
101
+ series-c: #ffae00,
102
+ series-c-bold: #bf8300,
103
+ series-c-bolder: #805700,
104
+ series-c-subtle: #ffc240,
105
+ series-c-subtler: #ffd780,
106
+ series-d: #ef4c00,
107
+ series-d-bold: #b33900,
108
+ series-d-bolder: #782600,
109
+ series-d-subtle: #f37940,
110
+ series-d-subtler: #f7a680,
111
+ series-e: #a419b7,
112
+ series-e-bold: #7b1389,
113
+ series-e-bolder: #520d5c,
114
+ series-e-subtle: #bb53c9,
115
+ series-e-subtler: #d28cdb,
116
+ series-f: #430b62,
117
+ series-f-bold: #32084a,
118
+ series-f-bolder: #220631,
119
+ series-f-subtle: #724889,
120
+ series-f-subtler: #a185b1,
121
+ );
122
+
123
+ @if not ($kendo-enable-color-system) {
124
+ $kendo-is-dark-theme: true !global;
125
+ $kendo-color-primary: #f35800 !global;
126
+ $kendo-color-secondary: #e9e9e9 !global;
127
+ $kendo-color-info: #007bc3 !global;
128
+ $kendo-color-success: #3ea44e !global;
129
+ $kendo-color-warning: #ff9800 !global;
130
+ $kendo-color-error: #d92800 !global;
131
+ $kendo-body-text: #ffffff !global;
132
+ $kendo-body-bg: #000000 !global;
133
+ $kendo-subtle-text: #e0e0e0 !global;
134
+ $kendo-disabled-text: #d0d0d0 !global;
135
+ $kendo-component-text: #ffffff !global;
136
+ $kendo-component-bg: #202020 !global;
137
+ $kendo-base-text: #ffffff !global;
138
+ $kendo-base-bg: #101010 !global;
139
+ $kendo-hover-text: #ffffff !global;
140
+ $kendo-hover-bg: #232323 !global;
141
+ $kendo-selected-text: #ffffff !global;
142
+ $kendo-selected-bg: #ff6358 !global;
143
+ $kendo-button-text: #ffffff !global;
144
+ $kendo-button-bg: #101010 !global;
145
+ $kendo-link-text: #f35800 !global;
146
+ $kendo-link-hover-text: #cc4a00 !global;
147
+ $kendo-series-a: #007bc3 !global;
148
+ $kendo-series-b: #3ea44e !global;
149
+ $kendo-series-c: #ffae00 !global;
150
+ $kendo-series-d: #ef4c00 !global;
151
+ $kendo-series-e: #a419b7 !global;
152
+ $kendo-series-f: #430b62 !global;
153
+ };
154
+
155
+
30
156
  @import "all.scss";
package/dist/classic-main.scss CHANGED
@@ -1,30 +1,35 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #f35800;
3
- $kendo-color-secondary: #e9e9e9;
4
- $kendo-color-info: #007bc3;
5
- $kendo-color-success: #3ea44e;
6
- $kendo-color-warning: #ff9800;
7
- $kendo-color-error: #d92800;
8
- $kendo-body-text: #272727;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #666666;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #272727;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #272727;
15
- $kendo-base-bg: #f0f0f0;
16
- $kendo-hover-text: #272727;
17
- $kendo-hover-bg: #bababa;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #ff6358;
20
- $kendo-button-text: #272727;
21
- $kendo-button-bg: #f0f0f0;
22
- $kendo-link-text: #f35800;
23
- $kendo-link-hover-text: #cc4a00;
24
- $kendo-series-a: #007bc3;
25
- $kendo-series-b: #3ea44e;
26
- $kendo-series-c: #ffae00;
27
- $kendo-series-d: #ef4c00;
28
- $kendo-series-e: #a419b7;
29
- $kendo-series-f: #430b62;
1
+ $kendo-enable-color-system: true;
2
+ @if not ($kendo-enable-color-system) {
3
+ $kendo-is-dark-theme: false !global;
4
+ $kendo-color-primary: #f35800 !global;
5
+ $kendo-color-secondary: #e9e9e9 !global;
6
+ $kendo-color-info: #007bc3 !global;
7
+ $kendo-color-success: #3ea44e !global;
8
+ $kendo-color-warning: #ff9800 !global;
9
+ $kendo-color-error: #d92800 !global;
10
+ $kendo-body-text: #272727 !global;
11
+ $kendo-body-bg: #ffffff !global;
12
+ $kendo-subtle-text: #666666 !global;
13
+ $kendo-disabled-text: #8f8f8f !global;
14
+ $kendo-component-text: #272727 !global;
15
+ $kendo-component-bg: #ffffff !global;
16
+ $kendo-base-text: #272727 !global;
17
+ $kendo-base-bg: #f0f0f0 !global;
18
+ $kendo-hover-text: #272727 !global;
19
+ $kendo-hover-bg: #bababa !global;
20
+ $kendo-selected-text: #ffffff !global;
21
+ $kendo-selected-bg: #ff6358 !global;
22
+ $kendo-button-text: #272727 !global;
23
+ $kendo-button-bg: #f0f0f0 !global;
24
+ $kendo-link-text: #f35800 !global;
25
+ $kendo-link-hover-text: #cc4a00 !global;
26
+ $kendo-series-a: #007bc3 !global;
27
+ $kendo-series-b: #3ea44e !global;
28
+ $kendo-series-c: #ffae00 !global;
29
+ $kendo-series-d: #ef4c00 !global;
30
+ $kendo-series-e: #a419b7 !global;
31
+ $kendo-series-f: #430b62 !global;
32
+ };
33
+
34
+
30
35
  @import "all.scss";
package/dist/classic-metro-dark.scss CHANGED
@@ -1,41 +1,166 @@
1
- $kendo-is-dark-theme: true;
2
- $kendo-color-primary: #008381;
3
- $kendo-color-secondary: #2c232b;
4
- $kendo-color-info: #007bc3;
5
- $kendo-color-success: #3ea44e;
6
- $kendo-color-warning: #ff9800;
7
- $kendo-color-error: #d92800;
8
- $kendo-body-bg: #000000;
9
- $kendo-body-text: #ffffff;
10
- $kendo-subtle-text: #e0e0e0;
11
- $kendo-disabled-text: #d0d0d0;
12
- $kendo-component-bg: #0e0e0e;
13
- $kendo-component-text: #ffffff;
14
- $kendo-component-border: #323232;
15
- $kendo-base-bg: #0e0e0e;
16
- $kendo-base-text: #ffffff;
17
- $kendo-base-border: #323232;
18
- $kendo-hover-bg: #004443;
19
- $kendo-hover-text: #ffffff;
20
- $kendo-hover-border: #323232;
21
- $kendo-selected-bg: #008381;
22
- $kendo-selected-text: #ffffff;
23
- $kendo-button-bg: #2c232b;
24
- $kendo-button-text: #ffffff;
25
- $kendo-button-border: #323232;
26
- $kendo-link-text: #008381;
27
- $kendo-link-hover-text: #00a7a5;
28
- $kendo-series-a: #007bc3;
29
- $kendo-series-b: #3ea44e;
30
- $kendo-series-c: #ffae00;
31
- $kendo-series-d: #ef4c00;
32
- $kendo-series-e: #a419b7;
33
- $kendo-series-f: #430b62;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #000000,
5
+ on-app-surface: #ffffff,
6
+ subtle: #e0e0e0,
7
+ surface: #0e0e0e,
8
+ surface-alt: #0e0e0e,
9
+ border: #323232,
10
+ border-alt: #918d91,
11
+ base-subtle: #231c22,
12
+ base-subtle-hover: #282028,
13
+ base-subtle-active: #393038,
14
+ base: #2c232b,
15
+ base-hover: #4e464d,
16
+ base-active: #70696f,
17
+ base-emphasis: #4a4249,
18
+ base-on-subtle: #ffffff,
19
+ on-base: #ffffff,
20
+ base-on-surface: #ffffff,
21
+ primary-subtle: #001a1a,
22
+ primary-subtle-hover: #002e2d,
23
+ primary-subtle-active: #004241,
24
+ primary: #008381,
25
+ primary-hover: #299795,
26
+ primary-active: #52aba9,
27
+ primary-emphasis: #006261,
28
+ primary-on-subtle: #a6d4d3,
29
+ on-primary: white,
30
+ primary-on-surface: #40a2a1,
31
+ secondary-subtle: #090709,
32
+ secondary-subtle-hover: #0f0c0f,
33
+ secondary-subtle-active: #161216,
34
+ secondary: #2c232b,
35
+ secondary-hover: #4e464d,
36
+ secondary-active: #70696f,
37
+ secondary-emphasis: #211a20,
38
+ secondary-on-subtle: #b5b2b5,
39
+ on-secondary: white,
40
+ secondary-on-surface: #615a60,
41
+ info-subtle: #001927,
42
+ info-subtle-hover: #002b44,
43
+ info-subtle-active: #003e62,
44
+ info: #007bc3,
45
+ info-hover: #2990cd,
46
+ info-active: #52a5d6,
47
+ info-emphasis: #005c92,
48
+ info-on-subtle: #a6d1ea,
49
+ on-info: white,
50
+ info-on-surface: #409cd2,
51
+ success-subtle: #0c2110,
52
+ success-subtle-hover: #16391b,
53
+ success-subtle-active: #1f5227,
54
+ success: #3ea44e,
55
+ success-hover: #5db36a,
56
+ success-active: #7cc187,
57
+ success-emphasis: #2f7b3b,
58
+ success-on-subtle: #bbdfc1,
59
+ on-success: white,
60
+ success-on-surface: #6ebb7a,
61
+ warning-subtle: #331e00,
62
+ warning-subtle-hover: #593500,
63
+ warning-subtle-active: #804c00,
64
+ warning: #ff9800,
65
+ warning-hover: #ffa829,
66
+ warning-active: #ffb952,
67
+ warning-emphasis: #bf7200,
68
+ warning-on-subtle: #ffdba6,
69
+ on-warning: white,
70
+ warning-on-surface: #ffb240,
71
+ error-subtle: #2b0800,
72
+ error-subtle-hover: #4c0e00,
73
+ error-subtle-active: #6d1400,
74
+ error: #d92800,
75
+ error-hover: #df4a29,
76
+ error-active: #e56d52,
77
+ error-emphasis: #a31e00,
78
+ error-on-subtle: #f2b4a6,
79
+ on-error: white,
80
+ error-on-surface: #e35e40,
81
+ inverse-subtle: #f0f0f0,
82
+ inverse-subtle-hover: #ebebeb,
83
+ inverse-subtle-active: #dddddd,
84
+ inverse: #ebebeb,
85
+ inverse-hover: #dddddd,
86
+ inverse-active: #d6d6d6,
87
+ inverse-emphasis: #cacaca,
88
+ inverse-on-subtle: #272727,
89
+ on-inverse: black,
90
+ inverse-on-surface: #ebebeb,
91
+ series-a: #007bc3,
92
+ series-a-bold: #005c92,
93
+ series-a-bolder: #003e62,
94
+ series-a-subtle: #409cd2,
95
+ series-a-subtler: #80bde1,
96
+ series-b: #3ea44e,
97
+ series-b-bold: #2f7b3b,
98
+ series-b-bolder: #1f5227,
99
+ series-b-subtle: #6ebb7a,
100
+ series-b-subtler: #9fd2a7,
101
+ series-c: #ffae00,
102
+ series-c-bold: #bf8300,
103
+ series-c-bolder: #805700,
104
+ series-c-subtle: #ffc240,
105
+ series-c-subtler: #ffd780,
106
+ series-d: #ef4c00,
107
+ series-d-bold: #b33900,
108
+ series-d-bolder: #782600,
109
+ series-d-subtle: #f37940,
110
+ series-d-subtler: #f7a680,
111
+ series-e: #a419b7,
112
+ series-e-bold: #7b1389,
113
+ series-e-bolder: #520d5c,
114
+ series-e-subtle: #bb53c9,
115
+ series-e-subtler: #d28cdb,
116
+ series-f: #430b62,
117
+ series-f-bold: #32084a,
118
+ series-f-bolder: #220631,
119
+ series-f-subtle: #724889,
120
+ series-f-subtler: #a185b1,
121
+ );
122
+
123
+ @if not ($kendo-enable-color-system) {
124
+ $kendo-is-dark-theme: true !global;
125
+ $kendo-color-primary: #008381 !global;
126
+ $kendo-color-secondary: #2c232b !global;
127
+ $kendo-color-info: #007bc3 !global;
128
+ $kendo-color-success: #3ea44e !global;
129
+ $kendo-color-warning: #ff9800 !global;
130
+ $kendo-color-error: #d92800 !global;
131
+ $kendo-body-bg: #000000 !global;
132
+ $kendo-body-text: #ffffff !global;
133
+ $kendo-subtle-text: #e0e0e0 !global;
134
+ $kendo-disabled-text: #d0d0d0 !global;
135
+ $kendo-component-bg: #0e0e0e !global;
136
+ $kendo-component-text: #ffffff !global;
137
+ $kendo-component-border: #323232 !global;
138
+ $kendo-base-bg: #0e0e0e !global;
139
+ $kendo-base-text: #ffffff !global;
140
+ $kendo-base-border: #323232 !global;
141
+ $kendo-hover-bg: #004443 !global;
142
+ $kendo-hover-text: #ffffff !global;
143
+ $kendo-hover-border: #323232 !global;
144
+ $kendo-selected-bg: #008381 !global;
145
+ $kendo-selected-text: #ffffff !global;
146
+ $kendo-button-bg: #2c232b !global;
147
+ $kendo-button-text: #ffffff !global;
148
+ $kendo-button-border: #323232 !global;
149
+ $kendo-link-text: #008381 !global;
150
+ $kendo-link-hover-text: #00a7a5 !global;
151
+ $kendo-series-a: #007bc3 !global;
152
+ $kendo-series-b: #3ea44e !global;
153
+ $kendo-series-c: #ffae00 !global;
154
+ $kendo-series-d: #ef4c00 !global;
155
+ $kendo-series-e: #a419b7 !global;
156
+ $kendo-series-f: #430b62 !global;
157
+ $kendo-grid-alt-bg: #1d1d1d !global;
158
+ };
34
159
  $kendo-enable-gradients: false;
35
160
  $kendo-enable-rounded: false;
36
161
  $kendo-focus-shadow: 0 0 0 2px rgba( 255, 255, 255, .75 );
37
162
  $kendo-focus-inset-shadow: inset 0 0 0 2px rgba( 255, 255, 255, .75 );
38
163
  $kendo-list-item-focus-shadow: $kendo-focus-inset-shadow;
39
164
  $kendo-treeview-item-focus-shadow: $kendo-focus-inset-shadow;
40
- $kendo-grid-alt-bg: #1d1d1d;
165
+
41
166
  @import "all.scss";