@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.
@@ -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";
@@ -1,30 +1,144 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #e7607b;
3
- $kendo-color-secondary: #d6e5e9;
4
- $kendo-color-info: #01a8c1;
5
- $kendo-color-success: #90bf4f;
6
- $kendo-color-warning: #ffc857;
7
- $kendo-color-error: #d31038;
8
- $kendo-body-color: #50686e;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #8f9ea2;
11
- $kendo-disabled-text: #afbabd;
12
- $kendo-component-text: #292b2c;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #292b2c;
15
- $kendo-base-bg: #f8f9fa;
16
- $kendo-hover-text: #212529;
17
- $kendo-hover-bg: #e4e7eb;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #e7607b;
20
- $kendo-button-text: #212529;
21
- $kendo-button-bg: #d6e5e9;
22
- $kendo-link-text: #e7607b;
23
- $kendo-link-hover-text: #da2146;
24
- $kendo-series-a: #e7607b;
25
- $kendo-series-b: #bb334f;
26
- $kendo-series-c: #6bd2e2;
27
- $kendo-series-d: #01A8C1;
28
- $kendo-series-e: #ddc981;
29
- $kendo-series-f: #c09e2f;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: #292b2c,
6
+ subtle: #8f9ea2,
7
+ surface: #f8f9fa,
8
+ surface-alt: #ffffff,
9
+ base-subtle: #cddce0,
10
+ base-subtle-hover: #c5d3d6,
11
+ base-subtle-active: #bac7cb,
12
+ base: #d6e5e9,
13
+ base-hover: #cddce0,
14
+ base-active: #bccacd,
15
+ base-emphasis: #a9b5b8,
16
+ base-on-subtle: #212529,
17
+ on-base: #212529,
18
+ base-on-surface: #212529,
19
+ primary-subtle: #fadfe5,
20
+ primary-subtle-hover: #f7c7d1,
21
+ primary-subtle-active: #f3b0bd,
22
+ primary: #e7607b,
23
+ primary-hover: #de5c76,
24
+ primary-active: #cb546c,
25
+ primary-emphasis: #ed889c,
26
+ primary-on-subtle: #51222b,
27
+ on-primary: white,
28
+ primary-on-surface: #ad485c,
29
+ secondary-subtle: #f7fafb,
30
+ secondary-subtle-hover: #f1f6f7,
31
+ secondary-subtle-active: #ebf2f4,
32
+ secondary: #d6e5e9,
33
+ secondary-hover: #cddce0,
34
+ secondary-active: #bccacd,
35
+ secondary-emphasis: #e0ecef,
36
+ secondary-on-subtle: #4b5052,
37
+ on-secondary: black,
38
+ secondary-on-surface: #a1acaf,
39
+ info-subtle: #cceef3,
40
+ info-subtle-hover: #a6e1e9,
41
+ info-subtle-active: #80d4e0,
42
+ info: #01a8c1,
43
+ info-hover: #01a1b9,
44
+ info-active: #0194aa,
45
+ info-emphasis: #41bed1,
46
+ info-on-subtle: #003b44,
47
+ on-info: white,
48
+ info-on-surface: #017e91,
49
+ success-subtle: #e9f2dc,
50
+ success-subtle-hover: #d8e9c1,
51
+ success-subtle-active: #c8dfa7,
52
+ success: #90bf4f,
53
+ success-hover: #8ab74c,
54
+ success-active: #7fa846,
55
+ success-emphasis: #accf7b,
56
+ success-on-subtle: #32431c,
57
+ on-success: white,
58
+ success-on-surface: #6c8f3b,
59
+ warning-subtle: #fff4dd,
60
+ warning-subtle-hover: #ffecc4,
61
+ warning-subtle-active: #ffe4ab,
62
+ warning: #ffc857,
63
+ warning-hover: #f5c054,
64
+ warning-active: #e0b04d,
65
+ warning-emphasis: #ffd681,
66
+ warning-on-subtle: #59461e,
67
+ on-warning: black,
68
+ warning-on-surface: #bf9641,
69
+ error-subtle: #f6cfd7,
70
+ error-subtle-hover: #f0abb9,
71
+ error-subtle-active: #e9889c,
72
+ error: #d31038,
73
+ error-hover: #cb0f36,
74
+ error-active: #ba0e31,
75
+ error-emphasis: #de4c6a,
76
+ error-on-subtle: #4a0614,
77
+ on-error: white,
78
+ error-on-surface: #9e0c2a,
79
+ series-a: #e7607b,
80
+ series-a-bold: #ad485c,
81
+ series-a-bolder: #74303e,
82
+ series-a-subtle: #ed889c,
83
+ series-a-subtler: #f3b0bd,
84
+ series-b: #bb334f,
85
+ series-b-bold: #8c263b,
86
+ series-b-bolder: #5e1a28,
87
+ series-b-subtle: #cc667b,
88
+ series-b-subtler: #dd99a7,
89
+ series-c: #6bd2e2,
90
+ series-c-bold: #509eaa,
91
+ series-c-bolder: #366971,
92
+ series-c-subtle: #90dde9,
93
+ series-c-subtler: #b5e9f1,
94
+ series-d: #01A8C1,
95
+ series-d-bold: #017e91,
96
+ series-d-bolder: #015461,
97
+ series-d-subtle: #41bed1,
98
+ series-d-subtler: #80d4e0,
99
+ series-e: #ddc981,
100
+ series-e-bold: #a69761,
101
+ series-e-bolder: #6f6541,
102
+ series-e-subtle: #e6d7a1,
103
+ series-e-subtler: #eee4c0,
104
+ series-f: #c09e2f,
105
+ series-f-bold: #907723,
106
+ series-f-bolder: #604f18,
107
+ series-f-subtle: #d0b663,
108
+ series-f-subtler: #e0cf97,
109
+ );
110
+
111
+ @if not ($kendo-enable-color-system) {
112
+ $kendo-is-dark-theme: false !global;
113
+ $kendo-color-primary: #e7607b !global;
114
+ $kendo-color-secondary: #d6e5e9 !global;
115
+ $kendo-color-info: #01a8c1 !global;
116
+ $kendo-color-success: #90bf4f !global;
117
+ $kendo-color-warning: #ffc857 !global;
118
+ $kendo-color-error: #d31038 !global;
119
+ $kendo-body-color: #50686e !global;
120
+ $kendo-body-bg: #ffffff !global;
121
+ $kendo-subtle-text: #8f9ea2 !global;
122
+ $kendo-disabled-text: #afbabd !global;
123
+ $kendo-component-text: #292b2c !global;
124
+ $kendo-component-bg: #ffffff !global;
125
+ $kendo-base-text: #292b2c !global;
126
+ $kendo-base-bg: #f8f9fa !global;
127
+ $kendo-hover-text: #212529 !global;
128
+ $kendo-hover-bg: #e4e7eb !global;
129
+ $kendo-selected-text: #ffffff !global;
130
+ $kendo-selected-bg: #e7607b !global;
131
+ $kendo-button-text: #212529 !global;
132
+ $kendo-button-bg: #d6e5e9 !global;
133
+ $kendo-link-text: #e7607b !global;
134
+ $kendo-link-hover-text: #da2146 !global;
135
+ $kendo-series-a: #e7607b !global;
136
+ $kendo-series-b: #bb334f !global;
137
+ $kendo-series-c: #6bd2e2 !global;
138
+ $kendo-series-d: #01A8C1 !global;
139
+ $kendo-series-e: #ddc981 !global;
140
+ $kendo-series-f: #c09e2f !global;
141
+ };
142
+
143
+
30
144
  @import "all.scss";
