@progress/kendo-theme-default 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 (44) hide show
  1. package/dist/all.css +2805 -2054
  2. package/dist/all.scss +485 -143
  3. package/dist/default-blue.scss +143 -29
  4. package/dist/default-dataviz-v4.scss +45 -6
  5. package/dist/default-green.scss +135 -29
  6. package/dist/default-main-dark.scss +190 -34
  7. package/dist/default-main.scss +34 -29
  8. package/dist/default-nordic.scss +143 -29
  9. package/dist/default-ocean-blue-a11y.scss +170 -33
  10. package/dist/default-ocean-blue.scss +166 -33
  11. package/dist/default-orange.scss +143 -29
  12. package/dist/default-purple.scss +143 -29
  13. package/dist/default-turquoise.scss +143 -29
  14. package/dist/default-urban.scss +143 -29
  15. package/dist/meta/sassdoc-data.json +45309 -34005
  16. package/dist/meta/sassdoc-raw-data.json +14047 -8822
  17. package/dist/meta/variables.json +1589 -1585
  18. package/lib/swatches/default-blue.json +541 -1
  19. package/lib/swatches/default-dataviz-v4.json +166 -1
  20. package/lib/swatches/default-green.json +501 -1
  21. package/lib/swatches/default-main-dark.json +751 -1
  22. package/lib/swatches/default-main.json +11 -1
  23. package/lib/swatches/default-nordic.json +541 -1
  24. package/lib/swatches/default-ocean-blue-a11y.json +672 -8
  25. package/lib/swatches/default-ocean-blue.json +645 -3
  26. package/lib/swatches/default-orange.json +541 -1
  27. package/lib/swatches/default-purple.json +541 -1
  28. package/lib/swatches/default-turquoise.json +541 -1
  29. package/lib/swatches/default-urban.json +541 -1
  30. package/package.json +4 -4
  31. package/scss/calendar/_layout.scss +7 -5
  32. package/scss/calendar/_theme.scss +0 -3
  33. package/scss/calendar/_variables.scss +199 -3
  34. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  35. package/scss/core/color-system/_swatch.scss +1 -1
  36. package/scss/drawer/_layout.scss +27 -74
  37. package/scss/drawer/_variables.scss +65 -0
  38. package/scss/floating-label/_layout.scss +10 -14
  39. package/scss/floating-label/_theme.scss +5 -5
  40. package/scss/forms/_layout.scss +0 -13
  41. package/scss/panelbar/_layout.scss +2 -7
  42. package/scss/panelbar/_theme.scss +0 -15
  43. package/scss/panelbar/_variables.scss +166 -0
  44. package/scss/scheduler/_theme.scss +1 -1
