@progress/kendo-theme-bootstrap 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.
- package/dist/all.css +2862 -1961
- package/dist/all.scss +10 -6
- package/dist/bootstrap-3-dark.scss +164 -39
- package/dist/bootstrap-3.scss +152 -39
- package/dist/bootstrap-4-dark.scss +156 -30
- package/dist/bootstrap-4.scss +144 -30
- package/dist/bootstrap-dataviz-v4.scss +45 -6
- package/dist/bootstrap-main-dark.scss +156 -30
- package/dist/bootstrap-main.scss +34 -29
- package/dist/bootstrap-nordic.scss +144 -30
- package/dist/bootstrap-turquoise-dark.scss +156 -30
- package/dist/bootstrap-turquoise.scss +144 -30
- package/dist/bootstrap-urban.scss +144 -30
- package/dist/bootstrap-vintage.scss +144 -30
- package/dist/meta/sassdoc-data.json +2224 -2224
- package/dist/meta/sassdoc-raw-data.json +1 -1
- package/dist/meta/variables.json +1637 -1637
- package/lib/swatches/bootstrap-3-dark.json +604 -2
- package/lib/swatches/bootstrap-3.json +544 -2
- package/lib/swatches/bootstrap-4-dark.json +601 -1
- package/lib/swatches/bootstrap-4.json +541 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +166 -1
- package/lib/swatches/bootstrap-main-dark.json +601 -1
- package/lib/swatches/bootstrap-main.json +11 -1
- package/lib/swatches/bootstrap-nordic.json +541 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +601 -1
- package/lib/swatches/bootstrap-turquoise.json +541 -1
- package/lib/swatches/bootstrap-urban.json +541 -1
- package/lib/swatches/bootstrap-vintage.json +541 -1
- package/package.json +5 -5
- package/scss/core/color-system/_swatch-legacy.scss +6 -2
- package/scss/core/color-system/_swatch.scss +1 -1
- package/scss/switch/_variables.scss +1 -1
package/dist/all.scss
CHANGED
|
@@ -771,7 +771,7 @@ $kendo-color-level-step: 8% !default;
|
|
|
771
771
|
#{$name}-active: k-color-darken( $color, 10% ),
|
|
772
772
|
#{$name}-emphasis: if( $name == 'base', k-try-shade( $color, 21% ), k-try-tint( $color, 25% )),
|
|
773
773
|
#{$name}-on-subtle: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 65% )),
|
|
774
|
-
on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-
|
|
774
|
+
on-#{$name}: if( $name == 'base', k-try-shade( $color, 84% ), k-contrast-legacy( $color )),
|
|
775
775
|
#{$name}-on-surface: if( $name == 'base', k-try-shade( $color, 84% ), k-try-shade( $color, 25% )),
|
|
776
776
|
);
|
|
777
777
|
|
|
@@ -4043,7 +4043,7 @@ $kendo-palette-teal: map-merge($_default-palette-teal, $kendo-palette-teal);
|
|
|
4043
4043
|
// #endregion
|
|
4044
4044
|
|
|
4045
4045
|
// Config
|
|
4046
|
-
$kendo-enable-color-system:
|
|
4046
|
+
$kendo-enable-color-system: true !default;
|
|
4047
4047
|
|
|
4048
4048
|
// Colors
|
|
4049
4049
|
$_default-colors: (
|
|
@@ -7685,10 +7685,14 @@ $kendo-zindex-loading: 100 !default;
|
|
|
7685
7685
|
// Backward compatibility
|
|
7686
7686
|
// #region @import "./color-system/_swatch-legacy.scss"; -> scss/core/color-system/_swatch-legacy.scss
|
|
7687
7687
|
@if ($kendo-enable-color-system) {
|
|
7688
|
-
$input-bg: k-color(
|
|
7688
|
+
$input-bg: k-color( surface-alt );
|
|
7689
7689
|
$input-color: k-color( on-app-surface );
|
|
7690
7690
|
$input-border-color: k-color( border-alt );
|
|
7691
7691
|
$input-placeholder-color: k-color( subtle );
|
|
7692
|
+
$input-focus-bg: k-color( surface-alt );
|
|
7693
|
+
$input-focus-color: k-color( on-app-surface );
|
|
7694
|
+
$input-focus-border-color: k-color( primary-emphasis );
|
|
7695
|
+
$input-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, k-color( primary ) 25%, transparent);
|
|
7692
7696
|
$kendo-color-primary: k-color( primary );
|
|
7693
7697
|
$kendo-color-primary-contrast: k-color( on-primary );
|
|
7694
7698
|
$kendo-color-secondary: k-color( secondary );
|
|
@@ -7708,7 +7712,7 @@ $kendo-zindex-loading: 100 !default;
|
|
|
7708
7712
|
$kendo-app-border: k-color( border );
|
|
7709
7713
|
$kendo-link-text: $kendo-color-primary;
|
|
7710
7714
|
$kendo-link-hover-text: k-color( primary-hover );
|
|
7711
|
-
$kendo-component-bg:
|
|
7715
|
+
$kendo-component-bg: k-color( surface-alt );
|
|
7712
7716
|
$kendo-component-text: $kendo-body-text;
|
|
7713
7717
|
$kendo-component-border: $kendo-app-border;
|
|
7714
7718
|
$kendo-base-bg: k-color( surface );
|
|
@@ -36806,7 +36810,7 @@ $kendo-switch-on-track-focus-ring: .25rem solid if($kendo-enable-color-system, c
|
|
|
36806
36810
|
|
|
36807
36811
|
/// The background of the track when the disabled Switch is checked.
|
|
36808
36812
|
/// @group switch
|
|
36809
|
-
$kendo-switch-on-track-disabled-bg: if($kendo-enable-color-system,
|
|
36813
|
+
$kendo-switch-on-track-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 50%, transparent), k-try-tint( $kendo-switch-on-track-bg, 50% )) !default;
|
|
36810
36814
|
/// The text color of the track when the disabled Switch is checked.
|
|
36811
36815
|
/// @group switch
|
|
36812
36816
|
$kendo-switch-on-track-disabled-text: null !default;
|
|
@@ -59514,7 +59518,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
|
|
|
59514
59518
|
}
|
|
59515
59519
|
|
|
59516
59520
|
&.k-event-inverse {
|
|
59517
|
-
color: if($kendo-enable-color-system, k-color( on-app-surface ), k-contrast-legacy( $kendo-scheduler-event-text ));
|
|
59521
|
+
color: if($kendo-enable-color-system, if($kendo-enable-focus-contrast, black, k-color( on-app-surface )), k-contrast-legacy( $kendo-scheduler-event-text ));
|
|
59518
59522
|
}
|
|
59519
59523
|
|
|
59520
59524
|
&.k-event-ongoing {
|
|
@@ -1,41 +1,166 @@
|
|
|
1
|
-
$kendo-
|
|
2
|
-
|
|
3
|
-
$kendo-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
$kendo-enable-color-system: true;
|
|
2
|
+
|
|
3
|
+
$kendo-colors: (
|
|
4
|
+
app-surface: #000000,
|
|
5
|
+
on-app-surface: #ffffff,
|
|
6
|
+
subtle: #cccccc,
|
|
7
|
+
surface: #222222,
|
|
8
|
+
surface-alt: #000000,
|
|
9
|
+
border: rgb(85, 85, 85),
|
|
10
|
+
border-alt: rgb(119, 119, 119),
|
|
11
|
+
base-subtle: #181818,
|
|
12
|
+
base-subtle-hover: #222222,
|
|
13
|
+
base-subtle-active: #343434,
|
|
14
|
+
base: #222222,
|
|
15
|
+
base-hover: #0f0f0f,
|
|
16
|
+
base-active: #090909,
|
|
17
|
+
base-emphasis: #505050,
|
|
18
|
+
base-on-subtle: gainsboro,
|
|
19
|
+
on-base: gainsboro,
|
|
20
|
+
base-on-surface: gainsboro,
|
|
21
|
+
primary-subtle: #0a1825,
|
|
22
|
+
primary-subtle-hover: #122b40,
|
|
23
|
+
primary-subtle-active: #1a3d5c,
|
|
24
|
+
primary: #337ab7,
|
|
25
|
+
primary-hover: #2b6699,
|
|
26
|
+
primary-active: #285f8f,
|
|
27
|
+
primary-emphasis: #265c89,
|
|
28
|
+
primary-on-subtle: #b8d0e6,
|
|
29
|
+
on-primary: white,
|
|
30
|
+
primary-on-surface: #669bc9,
|
|
31
|
+
secondary-subtle: #323232,
|
|
32
|
+
secondary-subtle-hover: #575757,
|
|
33
|
+
secondary-subtle-active: #7c7c7c,
|
|
34
|
+
secondary: #f8f8f8,
|
|
35
|
+
secondary-hover: #e5e5e5,
|
|
36
|
+
secondary-active: #dfdfdf,
|
|
37
|
+
secondary-emphasis: #bababa,
|
|
38
|
+
secondary-on-subtle: #fdfdfd,
|
|
39
|
+
on-secondary: black,
|
|
40
|
+
secondary-on-surface: #fafafa,
|
|
41
|
+
info-subtle: #12262c,
|
|
42
|
+
info-subtle-hover: #20434e,
|
|
43
|
+
info-subtle-active: #2e606f,
|
|
44
|
+
info: #5bc0de,
|
|
45
|
+
info-hover: #3bb4d8,
|
|
46
|
+
info-active: #31b0d5,
|
|
47
|
+
info-emphasis: #4490a7,
|
|
48
|
+
info-on-subtle: #c6e9f3,
|
|
49
|
+
on-info: white,
|
|
50
|
+
info-on-surface: #84d0e6,
|
|
51
|
+
success-subtle: #122512,
|
|
52
|
+
success-subtle-hover: #204020,
|
|
53
|
+
success-subtle-active: #2e5c2e,
|
|
54
|
+
success: #5cb85c,
|
|
55
|
+
success-hover: #48a648,
|
|
56
|
+
success-active: #449d44,
|
|
57
|
+
success-emphasis: #458a45,
|
|
58
|
+
success-on-subtle: #c6e6c6,
|
|
59
|
+
on-success: white,
|
|
60
|
+
success-on-surface: #85ca85,
|
|
61
|
+
warning-subtle: #302310,
|
|
62
|
+
warning-subtle-hover: #543d1b,
|
|
63
|
+
warning-subtle-active: #785727,
|
|
64
|
+
warning: #f0ad4e,
|
|
65
|
+
warning-hover: #ed9d2b,
|
|
66
|
+
warning-active: #ec971f,
|
|
67
|
+
warning-emphasis: #b4823b,
|
|
68
|
+
warning-on-subtle: #fae2c1,
|
|
69
|
+
on-warning: white,
|
|
70
|
+
warning-on-surface: #f4c27a,
|
|
71
|
+
error-subtle: #2b1110,
|
|
72
|
+
error-subtle-hover: #4c1d1c,
|
|
73
|
+
error-subtle-active: #6d2a28,
|
|
74
|
+
error: #d9534f,
|
|
75
|
+
error-hover: #d23430,
|
|
76
|
+
error-active: #c9302c,
|
|
77
|
+
error-emphasis: #a33e3b,
|
|
78
|
+
error-on-subtle: #f2c3c1,
|
|
79
|
+
on-error: white,
|
|
80
|
+
error-on-surface: #e37e7b,
|
|
81
|
+
inverse-subtle: #f8f9fa,
|
|
82
|
+
inverse-subtle-hover: #e9ecef,
|
|
83
|
+
inverse-subtle-active: #dee2e6,
|
|
84
|
+
inverse: #f8f9fa,
|
|
85
|
+
inverse-hover: #e9ecef,
|
|
86
|
+
inverse-active: #dee2e6,
|
|
87
|
+
inverse-emphasis: #bdc4cb,
|
|
88
|
+
inverse-on-subtle: #343a40,
|
|
89
|
+
on-inverse: black,
|
|
90
|
+
inverse-on-surface: #ced4da,
|
|
91
|
+
series-a: #0275d8,
|
|
92
|
+
series-a-bold: #0258a2,
|
|
93
|
+
series-a-bolder: #013b6c,
|
|
94
|
+
series-a-subtle: #4198e2,
|
|
95
|
+
series-a-subtler: #81baec,
|
|
96
|
+
series-b: #5bc0de,
|
|
97
|
+
series-b-bold: #4490a7,
|
|
98
|
+
series-b-bolder: #2e606f,
|
|
99
|
+
series-b-subtle: #84d0e6,
|
|
100
|
+
series-b-subtler: #ade0ef,
|
|
101
|
+
series-c: #5cb85c,
|
|
102
|
+
series-c-bold: #458a45,
|
|
103
|
+
series-c-bolder: #2e5c2e,
|
|
104
|
+
series-c-subtle: #85ca85,
|
|
105
|
+
series-c-subtler: #aedcae,
|
|
106
|
+
series-d: #f0ad4e,
|
|
107
|
+
series-d-bold: #b4823b,
|
|
108
|
+
series-d-bolder: #785727,
|
|
109
|
+
series-d-subtle: #f4c27a,
|
|
110
|
+
series-d-subtler: #f8d6a7,
|
|
111
|
+
series-e: #e67d4a,
|
|
112
|
+
series-e-bold: #ad5e38,
|
|
113
|
+
series-e-bolder: #733f25,
|
|
114
|
+
series-e-subtle: #ec9e77,
|
|
115
|
+
series-e-subtler: #f3bea5,
|
|
116
|
+
series-f: #d9534f,
|
|
117
|
+
series-f-bold: #a33e3b,
|
|
118
|
+
series-f-bolder: #6d2a28,
|
|
119
|
+
series-f-subtle: #e37e7b,
|
|
120
|
+
series-f-subtler: #eca9a7,
|
|
121
|
+
);
|
|
122
|
+
|
|
123
|
+
@if not ($kendo-enable-color-system) {
|
|
124
|
+
$kendo-is-dark-theme: true !global;
|
|
125
|
+
$kendo-color-primary: #337ab7 !global;
|
|
126
|
+
$kendo-color-secondary: #f8f8f8 !global;
|
|
127
|
+
$kendo-color-info: #5bc0de !global;
|
|
128
|
+
$kendo-color-success: #5cb85c !global;
|
|
129
|
+
$kendo-color-warning: #f0ad4e !global;
|
|
130
|
+
$kendo-color-error: #d9534f !global;
|
|
131
|
+
$kendo-body-text: #ffffff !global;
|
|
132
|
+
$kendo-body-bg: #000000 !global;
|
|
133
|
+
$kendo-subtle-text: #cccccc !global;
|
|
134
|
+
$kendo-disabled-text: #aaaaaa !global;
|
|
135
|
+
$kendo-component-text: #ffffff !global;
|
|
136
|
+
$kendo-component-bg: #000000 !global;
|
|
137
|
+
$kendo-base-text: #ffffff !global;
|
|
138
|
+
$kendo-base-bg: #222222 !global;
|
|
139
|
+
$kendo-hover-text: #ffffff !global;
|
|
140
|
+
$kendo-hover-bg: #333333 !global;
|
|
141
|
+
$kendo-selected-text: #ffffff !global;
|
|
142
|
+
$kendo-selected-bg: #337ab7 !global;
|
|
143
|
+
$kendo-button-text: #ffffff !global;
|
|
144
|
+
$kendo-button-bg: #222222 !global;
|
|
145
|
+
$kendo-link-text: #337ab7 !global;
|
|
146
|
+
$kendo-link-hover-text: #23527c !global;
|
|
147
|
+
$kendo-series-a: #0275d8 !global;
|
|
148
|
+
$kendo-series-b: #5bc0de !global;
|
|
149
|
+
$kendo-series-c: #5cb85c !global;
|
|
150
|
+
$kendo-series-d: #f0ad4e !global;
|
|
151
|
+
$kendo-series-e: #e67d4a !global;
|
|
152
|
+
$kendo-series-f: #d9534f !global;
|
|
153
|
+
$primary: $kendo-color-primary !global;
|
|
154
|
+
$gray-100: #f5f5f5 !global;
|
|
155
|
+
$gray-200: #eeeeee !global;
|
|
156
|
+
$gray-300: #dddddd !global;
|
|
157
|
+
$gray-400: #cccccc !global;
|
|
158
|
+
$gray-500: #aaaaaa !global;
|
|
159
|
+
$gray-600: #777777 !global;
|
|
160
|
+
$gray-700: #555555 !global;
|
|
161
|
+
$gray-800: #333333 !global;
|
|
162
|
+
$gray-900: #222222 !global;
|
|
163
|
+
};
|
|
22
164
|
$kendo-button-border: #333333;
|
|
23
|
-
|
|
24
|
-
$kendo-link-hover-text: #23527c;
|
|
25
|
-
$kendo-series-a: #0275d8;
|
|
26
|
-
$kendo-series-b: #5bc0de;
|
|
27
|
-
$kendo-series-c: #5cb85c;
|
|
28
|
-
$kendo-series-d: #f0ad4e;
|
|
29
|
-
$kendo-series-e: #e67d4a;
|
|
30
|
-
$kendo-series-f: #d9534f;
|
|
31
|
-
$primary: $kendo-color-primary;
|
|
32
|
-
$gray-100: #f5f5f5;
|
|
33
|
-
$gray-200: #eeeeee;
|
|
34
|
-
$gray-300: #dddddd;
|
|
35
|
-
$gray-400: #cccccc;
|
|
36
|
-
$gray-500: #aaaaaa;
|
|
37
|
-
$gray-600: #777777;
|
|
38
|
-
$gray-700: #555555;
|
|
39
|
-
$gray-800: #333333;
|
|
40
|
-
$gray-900: #222222;
|
|
165
|
+
|
|
41
166
|
@import "all.scss";
|
package/dist/bootstrap-3.scss
CHANGED
|
@@ -1,41 +1,154 @@
|
|
|
1
|
-
$kendo-
|
|
2
|
-
|
|
3
|
-
$kendo-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
1
|
+
$kendo-enable-color-system: true;
|
|
2
|
+
|
|
3
|
+
$kendo-colors: (
|
|
4
|
+
app-surface: #ffffff,
|
|
5
|
+
on-app-surface: #333333,
|
|
6
|
+
subtle: #777777,
|
|
7
|
+
surface: #f5f5f5,
|
|
8
|
+
surface-alt: #ffffff,
|
|
9
|
+
base-subtle: white,
|
|
10
|
+
base-subtle-hover: #ffffff,
|
|
11
|
+
base-subtle-active: #ebebeb,
|
|
12
|
+
base: #ffffff,
|
|
13
|
+
base-hover: #ececec,
|
|
14
|
+
base-active: #e6e6e6,
|
|
15
|
+
base-emphasis: #c9c9c9,
|
|
16
|
+
base-on-subtle: #333333,
|
|
17
|
+
on-base: #333333,
|
|
18
|
+
base-on-surface: #333333,
|
|
19
|
+
primary-subtle: #d6e4f1,
|
|
20
|
+
primary-subtle-hover: #b8d0e6,
|
|
21
|
+
primary-subtle-active: #99bddb,
|
|
22
|
+
primary: #337ab7,
|
|
23
|
+
primary-hover: #2b6699,
|
|
24
|
+
primary-active: #285f8f,
|
|
25
|
+
primary-emphasis: #669bc9,
|
|
26
|
+
primary-on-subtle: #122b40,
|
|
27
|
+
on-primary: white,
|
|
28
|
+
primary-on-surface: #265c89,
|
|
29
|
+
secondary-subtle: #fefefe,
|
|
30
|
+
secondary-subtle-hover: #fdfdfd,
|
|
31
|
+
secondary-subtle-active: #fcfcfc,
|
|
32
|
+
secondary: #f8f8f8,
|
|
33
|
+
secondary-hover: #e5e5e5,
|
|
34
|
+
secondary-active: #dfdfdf,
|
|
35
|
+
secondary-emphasis: #fafafa,
|
|
36
|
+
secondary-on-subtle: #575757,
|
|
37
|
+
on-secondary: black,
|
|
38
|
+
secondary-on-surface: #bababa,
|
|
39
|
+
info-subtle: #def2f8,
|
|
40
|
+
info-subtle-hover: #c6e9f3,
|
|
41
|
+
info-subtle-active: #ade0ef,
|
|
42
|
+
info: #5bc0de,
|
|
43
|
+
info-hover: #3bb4d8,
|
|
44
|
+
info-active: #31b0d5,
|
|
45
|
+
info-emphasis: #84d0e6,
|
|
46
|
+
info-on-subtle: #20434e,
|
|
47
|
+
on-info: white,
|
|
48
|
+
info-on-surface: #4490a7,
|
|
49
|
+
success-subtle: #def1de,
|
|
50
|
+
success-subtle-hover: #c6e6c6,
|
|
51
|
+
success-subtle-active: #aedcae,
|
|
52
|
+
success: #5cb85c,
|
|
53
|
+
success-hover: #48a648,
|
|
54
|
+
success-active: #449d44,
|
|
55
|
+
success-emphasis: #85ca85,
|
|
56
|
+
success-on-subtle: #204020,
|
|
57
|
+
on-success: white,
|
|
58
|
+
success-on-surface: #458a45,
|
|
59
|
+
warning-subtle: #fcefdc,
|
|
60
|
+
warning-subtle-hover: #fae2c1,
|
|
61
|
+
warning-subtle-active: #f8d6a7,
|
|
62
|
+
warning: #f0ad4e,
|
|
63
|
+
warning-hover: #ed9d2b,
|
|
64
|
+
warning-active: #ec971f,
|
|
65
|
+
warning-emphasis: #f4c27a,
|
|
66
|
+
warning-on-subtle: #543d1b,
|
|
67
|
+
on-warning: white,
|
|
68
|
+
warning-on-surface: #b4823b,
|
|
69
|
+
error-subtle: #f7dddc,
|
|
70
|
+
error-subtle-hover: #f2c3c1,
|
|
71
|
+
error-subtle-active: #eca9a7,
|
|
72
|
+
error: #d9534f,
|
|
73
|
+
error-hover: #d23430,
|
|
74
|
+
error-active: #c9302c,
|
|
75
|
+
error-emphasis: #e37e7b,
|
|
76
|
+
error-on-subtle: #4c1d1c,
|
|
77
|
+
on-error: white,
|
|
78
|
+
error-on-surface: #a33e3b,
|
|
79
|
+
series-a: #0275d8,
|
|
80
|
+
series-a-bold: #0258a2,
|
|
81
|
+
series-a-bolder: #013b6c,
|
|
82
|
+
series-a-subtle: #4198e2,
|
|
83
|
+
series-a-subtler: #81baec,
|
|
84
|
+
series-b: #5bc0de,
|
|
85
|
+
series-b-bold: #4490a7,
|
|
86
|
+
series-b-bolder: #2e606f,
|
|
87
|
+
series-b-subtle: #84d0e6,
|
|
88
|
+
series-b-subtler: #ade0ef,
|
|
89
|
+
series-c: #5cb85c,
|
|
90
|
+
series-c-bold: #458a45,
|
|
91
|
+
series-c-bolder: #2e5c2e,
|
|
92
|
+
series-c-subtle: #85ca85,
|
|
93
|
+
series-c-subtler: #aedcae,
|
|
94
|
+
series-d: #f0ad4e,
|
|
95
|
+
series-d-bold: #b4823b,
|
|
96
|
+
series-d-bolder: #785727,
|
|
97
|
+
series-d-subtle: #f4c27a,
|
|
98
|
+
series-d-subtler: #f8d6a7,
|
|
99
|
+
series-e: #e67d4a,
|
|
100
|
+
series-e-bold: #ad5e38,
|
|
101
|
+
series-e-bolder: #733f25,
|
|
102
|
+
series-e-subtle: #ec9e77,
|
|
103
|
+
series-e-subtler: #f3bea5,
|
|
104
|
+
series-f: #d9534f,
|
|
105
|
+
series-f-bold: #a33e3b,
|
|
106
|
+
series-f-bolder: #6d2a28,
|
|
107
|
+
series-f-subtle: #e37e7b,
|
|
108
|
+
series-f-subtler: #eca9a7,
|
|
109
|
+
);
|
|
110
|
+
|
|
111
|
+
@if not ($kendo-enable-color-system) {
|
|
112
|
+
$kendo-is-dark-theme: false !global;
|
|
113
|
+
$kendo-color-primary: #337ab7 !global;
|
|
114
|
+
$kendo-color-secondary: #f8f8f8 !global;
|
|
115
|
+
$kendo-color-info: #5bc0de !global;
|
|
116
|
+
$kendo-color-success: #5cb85c !global;
|
|
117
|
+
$kendo-color-warning: #f0ad4e !global;
|
|
118
|
+
$kendo-color-error: #d9534f !global;
|
|
119
|
+
$kendo-body-text: #333333 !global;
|
|
120
|
+
$kendo-body-bg: #ffffff !global;
|
|
121
|
+
$kendo-subtle-text: #777777 !global;
|
|
122
|
+
$kendo-disabled-text: #777777 !global;
|
|
123
|
+
$kendo-component-text: #333333 !global;
|
|
124
|
+
$kendo-component-bg: #ffffff !global;
|
|
125
|
+
$kendo-base-text: #333333 !global;
|
|
126
|
+
$kendo-base-bg: #f5f5f5 !global;
|
|
127
|
+
$kendo-hover-text: #333333 !global;
|
|
128
|
+
$kendo-hover-bg: #eeeeee !global;
|
|
129
|
+
$kendo-selected-text: #ffffff !global;
|
|
130
|
+
$kendo-selected-bg: #337ab7 !global;
|
|
131
|
+
$kendo-button-text: #333333 !global;
|
|
132
|
+
$kendo-button-bg: #ffffff !global;
|
|
133
|
+
$kendo-link-text: #337ab7 !global;
|
|
134
|
+
$kendo-link-hover-text: #23527c !global;
|
|
135
|
+
$kendo-series-a: #0275d8 !global;
|
|
136
|
+
$kendo-series-b: #5bc0de !global;
|
|
137
|
+
$kendo-series-c: #5cb85c !global;
|
|
138
|
+
$kendo-series-d: #f0ad4e !global;
|
|
139
|
+
$kendo-series-e: #e67d4a !global;
|
|
140
|
+
$kendo-series-f: #d9534f !global;
|
|
141
|
+
$primary: $kendo-color-primary !global;
|
|
142
|
+
$gray-100: #f5f5f5 !global;
|
|
143
|
+
$gray-200: #eeeeee !global;
|
|
144
|
+
$gray-300: #dddddd !global;
|
|
145
|
+
$gray-400: #cccccc !global;
|
|
146
|
+
$gray-500: #aaaaaa !global;
|
|
147
|
+
$gray-600: #777777 !global;
|
|
148
|
+
$gray-700: #555555 !global;
|
|
149
|
+
$gray-800: #333333 !global;
|
|
150
|
+
$gray-900: #222222 !global;
|
|
151
|
+
};
|
|
22
152
|
$kendo-button-border: #dddddd;
|
|
23
|
-
|
|
24
|
-
$kendo-link-hover-text: #23527c;
|
|
25
|
-
$kendo-series-a: #0275d8;
|
|
26
|
-
$kendo-series-b: #5bc0de;
|
|
27
|
-
$kendo-series-c: #5cb85c;
|
|
28
|
-
$kendo-series-d: #f0ad4e;
|
|
29
|
-
$kendo-series-e: #e67d4a;
|
|
30
|
-
$kendo-series-f: #d9534f;
|
|
31
|
-
$primary: $kendo-color-primary;
|
|
32
|
-
$gray-100: #f5f5f5;
|
|
33
|
-
$gray-200: #eeeeee;
|
|
34
|
-
$gray-300: #dddddd;
|
|
35
|
-
$gray-400: #cccccc;
|
|
36
|
-
$gray-500: #aaaaaa;
|
|
37
|
-
$gray-600: #777777;
|
|
38
|
-
$gray-700: #555555;
|
|
39
|
-
$gray-800: #333333;
|
|
40
|
-
$gray-900: #222222;
|
|
153
|
+
|
|
41
154
|
@import "all.scss";
|
|
@@ -1,31 +1,157 @@
|
|
|
1
|
-
$kendo-
|
|
2
|
-
|
|
3
|
-
$kendo-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
1
|
+
$kendo-enable-color-system: true;
|
|
2
|
+
|
|
3
|
+
$kendo-colors: (
|
|
4
|
+
app-surface: #000000,
|
|
5
|
+
on-app-surface: #ffffff,
|
|
6
|
+
subtle: #cccccc,
|
|
7
|
+
surface: #212529,
|
|
8
|
+
surface-alt: #000000,
|
|
9
|
+
border: #495057,
|
|
10
|
+
border-alt: #6c757d,
|
|
11
|
+
base-subtle: #24292d,
|
|
12
|
+
base-subtle-hover: #343a40,
|
|
13
|
+
base-subtle-active: #444a4f,
|
|
14
|
+
base: #343a40,
|
|
15
|
+
base-hover: #23272b,
|
|
16
|
+
base-active: #1d2124,
|
|
17
|
+
base-emphasis: #5f6368,
|
|
18
|
+
base-on-subtle: #ffffff,
|
|
19
|
+
on-base: #ffffff,
|
|
20
|
+
base-on-surface: #ffffff,
|
|
21
|
+
primary-subtle: #001933,
|
|
22
|
+
primary-subtle-hover: #002b59,
|
|
23
|
+
primary-subtle-active: #003e80,
|
|
24
|
+
primary: #007bff,
|
|
25
|
+
primary-hover: #0069d9,
|
|
26
|
+
primary-active: #0062cc,
|
|
27
|
+
primary-emphasis: #005cbf,
|
|
28
|
+
primary-on-subtle: #a6d1ff,
|
|
29
|
+
on-primary: white,
|
|
30
|
+
primary-on-surface: #409cff,
|
|
31
|
+
secondary-subtle: #161719,
|
|
32
|
+
secondary-subtle-hover: #26292c,
|
|
33
|
+
secondary-subtle-active: #363b3f,
|
|
34
|
+
secondary: #6c757d,
|
|
35
|
+
secondary-hover: #5a6268,
|
|
36
|
+
secondary-active: #545b62,
|
|
37
|
+
secondary-emphasis: #51585e,
|
|
38
|
+
secondary-on-subtle: #cccfd2,
|
|
39
|
+
on-secondary: white,
|
|
40
|
+
secondary-on-surface: #91989e,
|
|
41
|
+
info-subtle: #052025,
|
|
42
|
+
info-subtle-hover: #083940,
|
|
43
|
+
info-subtle-active: #0c515c,
|
|
44
|
+
info: #17a2b8,
|
|
45
|
+
info-hover: #138496,
|
|
46
|
+
info-active: #117a8b,
|
|
47
|
+
info-emphasis: #117a8a,
|
|
48
|
+
info-on-subtle: #aedee6,
|
|
49
|
+
on-info: white,
|
|
50
|
+
info-on-surface: #51b9ca,
|
|
51
|
+
success-subtle: #08210e,
|
|
52
|
+
success-subtle-hover: #0e3a18,
|
|
53
|
+
success-subtle-active: #145423,
|
|
54
|
+
success: #28a745,
|
|
55
|
+
success-hover: #218838,
|
|
56
|
+
success-active: #1e7e34,
|
|
57
|
+
success-emphasis: #1e7d34,
|
|
58
|
+
success-on-subtle: #b4e0be,
|
|
59
|
+
on-success: white,
|
|
60
|
+
success-on-surface: #5ebd74,
|
|
61
|
+
warning-subtle: #332701,
|
|
62
|
+
warning-subtle-hover: #594402,
|
|
63
|
+
warning-subtle-active: #806104,
|
|
64
|
+
warning: #ffc107,
|
|
65
|
+
warning-hover: #e0a800,
|
|
66
|
+
warning-active: #d39e00,
|
|
67
|
+
warning-emphasis: #bf9105,
|
|
68
|
+
warning-on-subtle: #ffe9a8,
|
|
69
|
+
on-warning: black,
|
|
70
|
+
warning-on-surface: #ffd145,
|
|
71
|
+
error-subtle: #2c0b0e,
|
|
72
|
+
error-subtle-hover: #4d1318,
|
|
73
|
+
error-subtle-active: #6e1b23,
|
|
74
|
+
error: #dc3545,
|
|
75
|
+
error-hover: #c82333,
|
|
76
|
+
error-active: #bd2130,
|
|
77
|
+
error-emphasis: #a52834,
|
|
78
|
+
error-on-subtle: #f3b8be,
|
|
79
|
+
on-error: white,
|
|
80
|
+
error-on-surface: #e56874,
|
|
81
|
+
inverse-subtle: #f8f9fa,
|
|
82
|
+
inverse-subtle-hover: #e9ecef,
|
|
83
|
+
inverse-subtle-active: #dee2e6,
|
|
84
|
+
inverse: #f8f9fa,
|
|
85
|
+
inverse-hover: #e9ecef,
|
|
86
|
+
inverse-active: #dee2e6,
|
|
87
|
+
inverse-emphasis: #bdc4cb,
|
|
88
|
+
inverse-on-subtle: #343a40,
|
|
89
|
+
on-inverse: black,
|
|
90
|
+
inverse-on-surface: #ced4da,
|
|
91
|
+
series-a: #0275d8,
|
|
92
|
+
series-a-bold: #0258a2,
|
|
93
|
+
series-a-bolder: #013b6c,
|
|
94
|
+
series-a-subtle: #4198e2,
|
|
95
|
+
series-a-subtler: #81baec,
|
|
96
|
+
series-b: #5bc0de,
|
|
97
|
+
series-b-bold: #4490a7,
|
|
98
|
+
series-b-bolder: #2e606f,
|
|
99
|
+
series-b-subtle: #84d0e6,
|
|
100
|
+
series-b-subtler: #ade0ef,
|
|
101
|
+
series-c: #5cb85c,
|
|
102
|
+
series-c-bold: #458a45,
|
|
103
|
+
series-c-bolder: #2e5c2e,
|
|
104
|
+
series-c-subtle: #85ca85,
|
|
105
|
+
series-c-subtler: #aedcae,
|
|
106
|
+
series-d: #f0ad4e,
|
|
107
|
+
series-d-bold: #b4823b,
|
|
108
|
+
series-d-bolder: #785727,
|
|
109
|
+
series-d-subtle: #f4c27a,
|
|
110
|
+
series-d-subtler: #f8d6a7,
|
|
111
|
+
series-e: #e67d4a,
|
|
112
|
+
series-e-bold: #ad5e38,
|
|
113
|
+
series-e-bolder: #733f25,
|
|
114
|
+
series-e-subtle: #ec9e77,
|
|
115
|
+
series-e-subtler: #f3bea5,
|
|
116
|
+
series-f: #d9534f,
|
|
117
|
+
series-f-bold: #a33e3b,
|
|
118
|
+
series-f-bolder: #6d2a28,
|
|
119
|
+
series-f-subtle: #e37e7b,
|
|
120
|
+
series-f-subtler: #eca9a7,
|
|
121
|
+
);
|
|
122
|
+
|
|
123
|
+
@if not ($kendo-enable-color-system) {
|
|
124
|
+
$kendo-is-dark-theme: true !global;
|
|
125
|
+
$kendo-color-primary: #007bff !global;
|
|
126
|
+
$kendo-color-secondary: #6c757d !global;
|
|
127
|
+
$kendo-color-info: #17a2b8 !global;
|
|
128
|
+
$kendo-color-success: #28a745 !global;
|
|
129
|
+
$kendo-color-warning: #ffc107 !global;
|
|
130
|
+
$kendo-color-error: #dc3545 !global;
|
|
131
|
+
$kendo-body-text: #ffffff !global;
|
|
132
|
+
$kendo-body-bg: #000000 !global;
|
|
133
|
+
$kendo-subtle-text: #cccccc !global;
|
|
134
|
+
$kendo-disabled-text: #aaaaaa !global;
|
|
135
|
+
$kendo-component-text: #ffffff !global;
|
|
136
|
+
$kendo-component-bg: #000000 !global;
|
|
137
|
+
$kendo-base-text: #ffffff !global;
|
|
138
|
+
$kendo-base-bg: #212529 !global;
|
|
139
|
+
$kendo-hover-text: #ffffff !global;
|
|
140
|
+
$kendo-hover-bg: #343a40 !global;
|
|
141
|
+
$kendo-selected-text: #ffffff !global;
|
|
142
|
+
$kendo-selected-bg: #007bff !global;
|
|
143
|
+
$kendo-button-text: #ffffff !global;
|
|
144
|
+
$kendo-button-bg: #343a40 !global;
|
|
145
|
+
$kendo-link-text: #007bff !global;
|
|
146
|
+
$kendo-link-hover-text: #0056b3 !global;
|
|
147
|
+
$kendo-series-a: #0275d8 !global;
|
|
148
|
+
$kendo-series-b: #5bc0de !global;
|
|
149
|
+
$kendo-series-c: #5cb85c !global;
|
|
150
|
+
$kendo-series-d: #f0ad4e !global;
|
|
151
|
+
$kendo-series-e: #e67d4a !global;
|
|
152
|
+
$kendo-series-f: #d9534f !global;
|
|
153
|
+
$primary: $kendo-color-primary !global;
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
|
|
31
157
|
@import "all.scss";
|