@@ -1,42 +1,179 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #1274AC;
3
- $kendo-color-secondary: #757575;
4
- $kendo-color-tertiary: #007F84;
5
- $kendo-color-info: #0058E9;
6
- $kendo-color-success: #278200;
7
- $kendo-color-warning: #FDCE3E;
8
- $kendo-color-error: #D51923;
9
- $kendo-color-light: #757575;
10
- $kendo-body-text: #424242;
11
- $kendo-body-bg: #ffffff;
12
- $kendo-subtle-text: #666666;
13
- $kendo-disabled-text: #8f8f8f;
14
- $kendo-component-text: #424242;
15
- $kendo-component-bg: #ffffff;
16
- $kendo-base-text: #424242;
17
- $kendo-base-bg: #fafafa;
18
- $kendo-hover-text: #424242;
19
- $kendo-hover-bg: #ececec;
20
- $kendo-selected-text: #ffffff;
21
- $kendo-selected-bg: #1274AC;
22
- $kendo-button-text: #424242;
23
- $kendo-button-bg: #f5f5f5;
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: #d0e3ee,
20
+ primary-subtle-hover: #accee2,
21
+ primary-subtle-active: #89bad6,
22
+ primary: #1274AC,
23
+ primary-hover: #116fa5,
24
+ primary-active: #106697,
25
+ primary-emphasis: #4d97c1,
26
+ primary-on-subtle: #06293c,
27
+ on-primary: white,
28
+ primary-on-surface: #0e5781,
29
+ secondary-subtle: #e3e3e3,
30
+ secondary-subtle-hover: #cfcfcf,
31
+ secondary-subtle-active: #bababa,
32
+ secondary: #757575,
33
+ secondary-hover: #707070,
34
+ secondary-active: #676767,
35
+ secondary-emphasis: #989898,
36
+ secondary-on-subtle: #292929,
37
+ on-secondary: white,
38
+ secondary-on-surface: #585858,
39
+ tertiary-subtle: #cce5e6,
40
+ tertiary-subtle-hover: #a6d2d4,
41
+ tertiary-subtle-active: #80bfc2,
42
+ tertiary: #007F84,
43
+ tertiary-hover: #007a7f,
44
+ tertiary-active: #007074,
45
+ tertiary-emphasis: #409fa3,
46
+ tertiary-on-subtle: #002c2e,
47
+ on-tertiary: white,
48
+ tertiary-on-surface: #005f63,
49
+ info-subtle: #ccdefb,
50
+ info-subtle-hover: #a6c5f7,
51
+ info-subtle-active: #80acf4,
52
+ info: #0058E9,
53
+ info-hover: #0054e0,
54
+ info-active: #004dcd,
55
+ info-emphasis: #4082ef,
56
+ info-on-subtle: #001f52,
57
+ on-info: white,
58
+ info-on-surface: #0042af,
59
+ success-subtle: #d4e6cc,
60
+ success-subtle-hover: #b3d3a6,
61
+ success-subtle-active: #93c180,
62
+ success: #278200,
63
+ success-hover: #257d00,
64
+ success-active: #227200,
65
+ success-emphasis: #5da140,
66
+ success-on-subtle: #0e2e00,
67
+ on-success: white,
68
+ success-on-surface: #1d6200,
69
+ warning-subtle: #fff5d8,
70
+ warning-subtle-hover: #feeebb,
71
+ warning-subtle-active: #fee79f,
72
+ warning: #FDCE3E,
73
+ warning-hover: #f3c63c,
74
+ warning-active: #dfb537,
75
+ warning-emphasis: #feda6e,
76
+ warning-on-subtle: #594816,
77
+ on-warning: black,
78
+ warning-on-surface: #be9b2f,
79
+ error-subtle: #f7d1d3,
80
+ error-subtle-hover: #f0afb2,
81
+ error-subtle-active: #ea8c91,
82
+ error: #D51923,
83
+ error-hover: #cc1822,
84
+ error-active: #bb161f,
85
+ error-emphasis: #e0535a,
86
+ error-on-subtle: #4b090c,
87
+ on-error: white,
88
+ error-on-surface: #a0131a,
89
+ light-subtle: #e3e3e3,
90
+ light-subtle-hover: #cfcfcf,
91
+ light-subtle-active: #bababa,
92
+ light: #757575,
93
+ light-hover: #707070,
94
+ light-active: #676767,
95
+ light-emphasis: #989898,
96
+ light-on-subtle: #292929,
97
+ on-light: white,
98
+ light-on-surface: #585858,
99
+ series-a: #1274AC,
100
+ series-a-bold: #0e5781,
101
+ series-a-bolder: #093a56,
102
+ series-a-subtle: #4d97c1,
103
+ series-a-subtler: #89bad6,
104
+ series-b: #FFE162,
105
+ series-b-bold: #bfa94a,
106
+ series-b-bolder: #807131,
107
+ series-b-subtle: #ffe989,
108
+ series-b-subtler: #fff0b1,
109
+ series-c: #4CD180,
110
+ series-c-bold: #399d60,
111
+ series-c-bolder: #266940,
112
+ series-c-subtle: #79dda0,
113
+ series-c-subtler: #a6e8c0,
114
+ series-d: #0074e6,
115
+ series-d-bold: #0057ad,
116
+ series-d-bolder: #003a73,
117
+ series-d-subtle: #4097ec,
118
+ series-d-subtler: #80baf3,
119
+ series-e: #9B4FE6,
120
+ series-e-bold: #743bad,
121
+ series-e-bolder: #4e2873,
122
+ series-e-subtle: #b47bec,
123
+ series-e-subtler: #cda7f3,
124
+ series-f: #FF80AC,
125
+ series-f-bold: #bf6081,
126
+ series-f-bolder: #804056,
127
+ series-f-subtle: #ffa0c1,
128
+ series-f-subtler: #ffc0d6,
129
+ );
130
+
131
+ @if not ($kendo-enable-color-system) {
132
+ $kendo-is-dark-theme: false !global;
133
+ $kendo-color-primary: #1274AC !global;
134
+ $kendo-color-secondary: #757575 !global;
135
+ $kendo-color-tertiary: #007F84 !global;
136
+ $kendo-color-info: #0058E9 !global;
137
+ $kendo-color-success: #278200 !global;
138
+ $kendo-color-warning: #FDCE3E !global;
139
+ $kendo-color-error: #D51923 !global;
140
+ $kendo-color-light: #757575 !global;
141
+ $kendo-body-text: #424242 !global;
142
+ $kendo-body-bg: #ffffff !global;
143
+ $kendo-subtle-text: #666666 !global;
144
+ $kendo-disabled-text: #8f8f8f !global;
145
+ $kendo-component-text: #424242 !global;
146
+ $kendo-component-bg: #ffffff !global;
147
+ $kendo-base-text: #424242 !global;
148
+ $kendo-base-bg: #fafafa !global;
149
+ $kendo-hover-text: #424242 !global;
150
+ $kendo-hover-bg: #ececec !global;
151
+ $kendo-selected-text: #ffffff !global;
152
+ $kendo-selected-bg: #1274AC !global;
153
+ $kendo-button-text: #424242 !global;
154
+ $kendo-button-bg: #f5f5f5 !global;
155
+ $kendo-link-text: #1274AC !global;
156
+ $kendo-link-hover-text: #0f6190 !global;
157
+ $kendo-series-a: #1274AC !global;
158
+ $kendo-series-b: #FFE162 !global;
159
+ $kendo-series-c: #4CD180 !global;
160
+ $kendo-series-d: #0074e6 !global;
161
+ $kendo-series-e: #9B4FE6 !global;
162
+ $kendo-series-f: #FF80AC !global;
163
+ $kendo-scheduler-event-bg: #1274AC !global;
164
+ $kendo-scheduler-event-selected-bg: #0f6190 !global;
165
+ };
24
166
  $kendo-flat-button-hover-opacity: 4%;