package/dist/default-blue.scss CHANGED
@@ -1,30 +1,144 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #23bde0;
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: #424242;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #666666;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #424242;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #424242;
15
- $kendo-base-bg: #fafafa;
16
- $kendo-hover-text: #424242;
17
- $kendo-hover-bg: #ececec;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #23bde0;
20
- $kendo-button-text: #424242;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #23bde0;
23
- $kendo-link-hover-text: #1d9fbc;
24
- $kendo-series-a: #23bde0;
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: #424242,
6
+ subtle: #666666,
7
+ surface: #fafafa,
8
+ surface-alt: #ffffff,
9
+ base-subtle: #ebebeb,
10
+ base-subtle-hover: #e1e1e1,
11
+ base-subtle-active: #d5d5d5,
12
+ base: #f5f5f5,
13
+ base-hover: #ebebeb,
14
+ base-active: #d8d8d8,
15
+ base-emphasis: #c2c2c2,
16
+ base-on-subtle: #424242,
17
+ on-base: #424242,
18
+ base-on-surface: #424242,
19
+ primary-subtle: #d3f2f9,
20
+ primary-subtle-hover: #b2e8f4,
21
+ primary-subtle-active: #91def0,
22
+ primary: #23bde0,
23
+ primary-hover: #22b5d7,
24
+ primary-active: #1fa6c5,
25
+ primary-emphasis: #5acee8,
26
+ primary-on-subtle: #0c424e,
27
+ on-primary: white,
28
+ primary-on-surface: #1a8ea8,
29
+ secondary-subtle: #fdfdfd,
30
+ secondary-subtle-hover: #fcfcfc,
31
+ secondary-subtle-active: #fbfbfb,
32
+ secondary: #f6f6f6,
33
+ secondary-hover: #ececec,
34
+ secondary-active: #d8d8d8,
35
+ secondary-emphasis: #f8f8f8,
36
+ secondary-on-subtle: #565656,
37
+ on-secondary: black,
38
+ secondary-on-surface: #b9b9b9,
39
+ info-subtle: #d8e6fb,
40
+ info-subtle-hover: #bbd3f9,
41
+ info-subtle-active: #9fc0f6,
42
+ info: #3e80ed,
43
+ info-hover: #3c7be4,
44
+ info-active: #3771d1,
45
+ info-emphasis: #6ea0f2,
46
+ info-on-subtle: #162d53,
47
+ on-info: white,
48
+ info-on-surface: #2f60b2,
49
+ success-subtle: #dff3d6,
50
+ success-subtle-hover: #c7eab7,
51
+ success-subtle-active: #afe199,
52
+ success: #5ec232,
53
+ success-hover: #5aba30,
54
+ success-active: #53ab2c,
55
+ success-emphasis: #86d165,
56
+ success-on-subtle: #214412,
57
+ on-success: white,
58
+ success-on-surface: #479226,
59
+ warning-subtle: #fff5d8,
60
+ warning-subtle-hover: #feeebb,
61
+ warning-subtle-active: #fee79f,
62
+ warning: #fdce3e,
63
+ warning-hover: #f3c63c,
64
+ warning-active: #dfb537,
65
+ warning-emphasis: #feda6e,
66
+ warning-on-subtle: #594816,
67
+ on-warning: black,
68
+ warning-on-surface: #be9b2f,
69
+ error-subtle: #f7d1d3,
70
+ error-subtle-hover: #f0afb2,
71
+ error-subtle-active: #ea8c91,
72
+ error: #d51923,
73
+ error-hover: #cc1822,
74
+ error-active: #bb161f,
75
+ error-emphasis: #e0535a,
76
+ error-on-subtle: #4b090c,
77
+ on-error: white,
78
+ error-on-surface: #a0131a,
79
+ series-a: #23bde0,
80
+ series-a-bold: #1a8ea8,
81
+ series-a-bolder: #125f70,
82
+ series-a-subtle: #5acee8,
83
+ series-a-subtler: #91def0,
84
+ series-b: #ffd246,
85
+ series-b-bold: #bf9e35,
86
+ series-b-bolder: #806923,
87
+ series-b-subtle: #ffdd74,
88
+ series-b-subtler: #ffe9a3,
89
+ series-c: #78d237,
90
+ series-c-bold: #5a9e29,
91
+ series-c-bolder: #3c691c,
92
+ series-c-subtle: #9add69,
93
+ series-c-subtler: #bce99b,
94
+ series-d: #28b4c8,
95
+ series-d-bold: #1e8796,
96
+ series-d-bolder: #145a64,
97
+ series-d-subtle: #5ec7d6,
98
+ series-d-subtler: #94dae4,
99
+ series-e: #2d73f5,
100
+ series-e-bold: #2256b8,
101
+ series-e-bolder: #173a7b,
102
+ series-e-subtle: #6296f8,
103
+ series-e-subtler: #96b9fa,
104
+ series-f: #aa46be,
105
+ series-f-bold: #80358f,
106
+ series-f-bolder: #55235f,
107
+ series-f-subtle: #bf74ce,
108
+ series-f-subtler: #d5a3df,
109
+ );
110
+
111
+ @if not ($kendo-enable-color-system) {
112
+ $kendo-is-dark-theme: false !global;
113
+ $kendo-color-primary: #23bde0 !global;
114
+ $kendo-color-secondary: #f6f6f6 !global;
115
+ $kendo-color-info: #3e80ed !global;
116
+ $kendo-color-success: #5ec232 !global;
117
+ $kendo-color-warning: #fdce3e !global;
118
+ $kendo-color-error: #d51923 !global;
119
+ $kendo-body-text: #424242 !global;
120
+ $kendo-body-bg: #ffffff !global;
121
+ $kendo-subtle-text: #666666 !global;
122
+ $kendo-disabled-text: #8f8f8f !global;
123
+ $kendo-component-text: #424242 !global;
124
+ $kendo-component-bg: #ffffff !global;
125
+ $kendo-base-text: #424242 !global;
126
+ $kendo-base-bg: #fafafa !global;
127
+ $kendo-hover-text: #424242 !global;
128
+ $kendo-hover-bg: #ececec !global;
129
+ $kendo-selected-text: #ffffff !global;
130
+ $kendo-selected-bg: #23bde0 !global;
131
+ $kendo-button-text: #424242 !global;
132
+ $kendo-button-bg: #f5f5f5 !global;
133
+ $kendo-link-text: #23bde0 !global;
134
+ $kendo-link-hover-text: #1d9fbc !global;
135
+ $kendo-series-a: #23bde0 !global;
136
+ $kendo-series-b: #ffd246 !global;
137
+ $kendo-series-c: #78d237 !global;
138
+ $kendo-series-d: #28b4c8 !global;
139
+ $kendo-series-e: #2d73f5 !global;
140
+ $kendo-series-f: #aa46be !global;
141
+ };
142
+
143
+
30
144
  @import "all.scss";