25
167
  $kendo-flat-button-active-opacity: 6%;
26
168
  $kendo-flat-button-selected-opacity: 8%;
27
169
  $kendo-flat-button-focus-ring-opacity: 100%;
28
- $kendo-link-text: #1274AC;
29
- $kendo-link-hover-text: #0f6190;
30
- $kendo-series-a: #1274AC;
31
- $kendo-series-b: #FFE162;
32
- $kendo-series-c: #4CD180;
33
- $kendo-series-d: #0074e6;
34
- $kendo-series-e: #9B4FE6;
35
- $kendo-series-f: #FF80AC;
36
170
  $kendo-enable-focus-contrast: true;
37
171
  $kendo-input-clear-value-opacity: 80%;
38
172
  $kendo-taskboard-column-focus-border: #424242;
39
173
  $kendo-color-editor-color-gradient-focus-outline-color: #424242;
40
- $kendo-scheduler-event-bg: #1274AC;
41
- $kendo-scheduler-event-selected-bg: #0f6190;
174
+ $kendo-panelbar-header-hover-bg: #f5f5f5;
175
+ $kendo-panelbar-item-hover-bg: #f5f5f5;
176
+ $kendo-table-hover-bg: #ededed;
177
+ $kendo-table-alt-row-bg: rgba( 0, 0, 0, .04 );
178
+
42
179
  @import "all.scss";