package/dist/default-dataviz-v4.scss CHANGED
@@ -1,7 +1,46 @@
1
- $kendo-series-a: #ff6358;
2
- $kendo-series-b: #ffd246;
3
- $kendo-series-c: #78d237;
4
- $kendo-series-d: #28b4c8;
5
- $kendo-series-e: #2d73f5;
6
- $kendo-series-f: #aa46be;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ series-a: #ff6358,
5
+ series-a-bold: #bf4a42,
6
+ series-a-bolder: #80322c,
7
+ series-a-subtle: #ff8a82,
8
+ series-a-subtler: #ffb1ac,
9
+ series-b: #ffd246,
10
+ series-b-bold: #bf9e35,
11
+ series-b-bolder: #806923,
12
+ series-b-subtle: #ffdd74,
13
+ series-b-subtler: #ffe9a3,
14
+ series-c: #78d237,
15
+ series-c-bold: #5a9e29,
16
+ series-c-bolder: #3c691c,
17
+ series-c-subtle: #9add69,
18
+ series-c-subtler: #bce99b,
19
+ series-d: #28b4c8,
20
+ series-d-bold: #1e8796,
21
+ series-d-bolder: #145a64,
22
+ series-d-subtle: #5ec7d6,
23
+ series-d-subtler: #94dae4,
24
+ series-e: #2d73f5,
25
+ series-e-bold: #2256b8,
26
+ series-e-bolder: #173a7b,
27
+ series-e-subtle: #6296f8,
28
+ series-e-subtler: #96b9fa,
29
+ series-f: #aa46be,
30
+ series-f-bold: #80358f,
31
+ series-f-bolder: #55235f,
32
+ series-f-subtle: #bf74ce,
33
+ series-f-subtler: #d5a3df,
34
+ );
35
+
36
+ @if not ($kendo-enable-color-system) {
37
+ $kendo-series-a: #ff6358 !global;
38
+ $kendo-series-b: #ffd246 !global;
39
+ $kendo-series-c: #78d237 !global;
40
+ $kendo-series-d: #28b4c8 !global;
41
+ $kendo-series-e: #2d73f5 !global;
42
+ $kendo-series-f: #aa46be !global;
43
+ };
44
+
45
+
7
46
  @import "all.scss";