@@ -1,38 +1,171 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #1274AC;
3
- $kendo-color-secondary: #757575;
4
- $kendo-color-tertiary: #007F84;
5
- $kendo-color-info: #0058E9;
6
- $kendo-color-success: #278200;
7
- $kendo-color-warning: #F5A600;
8
- $kendo-color-error: #D51923;
9
- $kendo-color-light: #757575;
10
- $kendo-body-text: #424242;
11
- $kendo-body-bg: #ffffff;
12
- $kendo-subtle-text: #666666;
13
- $kendo-disabled-text: #8f8f8f;
14
- $kendo-component-text: #424242;
15
- $kendo-component-bg: #ffffff;
16
- $kendo-base-text: #424242;
17
- $kendo-base-bg: #fafafa;
18
- $kendo-hover-text: #424242;
19
- $kendo-hover-bg: #ececec;
20
- $kendo-selected-text: #ffffff;
21
- $kendo-selected-bg: #1274AC;
22
- $kendo-button-text: #424242;
23
- $kendo-button-bg: #f5f5f5;
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: #d0e3ee,
20
+ primary-subtle-hover: #accee2,
21
+ primary-subtle-active: #89bad6,
22
+ primary: #1274AC,
23
+ primary-hover: #116fa5,
24
+ primary-active: #106697,
25
+ primary-emphasis: #4d97c1,
26
+ primary-on-subtle: #06293c,
27
+ on-primary: white,
28
+ primary-on-surface: #0e5781,
29
+ secondary-subtle: #e3e3e3,
30
+ secondary-subtle-hover: #cfcfcf,
31
+ secondary-subtle-active: #bababa,
32
+ secondary: #757575,
33
+ secondary-hover: #707070,
34
+ secondary-active: #676767,
35
+ secondary-emphasis: #989898,
36
+ secondary-on-subtle: #292929,
37
+ on-secondary: white,
38
+ secondary-on-surface: #585858,
39
+ tertiary-subtle: #cce5e6,
40
+ tertiary-subtle-hover: #a6d2d4,
41
+ tertiary-subtle-active: #80bfc2,
42
+ tertiary: #007F84,
43
+ tertiary-hover: #007a7f,
44
+ tertiary-active: #007074,
45
+ tertiary-emphasis: #409fa3,
46
+ tertiary-on-subtle: #002c2e,
47
+ on-tertiary: white,
48
+ tertiary-on-surface: #005f63,
49
+ info-subtle: #ccdefb,
50
+ info-subtle-hover: #a6c5f7,
51
+ info-subtle-active: #80acf4,
52
+ info: #0058E9,
53
+ info-hover: #0054e0,
54
+ info-active: #004dcd,
55
+ info-emphasis: #4082ef,
56
+ info-on-subtle: #001f52,
57
+ on-info: white,
58
+ info-on-surface: #0042af,
59
+ success-subtle: #d4e6cc,
60
+ success-subtle-hover: #b3d3a6,
61
+ success-subtle-active: #93c180,
62
+ success: #278200,
63
+ success-hover: #257d00,
64
+ success-active: #227200,
65
+ success-emphasis: #5da140,
66
+ success-on-subtle: #0e2e00,
67
+ on-success: white,
68
+ success-on-surface: #1d6200,
69
+ warning-subtle: #fdedcc,
70
+ warning-subtle-hover: #fce0a6,
71
+ warning-subtle-active: #fad380,
72
+ warning: #F5A600,
73
+ warning-hover: #eb9f00,
74
+ warning-active: #d89200,
75
+ warning-emphasis: #f8bc40,
76
+ warning-on-subtle: #563a00,
77
+ on-warning: white,
78
+ warning-on-surface: #b87d00,
79
+ error-subtle: #f7d1d3,
80
+ error-subtle-hover: #f0afb2,
81
+ error-subtle-active: #ea8c91,
82
+ error: #D51923,
83
+ error-hover: #cc1822,
84
+ error-active: #bb161f,
85
+ error-emphasis: #e0535a,
86
+ error-on-subtle: #4b090c,
87
+ on-error: white,
88
+ error-on-surface: #a0131a,
89
+ light-subtle: #e3e3e3,
90
+ light-subtle-hover: #cfcfcf,
91
+ light-subtle-active: #bababa,
92
+ light: #757575,
93
+ light-hover: #707070,
94
+ light-active: #676767,
95
+ light-emphasis: #989898,
96
+ light-on-subtle: #292929,
97
+ on-light: white,
98
+ light-on-surface: #585858,
99
+ series-a: #1274AC,
100
+ series-a-bold: #0e5781,
101
+ series-a-bolder: #093a56,
102
+ series-a-subtle: #4d97c1,
103
+ series-a-subtler: #89bad6,
104
+ series-b: #FFE162,
105
+ series-b-bold: #bfa94a,
106
+ series-b-bolder: #807131,
107
+ series-b-subtle: #ffe989,
108
+ series-b-subtler: #fff0b1,
109
+ series-c: #4CD180,
110
+ series-c-bold: #399d60,
111
+ series-c-bolder: #266940,
112
+ series-c-subtle: #79dda0,
113
+ series-c-subtler: #a6e8c0,
114
+ series-d: #0074e6,
115
+ series-d-bold: #0057ad,
116
+ series-d-bolder: #003a73,
117
+ series-d-subtle: #4097ec,
118
+ series-d-subtler: #80baf3,
119
+ series-e: #9B4FE6,
120
+ series-e-bold: #743bad,
121
+ series-e-bolder: #4e2873,
122
+ series-e-subtle: #b47bec,
123
+ series-e-subtler: #cda7f3,
124
+ series-f: #FF80AC,
125
+ series-f-bold: #bf6081,
126
+ series-f-bolder: #804056,
127
+ series-f-subtle: #ffa0c1,
128
+ series-f-subtler: #ffc0d6,
129
+ );
130
+
131
+ @if not ($kendo-enable-color-system) {
132
+ $kendo-is-dark-theme: false !global;
133
+ $kendo-color-primary: #1274AC !global;
134
+ $kendo-color-secondary: #757575 !global;
135
+ $kendo-color-tertiary: #007F84 !global;
136
+ $kendo-color-info: #0058E9 !global;
137
+ $kendo-color-success: #278200 !global;
138
+ $kendo-color-warning: #F5A600 !global;
139
+ $kendo-color-error: #D51923 !global;
140
+ $kendo-color-light: #757575 !global;
141
+ $kendo-body-text: #424242 !global;
142
+ $kendo-body-bg: #ffffff !global;
143
+ $kendo-subtle-text: #666666 !global;
144
+ $kendo-disabled-text: #8f8f8f !global;
145
+ $kendo-component-text: #424242 !global;
146
+ $kendo-component-bg: #ffffff !global;
147
+ $kendo-base-text: #424242 !global;
148
+ $kendo-base-bg: #fafafa !global;
149
+ $kendo-hover-text: #424242 !global;
150
+ $kendo-hover-bg: #ececec !global;
151
+ $kendo-selected-text: #ffffff !global;
152
+ $kendo-selected-bg: #1274AC !global;
153
+ $kendo-button-text: #424242 !global;
154
+ $kendo-button-bg: #f5f5f5 !global;
155
+ $kendo-link-text: #1274AC !global;
156
+ $kendo-link-hover-text: #0f6190 !global;
157
+ $kendo-series-a: #1274AC !global;
158
+ $kendo-series-b: #FFE162 !global;
159
+ $kendo-series-c: #4CD180 !global;
160
+ $kendo-series-d: #0074e6 !global;
161
+ $kendo-series-e: #9B4FE6 !global;
162
+ $kendo-series-f: #FF80AC !global;
163
+ $kendo-scheduler-event-bg: #1274AC !global;
164
+ $kendo-scheduler-event-selected-bg: #0f6190 !global;
165
+ };
24
166
  $kendo-flat-button-hover-opacity: 4%;
25
167
  $kendo-flat-button-active-opacity: 6%;
26
168
  $kendo-flat-button-selected-opacity: 8%;
27
- $kendo-link-text: #1274AC;
28
- $kendo-link-hover-text: #0f6190;
29
169
  $kendo-input-clear-value-opacity: 80%;
30
- $kendo-series-a: #1274AC;
31
- $kendo-series-b: #FFE162;
32
- $kendo-series-c: #4CD180;
33
- $kendo-series-d: #0074e6;
34
- $kendo-series-e: #9B4FE6;
35
- $kendo-series-f: #FF80AC;
36
- $kendo-scheduler-event-bg: #1274AC;
37
- $kendo-scheduler-event-selected-bg: #0f6190;
170
+
38
171
  @import "all.scss";