package/dist/default-green.scss CHANGED
@@ -1,30 +1,136 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #53b827;
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: #424242;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #666666;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #424242;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #424242;
15
- $kendo-base-bg: #fafafa;
16
- $kendo-hover-text: #424242;
17
- $kendo-hover-bg: #ececec;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #53b827;
20
- $kendo-button-text: #424242;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #53b827;
23
- $kendo-link-hover-text: #469b21;
24
- $kendo-series-a: #53b827;
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: #424242,
6
+ subtle: #666666,
7
+ surface: #fafafa,
8
+ surface-alt: #ffffff,
9
+ base-subtle: #ebebeb,
10
+ base-subtle-hover: #e1e1e1,
11
+ base-subtle-active: #d5d5d5,
12
+ base: #f5f5f5,
13
+ base-hover: #ebebeb,
14
+ base-active: #d8d8d8,
15
+ base-emphasis: #c2c2c2,
16
+ base-on-subtle: #424242,
17
+ on-base: #424242,
18
+ base-on-surface: #424242,
19
+ primary-subtle: #ddf1d4,
20
+ primary-subtle-hover: #c3e6b3,
21
+ primary-subtle-active: #a9dc93,
22
+ primary: #53b827,
23
+ primary-hover: #50b125,
24
+ primary-active: #49a222,
25
+ primary-emphasis: #7eca5d,
26
+ primary-on-subtle: #1d400e,
27
+ on-primary: white,
28
+ primary-on-surface: #3e8a1d,
29
+ secondary-subtle: #fdfdfd,
30
+ secondary-subtle-hover: #fcfcfc,
31
+ secondary-subtle-active: #fbfbfb,
32
+ secondary: #f6f6f6,
33
+ secondary-hover: #ececec,
34
+ secondary-active: #d8d8d8,
35
+ secondary-emphasis: #f8f8f8,
36
+ secondary-on-subtle: #565656,
37
+ on-secondary: black,
38
+ secondary-on-surface: #b9b9b9,
39
+ info-subtle: #d8e6fb,
40
+ info-subtle-hover: #bbd3f9,
41
+ info-subtle-active: #9fc0f6,
42
+ info: #3e80ed,
43
+ info-hover: #3c7be4,
44
+ info-active: #3771d1,
45
+ info-emphasis: #6ea0f2,
46
+ info-on-subtle: #162d53,
47
+ on-info: white,
48
+ info-on-surface: #2f60b2,
49
+ success-subtle: #dff3d6,
50
+ success-subtle-hover: #c7eab7,
51
+ success-subtle-active: #afe199,
52
+ success: #5ec232,
53
+ success-hover: #5aba30,
54
+ success-active: #53ab2c,
55
+ success-emphasis: #86d165,
56
+ success-on-subtle: #214412,
57
+ on-success: white,
58
+ success-on-surface: #479226,
59
+ warning-subtle: #fff5d8,
60
+ warning-subtle-hover: #feeebb,
61
+ error-subtle: #f7d1d3,
62
+ error-subtle-hover: #f0afb2,
63
+ error-subtle-active: #ea8c91,
64
+ error: #d51923,
65
+ error-hover: #cc1822,
66
+ error-active: #bb161f,
67
+ error-emphasis: #e0535a,
68
+ error-on-subtle: #4b090c,
69
+ on-error: white,
70
+ error-on-surface: #a0131a,
71
+ series-a: #53b827,
72
+ series-a-bold: #3e8a1d,
73
+ series-a-bolder: #2a5c14,
74
+ series-a-subtle: #7eca5d,
75
+ series-a-subtler: #a9dc93,
76
+ series-b: #ffd246,
77
+ series-b-bold: #bf9e35,
78
+ series-b-bolder: #806923,
79
+ series-b-subtle: #ffdd74,
80
+ series-b-subtler: #ffe9a3,
81
+ series-c: #78d237,
82
+ series-c-bold: #5a9e29,
83
+ series-c-bolder: #3c691c,
84
+ series-c-subtle: #9add69,
85
+ series-c-subtler: #bce99b,
86
+ series-d: #28b4c8,
87
+ series-d-bold: #1e8796,
88
+ series-d-bolder: #145a64,
89
+ series-d-subtle: #5ec7d6,
90
+ series-d-subtler: #94dae4,
91
+ series-e: #2d73f5,
92
+ series-e-bold: #2256b8,
93
+ series-e-bolder: #173a7b,
94
+ series-e-subtle: #6296f8,
95
+ series-e-subtler: #96b9fa,
96
+ series-f: #aa46be,
97
+ series-f-bold: #80358f,
98
+ series-f-bolder: #55235f,
99
+ series-f-subtle: #bf74ce,
100
+ series-f-subtler: #d5a3df,
101
+ );
102
+
103
+ @if not ($kendo-enable-color-system) {
104
+ $kendo-is-dark-theme: false !global;
105
+ $kendo-color-primary: #53b827 !global;
106
+ $kendo-color-secondary: #f6f6f6 !global;
107
+ $kendo-color-info: #3e80ed !global;
108
+ $kendo-color-success: #5ec232 !global;
109
+ $kendo-color-warning: #fdce3e !global;
110
+ $kendo-color-error: #d51923 !global;
111
+ $kendo-body-text: #424242 !global;
112
+ $kendo-body-bg: #ffffff !global;
113
+ $kendo-subtle-text: #666666 !global;
114
+ $kendo-disabled-text: #8f8f8f !global;
115
+ $kendo-component-text: #424242 !global;
116
+ $kendo-component-bg: #ffffff !global;
117
+ $kendo-base-text: #424242 !global;
118
+ $kendo-base-bg: #fafafa !global;
119
+ $kendo-hover-text: #424242 !global;
120
+ $kendo-hover-bg: #ececec !global;
121
+ $kendo-selected-text: #ffffff !global;
122
+ $kendo-selected-bg: #53b827 !global;
123
+ $kendo-button-text: #424242 !global;
124
+ $kendo-button-bg: #f5f5f5 !global;
125
+ $kendo-link-text: #53b827 !global;
126
+ $kendo-link-hover-text: #469b21 !global;
127
+ $kendo-series-a: #53b827 !global;
128
+ $kendo-series-b: #ffd246 !global;
129
+ $kendo-series-c: #78d237 !global;
130
+ $kendo-series-d: #28b4c8 !global;
131
+ $kendo-series-e: #2d73f5 !global;
132
+ $kendo-series-f: #aa46be !global;
133
+ };
134
+
135
+
30
136
  @import "all.scss";
package/dist/default-main-dark.scss CHANGED
@@ -1,35 +1,191 @@
1
- $kendo-is-dark-theme: true;
2
- $kendo-color-primary: #E6594F;
3
- $kendo-color-secondary: #5C5C5C;
4
- $kendo-color-tertiary: #0398DC;
5
- $kendo-color-info: #004FD2;
6
- $kendo-color-success: #32A200;
7
- $kendo-color-warning: #E6AD00;
8
- $kendo-color-error: #DB1500;
9
- $kendo-color-light: #BDBDBD;
10
- $kendo-color-dark: #292929;
11
- $kendo-body-text: #EBEBEB;
12
- $kendo-body-bg: #121212;
13
- $kendo-subtle-text: #808080;
14
- $kendo-disabled-text: #4D4D4D;
15
- $kendo-component-text: #EBEBEB;
16
- $kendo-component-bg: #333333;
17
- $kendo-base-text: #EBEBEB;
18
- $kendo-base-bg: #262626;
19
- $kendo-base-border: #5E5E5E;
20
- $kendo-hover-text: #EBEBEB;
21
- $kendo-hover-bg: #383838;
22
- $kendo-selected-text: #F5F5F5;
23
- $kendo-selected-bg: #E6594F;
24
- $kendo-button-text: #EBEBEB;
25
- $kendo-button-bg: #1D1D1D;
26
- $kendo-button-border: #383838;
27
- $kendo-link-text: #E6594F;
28
- $kendo-link-hover-text: #EE8E87;
29
- $kendo-series-a: #E6594F;
30
- $kendo-series-b: #E6CB58;
31
- $kendo-series-c: #44BC73;
32
- $kendo-series-d: #4456E1;
33
- $kendo-series-e: #9B4FE6;
34
- $kendo-series-f: #E64F83;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #121212,
5
+ on-app-surface: #EBEBEB,
6
+ subtle: #808080,
7
+ surface: #262626,
8
+ surface-alt: #333333,
9
+ border: rgba(255, 255, 255, 0.08),
10
+ border-alt: rgba(255, 255, 255, 0.16),
11
+ base-subtle: #1c1c1c,
12
+ base-subtle-hover: #2f2f2f,
13
+ base-subtle-active: #191919,
14
+ base: #1D1D1D,
15
+ base-hover: #2f2f2f,
16
+ base-active: #535353,
17
+ base-emphasis: #171717,
18
+ base-on-subtle: #EBEBEB,
19
+ on-base: #EBEBEB,
20
+ base-on-surface: #EBEBEB,
21
+ primary-subtle: #2e1210,
22
+ primary-subtle-hover: #511f1c,
23
+ primary-subtle-active: #732d28,
24
+ primary: #E6594F,
25
+ primary-hover: #e8665d,
26
+ primary-active: #ec8179,
27
+ primary-emphasis: #ad433b,
28
+ primary-on-subtle: #f6c5c1,
29
+ on-primary: white,
30
+ primary-on-surface: #ad433b,
31
+ secondary-subtle: #121212,
32
+ secondary-subtle-hover: #202020,
33
+ secondary-subtle-active: #2e2e2e,
34
+ secondary: #5C5C5C,
35
+ secondary-hover: dimgray,
36
+ secondary-active: #838383,
37
+ secondary-emphasis: #454545,
38
+ secondary-on-subtle: #c6c6c6,
39
+ on-secondary: white,
40
+ secondary-on-surface: #454545,
41
+ tertiary-subtle: #011e2c,
42
+ tertiary-subtle-hover: #01354d,
43
+ tertiary-subtle-active: #024c6e,
44
+ tertiary: #0398DC,
45
+ tertiary-hover: #17a0df,
46
+ tertiary-active: #3fb1e4,
47
+ tertiary-emphasis: #0272a5,
48
+ tertiary-on-subtle: #a7dbf3,
49
+ on-tertiary: white,
50
+ tertiary-on-surface: #0272a5,
51
+ info-subtle: #00102a,
52
+ info-subtle-hover: #001c4a,
53
+ info-subtle-active: #002869,
54
+ info: #004FD2,
55
+ info-hover: #145dd6,
56
+ info-active: #3d79dd,
57
+ info-emphasis: #003b9e,
58
+ info-on-subtle: #a6c1ef,
59
+ on-info: white,
60
+ info-on-surface: #003b9e,
61
+ success-subtle: #0a2000,
62
+ success-subtle-hover: #123900,
63
+ success-subtle-active: #195100,
64
+ success: #32A200,
65
+ success-hover: #42a914,
66
+ success-active: #63b83d,
67
+ success-emphasis: #267a00,
68
+ success-on-subtle: #b7dea6,
69
+ on-success: white,
70
+ success-on-surface: #267a00,
71
+ warning-subtle: #2e2300,
72
+ warning-subtle-hover: #513d00,
73
+ warning-subtle-active: #735700,
74
+ warning: #E6AD00,
75
+ warning-hover: #e8b414,
76
+ warning-active: #ecc13d,
77
+ warning-emphasis: #ad8200,
78
+ warning-on-subtle: #f6e2a6,
79
+ on-warning: white,
80
+ warning-on-surface: #ad8200,
81
+ error-subtle: #2c0400,
82
+ error-subtle-hover: #4d0700,
83
+ error-subtle-active: #6e0b00,
84
+ error: #DB1500,
85
+ error-hover: #de2814,
86
+ error-active: #e44d3d,
87
+ error-emphasis: #a41000,
88
+ error-on-subtle: #f2ada6,
89
+ on-error: white,
90
+ error-on-surface: #a41000,
91
+ light-subtle: #262626,
92
+ light-subtle-hover: #424242,
93
+ light-subtle-active: #5f5f5f,
94
+ light: #BDBDBD,
95
+ light-hover: #c2c2c2,
96
+ light-active: #cdcdcd,
97
+ light-emphasis: #8e8e8e,
98
+ light-on-subtle: #e8e8e8,
99
+ on-light: black,
100
+ light-on-surface: #8e8e8e,
101
+ dark-subtle: #080808,
102
+ dark-subtle-hover: #0e0e0e,
103
+ dark-subtle-active: #151515,
104
+ dark: #292929,
105
+ dark-hover: #3a3a3a,
106
+ dark-active: #5c5c5c,
107
+ dark-emphasis: #1f1f1f,
108
+ dark-on-subtle: #b4b4b4,
109
+ on-dark: white,
110
+ dark-on-surface: #1f1f1f,
111
+ inverse-subtle: #262626,
112
+ inverse-subtle-hover: #424242,
113
+ inverse-subtle-active: #5f5f5f,
114
+ inverse: #BDBDBD,
115
+ inverse-hover: #c2c2c2,
116
+ inverse-active: #cdcdcd,
117
+ inverse-emphasis: #8e8e8e,
118
+ inverse-on-subtle: #e8e8e8,
119
+ on-inverse: black,
120
+ inverse-on-surface: #8e8e8e,
121
+ series-a: #E6594F,
122
+ series-a-bold: #ad433b,
123
+ series-a-bolder: #732d28,
124
+ series-a-subtle: #ec837b,
125
+ series-a-subtler: #f3aca7,
126
+ series-b: #E6CB58,
127
+ series-b-bold: #ad9842,
128
+ series-b-bolder: #73662c,
129
+ series-b-subtle: #ecd882,
130
+ series-b-subtler: #f3e5ac,
131
+ series-c: #44BC73,
132
+ series-c-bold: #338d56,
133
+ series-c-bolder: #225e3a,
134
+ series-c-subtle: #73cd96,
135
+ series-c-subtler: #a2deb9,
136
+ series-d: #4456E1,
137
+ series-d-bold: #3341a9,
138
+ series-d-bolder: #222b71,
139
+ series-d-subtle: #7380e9,
140
+ series-d-subtler: #a2abf0,
141
+ series-e: #9B4FE6,
142
+ series-e-bold: #743bad,
143
+ series-e-bolder: #4e2873,
144
+ series-e-subtle: #b47bec,
145
+ series-e-subtler: #cda7f3,
146
+ series-f: #E64F83,
147
+ series-f-bold: #ad3b62,
148
+ series-f-bolder: #732842,
149
+ series-f-subtle: #ec7ba2,
150
+ series-f-subtler: #f3a7c1,
151
+ );
152
+
153
+ @if not ($kendo-enable-color-system) {
154
+ $kendo-is-dark-theme: true !global;
155
+ $kendo-color-primary: #E6594F !global;
156
+ $kendo-color-secondary: #5C5C5C !global;
157
+ $kendo-color-tertiary: #0398DC !global;
158
+ $kendo-color-info: #004FD2 !global;
159
+ $kendo-color-success: #32A200 !global;
160
+ $kendo-color-warning: #E6AD00 !global;
161
+ $kendo-color-error: #DB1500 !global;
162
+ $kendo-color-light: #BDBDBD !global;
163
+ $kendo-color-dark: #292929 !global;
164
+ $kendo-body-text: #EBEBEB !global;
165
+ $kendo-body-bg: #121212 !global;
166
+ $kendo-subtle-text: #808080 !global;
167
+ $kendo-disabled-text: #4D4D4D !global;
168
+ $kendo-component-text: #EBEBEB !global;
169
+ $kendo-component-bg: #333333 !global;
170
+ $kendo-base-text: #EBEBEB !global;
171
+ $kendo-base-bg: #262626 !global;
172
+ $kendo-base-border: #5E5E5E !global;
173
+ $kendo-hover-text: #EBEBEB !global;
174
+ $kendo-hover-bg: #383838 !global;
175
+ $kendo-selected-text: #F5F5F5 !global;
176
+ $kendo-selected-bg: #E6594F !global;
177
+ $kendo-button-text: #EBEBEB !global;
178
+ $kendo-button-bg: #1D1D1D !global;
179
+ $kendo-button-border: #383838 !global;
180
+ $kendo-link-text: #E6594F !global;
181
+ $kendo-link-hover-text: #EE8E87 !global;
182
+ $kendo-series-a: #E6594F !global;
183
+ $kendo-series-b: #E6CB58 !global;
184
+ $kendo-series-c: #44BC73 !global;
185
+ $kendo-series-d: #4456E1 !global;
186
+ $kendo-series-e: #9B4FE6 !global;
187
+ $kendo-series-f: #E64F83 !global;
188
+ };
189
+
190
+
35
191
  @import "all.scss";
package/dist/default-main.scss CHANGED
@@ -1,30 +1,35 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #ff6358;
3
- $kendo-color-secondary: #666666;
4
- $kendo-color-info: #0058e9;
5
- $kendo-color-success: #37b400;
6
- $kendo-color-warning: #ffc000;
7
- $kendo-color-error: #f31700;
8
- $kendo-body-text: #424242;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #666666;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #424242;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #424242;
15
- $kendo-base-bg: #fafafa;
16
- $kendo-hover-text: #424242;
17
- $kendo-hover-bg: #ececec;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #ff6358;
20
- $kendo-button-text: #424242;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #ff6358;
23
- $kendo-link-hover-text: #d6534a;
24
- $kendo-series-a: #ff6358;
25
- $kendo-series-b: #ffe162;
26
- $kendo-series-c: #4cd180;
27
- $kendo-series-d: #4b5ffa;
28
- $kendo-series-e: #ac58ff;
29
- $kendo-series-f: #ff5892;
1
+ $kendo-enable-color-system: true;
2
+ @if not ($kendo-enable-color-system) {
3
+ $kendo-is-dark-theme: false !global;
4
+ $kendo-color-primary: #ff6358 !global;
5
+ $kendo-color-secondary: #666666 !global;
6
+ $kendo-color-info: #0058e9 !global;
7
+ $kendo-color-success: #37b400 !global;
8
+ $kendo-color-warning: #ffc000 !global;
9
+ $kendo-color-error: #f31700 !global;
10
+ $kendo-body-text: #424242 !global;
11
+ $kendo-body-bg: #ffffff !global;
12
+ $kendo-subtle-text: #666666 !global;
13
+ $kendo-disabled-text: #8f8f8f !global;
14
+ $kendo-component-text: #424242 !global;
15
+ $kendo-component-bg: #ffffff !global;
16
+ $kendo-base-text: #424242 !global;
17
+ $kendo-base-bg: #fafafa !global;
18
+ $kendo-hover-text: #424242 !global;
19
+ $kendo-hover-bg: #ececec !global;
20
+ $kendo-selected-text: #ffffff !global;
21
+ $kendo-selected-bg: #ff6358 !global;
22
+ $kendo-button-text: #424242 !global;
23
+ $kendo-button-bg: #f5f5f5 !global;
24
+ $kendo-link-text: #ff6358 !global;
25
+ $kendo-link-hover-text: #d6534a !global;
26
+ $kendo-series-a: #ff6358 !global;
27
+ $kendo-series-b: #ffe162 !global;
28
+ $kendo-series-c: #4cd180 !global;
29
+ $kendo-series-d: #4b5ffa !global;
30
+ $kendo-series-e: #ac58ff !global;
31
+ $kendo-series-f: #ff5892 !global;
32
+ };
33
+
34
+
30
35
  @import "all.scss";