@progress/kendo-theme-material 10.6.0 → 11.0.0-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +1 -1
- package/dist/material-2-dark.css +1 -0
- package/dist/material-2-dark.scss +137 -0
- package/dist/material-2.css +1 -0
- package/dist/material-2.scss +132 -0
- package/dist/material-aqua-dark.css +1 -1
- package/dist/material-aqua-dark.scss +1 -1
- package/dist/material-arctic.css +1 -1
- package/dist/material-arctic.scss +1 -1
- package/dist/material-burnt-teal.css +1 -1
- package/dist/material-burnt-teal.scss +1 -1
- package/dist/material-dataviz-v4.css +1 -1
- package/dist/material-dataviz-v4.scss +1 -1
- package/dist/material-eggplant.css +1 -1
- package/dist/material-eggplant.scss +1 -1
- package/dist/material-lime-dark.css +1 -1
- package/dist/material-lime-dark.scss +1 -1
- package/dist/material-lime.css +1 -1
- package/dist/material-lime.scss +1 -1
- package/dist/material-main-dark.css +1 -1
- package/dist/material-main-dark.scss +98 -98
- package/dist/material-main.css +1 -1
- package/dist/material-main.scss +1 -5
- package/dist/material-nova.css +1 -1
- package/dist/material-nova.scss +1 -1
- package/dist/material-pacific-dark.css +1 -1
- package/dist/material-pacific-dark.scss +1 -1
- package/dist/material-pacific.css +1 -1
- package/dist/material-pacific.scss +1 -1
- package/dist/material-sky-dark.css +1 -1
- package/dist/material-sky-dark.scss +1 -1
- package/dist/material-sky.css +1 -1
- package/dist/material-sky.scss +1 -1
- package/dist/material-smoke.css +1 -1
- package/dist/material-smoke.scss +1 -1
- package/dist/meta/sassdoc-data.json +13278 -11518
- package/dist/meta/sassdoc-raw-data.json +4563 -3763
- package/dist/meta/variables.json +2591 -3022
- package/lib/swatches/index.js +2 -0
- package/lib/swatches/material-2-dark.json +657 -0
- package/lib/swatches/material-2.json +632 -0
- package/lib/swatches/material-aqua-dark.json +1 -243
- package/lib/swatches/material-arctic.json +1 -243
- package/lib/swatches/material-burnt-teal.json +1 -243
- package/lib/swatches/material-dataviz-v4.json +1 -47
- package/lib/swatches/material-eggplant.json +1 -243
- package/lib/swatches/material-lime-dark.json +1 -243
- package/lib/swatches/material-lime.json +1 -243
- package/lib/swatches/material-main-dark.json +103 -345
- package/lib/swatches/material-main.json +7 -250
- package/lib/swatches/material-nova.json +1 -243
- package/lib/swatches/material-pacific-dark.json +1 -243
- package/lib/swatches/material-pacific.json +1 -243
- package/lib/swatches/material-sky-dark.json +1 -243
- package/lib/swatches/material-sky.json +1 -243
- package/lib/swatches/material-smoke.json +1 -243
- package/package.json +4 -4
- package/scss/action-buttons/_layout.scss +0 -23
- package/scss/action-buttons/_theme.scss +0 -13
- package/scss/action-buttons/_variables.scss +3 -3
- package/scss/action-sheet/_layout.scss +6 -0
- package/scss/action-sheet/_variables.scss +27 -28
- package/scss/adaptive/_variables.scss +13 -13
- package/scss/appbar/_variables.scss +22 -8
- package/scss/avatar/_variables.scss +12 -1
- package/scss/badge/_layout.scss +0 -1
- package/scss/badge/_variables.scss +23 -9
- package/scss/bottom-navigation/_theme.scss +55 -4
- package/scss/bottom-navigation/_variables.scss +31 -17
- package/scss/breadcrumb/_variables.scss +21 -21
- package/scss/button/_layout.scss +0 -81
- package/scss/button/_theme.scss +110 -44
- package/scss/button/_variables.scss +47 -34
- package/scss/calendar/_layout.scss +13 -16
- package/scss/calendar/_theme.scss +29 -11
- package/scss/calendar/_variables.scss +83 -56
- package/scss/captcha/_variables.scss +3 -3
- package/scss/card/_variables.scss +34 -20
- package/scss/chart-wizard/_variables.scss +4 -4
- package/scss/chat/_theme.scss +5 -1
- package/scss/chat/_variables.scss +15 -15
- package/scss/checkbox/_layout.scss +35 -0
- package/scss/checkbox/_theme.scss +113 -4
- package/scss/checkbox/_variables.scss +23 -20
- package/scss/chip/_layout.scss +10 -0
- package/scss/chip/_theme.scss +41 -61
- package/scss/chip/_variables.scss +48 -30
- package/scss/color-preview/_variables.scss +3 -3
- package/scss/coloreditor/_variables.scss +11 -11
- package/scss/colorgradient/_variables.scss +7 -37
- package/scss/column-menu/_variables.scss +1 -1
- package/scss/core/_index.scss +8 -3
- package/scss/core/color-system/_palettes.scss +243 -242
- package/scss/core/color-system/_swatch.scss +142 -145
- package/scss/core/elevation/index.import.scss +18 -27
- package/scss/core/typography/index.import.scss +8 -8
- package/scss/dataviz/_variables.scss +61 -48
- package/scss/dialog/_theme.scss +1 -1
- package/scss/dialog/_variables.scss +9 -4
- package/scss/dock-manager/_variables.scss +18 -18
- package/scss/draggable/_variables.scss +4 -4
- package/scss/drawer/_layout.scss +2 -0
- package/scss/drawer/_theme.scss +0 -11
- package/scss/drawer/_variables.scss +49 -24
- package/scss/dropzone/_variables.scss +7 -7
- package/scss/editor/_layout.scss +2 -12
- package/scss/editor/_variables.scss +15 -8
- package/scss/expansion-panel/_layout.scss +5 -0
- package/scss/expansion-panel/_variables.scss +10 -10
- package/scss/fab/_layout.scss +1 -1
- package/scss/fab/_theme.scss +24 -23
- package/scss/fab/_variables.scss +25 -14
- package/scss/filemanager/_theme.scss +4 -0
- package/scss/filemanager/_variables.scss +6 -6
- package/scss/filter/_variables.scss +4 -4
- package/scss/floating-label/_theme.scss +1 -1
- package/scss/floating-label/_variables.scss +2 -2
- package/scss/forms/_variables.scss +6 -6
- package/scss/gantt/_variables.scss +27 -27
- package/scss/grid/_layout.scss +6 -21
- package/scss/grid/_theme.scss +14 -128
- package/scss/grid/_variables.scss +20 -20
- package/scss/imageeditor/_variables.scss +4 -4
- package/scss/index.scss +3 -0
- package/scss/input/_layout.scss +10 -14
- package/scss/input/_variables.scss +45 -44
- package/scss/list/_theme.scss +1 -1
- package/scss/list/_variables.scss +103 -25
- package/scss/listbox/_variables.scss +3 -3
- package/scss/listgroup/_variables.scss +6 -6
- package/scss/listview/_theme.scss +0 -13
- package/scss/listview/_variables.scss +7 -7
- package/scss/loader/_variables.scss +18 -4
- package/scss/map/_variables.scss +6 -6
- package/scss/marquee/_index.scss +16 -0
- package/scss/marquee/_layout.scss +6 -0
- package/scss/marquee/_theme.scss +6 -0
- package/scss/marquee/_variables.scss +11 -0
- package/scss/mediaplayer/_variables.scss +4 -4
- package/scss/menu/_layout.scss +4 -0
- package/scss/menu/_theme.scss +1 -26
- package/scss/menu/_variables.scss +49 -41
- package/scss/menu-button/_variables.scss +1 -1
- package/scss/messagebox/_layout.scss +5 -1
- package/scss/messagebox/_variables.scss +16 -2
- package/scss/no-data/_variables.scss +1 -1
- package/scss/notification/_functions.scss +1 -1
- package/scss/notification/_layout.scss +5 -0
- package/scss/notification/_theme.scss +1 -0
- package/scss/notification/_variables.scss +30 -9
- package/scss/orgchart/_variables.scss +10 -10
- package/scss/overlay/_variables.scss +12 -1
- package/scss/pager/_variables.scss +8 -8
- package/scss/panel/_variables.scss +3 -3
- package/scss/panelbar/_layout.scss +29 -1
- package/scss/panelbar/_theme.scss +0 -1
- package/scss/panelbar/_variables.scss +29 -29
- package/scss/pdf-viewer/_variables.scss +15 -15
- package/scss/pivotgrid/_theme.scss +0 -12
- package/scss/pivotgrid/_variables.scss +23 -23
- package/scss/popover/_variables.scss +5 -5
- package/scss/popup/_variables.scss +7 -7
- package/scss/progressbar/_layout.scss +11 -4
- package/scss/progressbar/_variables.scss +6 -6
- package/scss/prompt/_layout.scss +4 -0
- package/scss/prompt/_variables.scss +17 -17
- package/scss/radio/_layout.scss +35 -0
- package/scss/radio/_theme.scss +109 -4
- package/scss/radio/_variables.scss +19 -16
- package/scss/rating/_variables.scss +7 -7
- package/scss/scheduler/_layout.scss +2 -89
- package/scss/scheduler/_theme.scss +3 -3
- package/scss/scheduler/_variables.scss +22 -19
- package/scss/scrollview/_variables.scss +5 -5
- package/scss/signature/_variables.scss +1 -1
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/slider/_layout.scss +11 -0
- package/scss/slider/_theme.scss +1 -10
- package/scss/slider/_variables.scss +25 -16
- package/scss/split-button/_layout.scss +12 -0
- package/scss/split-button/_variables.scss +4 -4
- package/scss/splitter/_variables.scss +9 -9
- package/scss/spreadsheet/_layout.scss +0 -35
- package/scss/spreadsheet/_theme.scss +3 -25
- package/scss/spreadsheet/_variables.scss +32 -31
- package/scss/stepper/_layout.scss +15 -1
- package/scss/stepper/_theme.scss +8 -0
- package/scss/stepper/_variables.scss +21 -21
- package/scss/switch/_layout.scss +20 -5
- package/scss/switch/_theme.scss +2 -9
- package/scss/switch/_variables.scss +50 -16
- package/scss/table/_layout.scss +22 -20
- package/scss/table/_theme.scss +6 -32
- package/scss/table/_variables.scss +13 -13
- package/scss/tabstrip/_layout.scss +100 -4
- package/scss/tabstrip/_variables.scss +20 -20
- package/scss/taskboard/_layout.scss +4 -0
- package/scss/taskboard/_variables.scss +18 -18
- package/scss/tilelayout/_layout.scss +7 -1
- package/scss/tilelayout/_variables.scss +4 -4
- package/scss/timeline/_variables.scss +7 -7
- package/scss/timeselector/_layout.scss +38 -0
- package/scss/timeselector/_theme.scss +8 -6
- package/scss/timeselector/_variables.scss +39 -28
- package/scss/toolbar/_layout.scss +0 -47
- package/scss/toolbar/_theme.scss +4 -44
- package/scss/toolbar/_variables.scss +17 -17
- package/scss/tooltip/_functions.scss +1 -1
- package/scss/tooltip/_variables.scss +19 -8
- package/scss/treelist/_layout.scss +0 -19
- package/scss/treelist/_theme.scss +10 -15
- package/scss/treelist/_variables.scss +1 -1
- package/scss/treeview/_theme.scss +2 -31
- package/scss/treeview/_variables.scss +25 -25
- package/scss/typography/_variables.scss +24 -24
- package/scss/upload/_theme.scss +1 -1
- package/scss/upload/_variables.scss +14 -14
- package/scss/window/_layout.scss +14 -0
- package/scss/window/_variables.scss +14 -14
- package/scss/wizard/_variables.scss +3 -3
- package/scss/core/color-system/_functions.scss +0 -104
- package/scss/core/color-system/_palettes-legacy.scss +0 -671
- package/scss/core/color-system/_swatch-legacy.scss +0 -299
|
@@ -1,299 +0,0 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "sass:meta";
|
|
3
|
-
@use "./_functions.scss" as *;
|
|
4
|
-
@use "../functions/index.import.scss" as *;
|
|
5
|
-
@use "@progress/kendo-theme-core/scss/index.scss" as *;
|
|
6
|
-
|
|
7
|
-
// Adapted from https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
|
|
8
|
-
// Adapted from https://github.com/angular/components/blob/master/src/material/core/theming/_theming.scss
|
|
9
|
-
$dark-primary-text: rgba(black, 0.87) !default;
|
|
10
|
-
$dark-secondary-text: rgba(black, 0.54) !default;
|
|
11
|
-
$dark-disabled-text: rgba(black, 0.38) !default;
|
|
12
|
-
$dark-dividers: rgba(black, 0.12) !default;
|
|
13
|
-
$light-primary-text: #ffffff !default;
|
|
14
|
-
$light-secondary-text: rgba(white, 0.7) !default;
|
|
15
|
-
$light-disabled-text: rgba(white, 0.5) !default;
|
|
16
|
-
$light-dividers: rgba(white, 0.12) !default;
|
|
17
|
-
|
|
18
|
-
$material-dark-complimentary: (
|
|
19
|
-
is-dark: true,
|
|
20
|
-
body-bg: #121212,
|
|
21
|
-
body-text: $light-primary-text,
|
|
22
|
-
subtle-text: $light-secondary-text,
|
|
23
|
-
disabled-text: $light-disabled-text,
|
|
24
|
-
component-bg: #121212,
|
|
25
|
-
component-text: $light-primary-text,
|
|
26
|
-
component-border: $light-dividers,
|
|
27
|
-
base-bg: get-base-hue(gray, 900),
|
|
28
|
-
hover-bg: rgba(white, 0.08),
|
|
29
|
-
focus-bg: rgba(white, 0.24),
|
|
30
|
-
elevation: #000000,
|
|
31
|
-
) !default;
|
|
32
|
-
|
|
33
|
-
$material-light-complimentary: (
|
|
34
|
-
is-dark: false,
|
|
35
|
-
body-bg: #ffffff,
|
|
36
|
-
body-text: get-base-contrast(gray, 50),
|
|
37
|
-
subtle-text: $dark-secondary-text,
|
|
38
|
-
disabled-text: $dark-disabled-text,
|
|
39
|
-
component-bg: #ffffff,
|
|
40
|
-
component-text: $dark-primary-text,
|
|
41
|
-
component-border: $dark-dividers,
|
|
42
|
-
base-bg: #ffffff,
|
|
43
|
-
hover-bg: rgba(black, 0.04),
|
|
44
|
-
focus-bg: rgba(black, 0.12),
|
|
45
|
-
elevation: #000000,
|
|
46
|
-
) !default;
|
|
47
|
-
|
|
48
|
-
$primary-palette-name: indigo !default;
|
|
49
|
-
$secondary-palette-name: pink !default;
|
|
50
|
-
$tertiary-palette-name: teal !default;
|
|
51
|
-
$adjust-contrast: true !default;
|
|
52
|
-
$theme-type: light !default; // light or dark
|
|
53
|
-
|
|
54
|
-
$primary-palette: material-palette($primary-palette-name, 500, 300, 700, $adjust-contrast, $theme-type) !default;
|
|
55
|
-
$secondary-palette: material-palette($secondary-palette-name, 500, 300, 700, $adjust-contrast, $theme-type) !default;
|
|
56
|
-
$tertiary-palette: material-palette($tertiary-palette-name, 500, 300, 700, $adjust-contrast, $theme-type) !default;
|
|
57
|
-
|
|
58
|
-
$warn: material-palette($base-palette: red, $theme-type: $theme-type);
|
|
59
|
-
|
|
60
|
-
$theme: material-theme($primary-palette, $secondary-palette, $theme-type, $material-dark-complimentary, $material-light-complimentary, $warn) !default;
|
|
61
|
-
|
|
62
|
-
// Root styles
|
|
63
|
-
|
|
64
|
-
// Color settings
|
|
65
|
-
$kendo-is-dark-theme: map.get($theme, is-dark) !default;
|
|
66
|
-
|
|
67
|
-
/// Color of shadows
|
|
68
|
-
$elevation: map.get($theme, elevation) !default;
|
|
69
|
-
|
|
70
|
-
// Primary colors
|
|
71
|
-
$kendo-color-primary: if($kendo-enable-color-system, k-color(primary), material-color($primary-palette, main)) !default;
|
|
72
|
-
$kendo-color-primary-lighter: material-color($primary-palette, lighter) !default;
|
|
73
|
-
$kendo-color-primary-darker: if($kendo-enable-color-system, k-color(primary-active), material-color($primary-palette, darker)) !default;
|
|
74
|
-
$kendo-color-primary-contrast: if($kendo-enable-color-system, k-color(on-primary), material-color($primary-palette, main-contrast)) !default;
|
|
75
|
-
|
|
76
|
-
// Secondary colors
|
|
77
|
-
$kendo-color-secondary: if($kendo-enable-color-system, k-color(secondary), material-color($secondary-palette, main)) !default;
|
|
78
|
-
$kendo-color-secondary-lighter: material-color($secondary-palette, lighter) !default;
|
|
79
|
-
$kendo-color-secondary-darker: material-color($secondary-palette, darker) !default;
|
|
80
|
-
$kendo-color-secondary-contrast: if($kendo-enable-color-system, k-color(on-secondary), material-color($secondary-palette, main-contrast)) !default;
|
|
81
|
-
|
|
82
|
-
/// Tertiary colors
|
|
83
|
-
$kendo-color-tertiary: if($kendo-enable-color-system, k-color(tertiary), material-color($tertiary-palette, main)) !default;
|
|
84
|
-
$kendo-color-tertiary-lighter: material-color($tertiary-palette, lighter) !default;
|
|
85
|
-
$kendo-color-tertiary-darker: material-color($tertiary-palette, darker) !default;
|
|
86
|
-
$kendo-color-tertiary-contrast: if($kendo-enable-color-system, k-color(on-tertiary), material-color($tertiary-palette, main-contrast)) !default;
|
|
87
|
-
|
|
88
|
-
// Info colors
|
|
89
|
-
$kendo-color-info: if($kendo-enable-color-system, k-color(info), #0058e9) !default;
|
|
90
|
-
$kendo-color-info-lighter: if($kendo-enable-color-system, null, k-color-tint($kendo-color-info, 2)) !default;
|
|
91
|
-
$kendo-color-info-darker: if($kendo-enable-color-system, null, k-color-shade($kendo-color-info, 2)) !default;
|
|
92
|
-
|
|
93
|
-
// Success colors
|
|
94
|
-
$kendo-color-success: if($kendo-enable-color-system, k-color(success), #37b400) !default;
|
|
95
|
-
$kendo-color-success-lighter: if($kendo-enable-color-system, null, k-color-tint($kendo-color-success, 2)) !default;
|
|
96
|
-
$kendo-color-success-darker: if($kendo-enable-color-system, null, k-color-shade($kendo-color-success, 2)) !default;
|
|
97
|
-
|
|
98
|
-
// Warning colors
|
|
99
|
-
$kendo-color-warning: if($kendo-enable-color-system, k-color(warning), #ffc000) !default;
|
|
100
|
-
$kendo-color-warning-lighter: if($kendo-enable-color-system, null, k-color-tint($kendo-color-warning, 2)) !default;
|
|
101
|
-
$kendo-color-warning-darker: if($kendo-enable-color-system, null, k-color-shade($kendo-color-warning, 2)) !default;
|
|
102
|
-
|
|
103
|
-
// Error colors
|
|
104
|
-
$kendo-color-error: if($kendo-enable-color-system, k-color(error), #f31700) !default;
|
|
105
|
-
$kendo-color-error-lighter: if($kendo-enable-color-system, null, k-color-tint($kendo-color-error, 2)) !default;
|
|
106
|
-
$kendo-color-error-darker: if($kendo-enable-color-system, null, k-color-shade($kendo-color-error, 2)) !default;
|
|
107
|
-
|
|
108
|
-
// Dark colors
|
|
109
|
-
$kendo-color-dark: if($kendo-enable-color-system, k-color(dark), get-base-hue(gray, 800)) !default;
|
|
110
|
-
|
|
111
|
-
// Light colors
|
|
112
|
-
$kendo-color-light: if($kendo-enable-color-system, k-color(light), get-base-hue(gray, 100)) !default;
|
|
113
|
-
|
|
114
|
-
// Inverse colors
|
|
115
|
-
$kendo-color-inverse: if($kendo-is-dark-theme, $kendo-color-light, $kendo-color-dark) !default;
|
|
116
|
-
|
|
117
|
-
// Body styles
|
|
118
|
-
$kendo-body-bg: if($kendo-enable-color-system, k-color(app-surface), map.get($theme, body-bg)) !default;
|
|
119
|
-
$kendo-body-text: if($kendo-enable-color-system, k-color(on-app-surface), map.get($theme, body-text)) !default;
|
|
120
|
-
|
|
121
|
-
$kendo-subtle-text: if($kendo-enable-color-system, k-color(subtle), map.get($theme, subtle-text)) !default;
|
|
122
|
-
|
|
123
|
-
$kendo-app-bg: if($kendo-enable-color-system, $kendo-body-bg, $kendo-body-bg) !default;
|
|
124
|
-
$kendo-app-text: if($kendo-enable-color-system, $kendo-body-text, $kendo-body-text) !default;
|
|
125
|
-
$kendo-app-border: if($kendo-enable-color-system, k-color(border), map.get($theme, component-border)) !default;
|
|
126
|
-
|
|
127
|
-
// Component styles
|
|
128
|
-
$kendo-component-bg: if($kendo-enable-color-system, k-color(surface-alt), map.get($theme, component-bg)) !default;
|
|
129
|
-
$kendo-component-text: if($kendo-enable-color-system, $kendo-body-text, map.get($theme, component-text)) !default;
|
|
130
|
-
$kendo-component-border: if($kendo-enable-color-system, $kendo-app-border, map.get($theme, component-border)) !default;
|
|
131
|
-
|
|
132
|
-
$kendo-base-bg: if($kendo-enable-color-system, $kendo-body-bg, map.get($theme, base-bg)) !default;
|
|
133
|
-
$kendo-base-text: if($kendo-enable-color-system, $kendo-body-text, map.get($theme, component-text)) !default;
|
|
134
|
-
$kendo-base-border: if($kendo-enable-color-system, $kendo-app-border, rgba(if($kendo-is-dark-theme, #ffffff, #000000), 0.08)) !default;
|
|
135
|
-
$kendo-base-gradient: if($kendo-enable-color-system, null, none) !default;
|
|
136
|
-
|
|
137
|
-
$kendo-component-header-bg: if($kendo-enable-color-system, $kendo-base-bg, $kendo-base-bg) !default;
|
|
138
|
-
$kendo-component-header-text: if($kendo-enable-color-system, $kendo-base-text, $kendo-base-text) !default;
|
|
139
|
-
$kendo-component-header-border: if($kendo-enable-color-system, $kendo-base-border, $kendo-base-border) !default;
|
|
140
|
-
$kendo-component-header-gradient: null !default;
|
|
141
|
-
|
|
142
|
-
// States styles
|
|
143
|
-
$kendo-hover-bg: if($kendo-enable-color-system, k-color( base-hover), map.get($theme, hover-bg)) !default;
|
|
144
|
-
$kendo-hover-text: if($kendo-enable-color-system, $kendo-base-text, $kendo-base-text) !default;
|
|
145
|
-
$kendo-hover-border: if($kendo-enable-color-system, $kendo-base-border, rgba($kendo-base-border, 0.15)) !default;
|
|
146
|
-
$kendo-hover-gradient: $kendo-base-gradient !default;
|
|
147
|
-
|
|
148
|
-
$kendo-selected-bg: if($kendo-enable-color-system, $kendo-color-secondary, $kendo-color-secondary) !default;
|
|
149
|
-
$kendo-selected-text: if($kendo-enable-color-system, $kendo-color-secondary-contrast, $kendo-color-secondary-contrast) !default;
|
|
150
|
-
$kendo-selected-border: if($kendo-enable-color-system, $kendo-base-border, rgba($kendo-base-border, 0.1)) !default;
|
|
151
|
-
$kendo-selected-gradient: $kendo-base-gradient !default;
|
|
152
|
-
|
|
153
|
-
$kendo-selected-hover-bg: if($kendo-enable-color-system, k-color( secondary-hover ), k-try-shade($kendo-selected-bg, 0.5)) !default;
|
|
154
|
-
$kendo-selected-hover-text: if($kendo-enable-color-system, $kendo-selected-text, $kendo-selected-text) !default;
|
|
155
|
-
$kendo-selected-hover-border: if($kendo-enable-color-system, $kendo-base-border, rgba($kendo-base-border, 0.1)) !default;
|
|
156
|
-
$kendo-selected-hover-gradient: $kendo-base-gradient !default;
|
|
157
|
-
|
|
158
|
-
// Link
|
|
159
|
-
$kendo-link-text: if($kendo-enable-color-system, $kendo-color-secondary, $kendo-color-secondary) !default;
|
|
160
|
-
$kendo-link-hover-text: if($kendo-enable-color-system, k-color(secondary-hover), $kendo-color-secondary-darker) !default;
|
|
161
|
-
|
|
162
|
-
// Validator
|
|
163
|
-
$kendo-invalid-bg: null !default;
|
|
164
|
-
$kendo-invalid-text: $kendo-color-error !default;
|
|
165
|
-
$kendo-invalid-border: $kendo-color-error !default;
|
|
166
|
-
$kendo-invalid-shadow: null !default;
|
|
167
|
-
|
|
168
|
-
$kendo-valid-bg: unset !default;
|
|
169
|
-
$kendo-valid-text: $kendo-color-success !default;
|
|
170
|
-
$kendo-valid-border: $kendo-color-success !default;
|
|
171
|
-
$kendo-valid-shadow: unset !default;
|
|
172
|
-
|
|
173
|
-
// Disabled Styling
|
|
174
|
-
$kendo-disabled-bg: null !default;
|
|
175
|
-
$kendo-disabled-text: if($kendo-enable-color-system, k-color( on-app-surface ), map.get($theme, disabled-text)) !default;
|
|
176
|
-
$kendo-disabled-border: null !default;
|
|
177
|
-
$kendo-disabled-opacity: 0.6 !default;
|
|
178
|
-
$kendo-disabled-filter: grayscale(0.1) !default;
|
|
179
|
-
|
|
180
|
-
$kendo-disabled-styling: (
|
|
181
|
-
bg: $kendo-disabled-bg,
|
|
182
|
-
color: $kendo-disabled-text,
|
|
183
|
-
border: $kendo-disabled-border,
|
|
184
|
-
opacity: $kendo-disabled-opacity,
|
|
185
|
-
filter: $kendo-disabled-filter,
|
|
186
|
-
) !default;
|
|
187
|
-
|
|
188
|
-
$kendo-theme-colors: (
|
|
189
|
-
"primary": $kendo-color-primary,
|
|
190
|
-
"secondary": $kendo-color-secondary,
|
|
191
|
-
"tertiary": $kendo-color-tertiary,
|
|
192
|
-
"info": $kendo-color-info,
|
|
193
|
-
"success": $kendo-color-success,
|
|
194
|
-
"warning": $kendo-color-warning,
|
|
195
|
-
"error": $kendo-color-error,
|
|
196
|
-
"dark": $kendo-color-dark,
|
|
197
|
-
"light": $kendo-color-light,
|
|
198
|
-
"inverse": $kendo-color-inverse,
|
|
199
|
-
) !default;
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
@forward "@progress/kendo-theme-core/scss/color-system/_swatch-legacy.scss" with (
|
|
203
|
-
$kendo-color-primary: $kendo-color-primary,
|
|
204
|
-
$kendo-color-primary-lighter: $kendo-color-primary-lighter,
|
|
205
|
-
$kendo-color-primary-darker: $kendo-color-primary-darker,
|
|
206
|
-
$kendo-color-primary-contrast: $kendo-color-primary-contrast,
|
|
207
|
-
|
|
208
|
-
$kendo-color-secondary: $kendo-color-secondary,
|
|
209
|
-
$kendo-color-secondary-lighter: $kendo-color-secondary-lighter,
|
|
210
|
-
$kendo-color-secondary-darker: $kendo-color-secondary-darker,
|
|
211
|
-
$kendo-color-secondary-contrast: $kendo-color-secondary-contrast,
|
|
212
|
-
|
|
213
|
-
$kendo-color-tertiary: $kendo-color-tertiary,
|
|
214
|
-
$kendo-color-tertiary-lighter: $kendo-color-tertiary-lighter,
|
|
215
|
-
$kendo-color-tertiary-darker: $kendo-color-tertiary-darker,
|
|
216
|
-
$kendo-color-tertiary-contrast: $kendo-color-tertiary-contrast,
|
|
217
|
-
|
|
218
|
-
$kendo-color-info: $kendo-color-info,
|
|
219
|
-
$kendo-color-info-lighter: $kendo-color-info-lighter,
|
|
220
|
-
$kendo-color-info-darker: $kendo-color-info-darker,
|
|
221
|
-
|
|
222
|
-
$kendo-color-success: $kendo-color-success,
|
|
223
|
-
$kendo-color-success-lighter: $kendo-color-success-lighter,
|
|
224
|
-
$kendo-color-success-darker: $kendo-color-success-darker,
|
|
225
|
-
|
|
226
|
-
$kendo-color-warning: $kendo-color-warning,
|
|
227
|
-
$kendo-color-warning-lighter: $kendo-color-warning-lighter,
|
|
228
|
-
$kendo-color-warning-darker: $kendo-color-warning-darker,
|
|
229
|
-
|
|
230
|
-
$kendo-color-error: $kendo-color-error,
|
|
231
|
-
$kendo-color-error-lighter: $kendo-color-error-lighter,
|
|
232
|
-
$kendo-color-error-darker: $kendo-color-error-darker,
|
|
233
|
-
|
|
234
|
-
$kendo-color-dark: $kendo-color-dark,
|
|
235
|
-
|
|
236
|
-
$kendo-color-light: $kendo-color-light,
|
|
237
|
-
|
|
238
|
-
$kendo-color-inverse: $kendo-color-inverse,
|
|
239
|
-
|
|
240
|
-
$kendo-body-bg: $kendo-body-bg,
|
|
241
|
-
$kendo-body-text: $kendo-body-text,
|
|
242
|
-
|
|
243
|
-
$kendo-subtle-text: $kendo-subtle-text,
|
|
244
|
-
|
|
245
|
-
$kendo-app-bg: $kendo-app-bg,
|
|
246
|
-
$kendo-app-text: $kendo-app-text,
|
|
247
|
-
$kendo-app-border: $kendo-app-border,
|
|
248
|
-
|
|
249
|
-
$kendo-component-bg: $kendo-component-bg,
|
|
250
|
-
$kendo-component-text: $kendo-component-text,
|
|
251
|
-
$kendo-component-border: $kendo-component-border,
|
|
252
|
-
|
|
253
|
-
$kendo-base-bg: $kendo-base-bg,
|
|
254
|
-
$kendo-base-text: $kendo-base-text,
|
|
255
|
-
$kendo-base-border: $kendo-base-border,
|
|
256
|
-
$kendo-base-gradient: $kendo-base-gradient,
|
|
257
|
-
|
|
258
|
-
$kendo-component-header-bg: $kendo-component-header-bg,
|
|
259
|
-
$kendo-component-header-text: $kendo-component-header-text,
|
|
260
|
-
$kendo-component-header-border: $kendo-component-header-border,
|
|
261
|
-
$kendo-component-header-gradient: $kendo-component-header-gradient,
|
|
262
|
-
|
|
263
|
-
$kendo-hover-bg: $kendo-hover-bg,
|
|
264
|
-
$kendo-hover-text: $kendo-hover-text,
|
|
265
|
-
$kendo-hover-border: $kendo-hover-border,
|
|
266
|
-
$kendo-hover-gradient: $kendo-hover-gradient,
|
|
267
|
-
|
|
268
|
-
$kendo-selected-bg: $kendo-selected-bg,
|
|
269
|
-
$kendo-selected-text: $kendo-selected-text,
|
|
270
|
-
$kendo-selected-border: $kendo-selected-border,
|
|
271
|
-
$kendo-selected-gradient: $kendo-selected-gradient,
|
|
272
|
-
|
|
273
|
-
$kendo-selected-hover-bg: $kendo-selected-hover-bg,
|
|
274
|
-
$kendo-selected-hover-text: $kendo-selected-hover-text,
|
|
275
|
-
$kendo-selected-hover-border: $kendo-selected-hover-border,
|
|
276
|
-
$kendo-selected-hover-gradient: $kendo-selected-hover-gradient,
|
|
277
|
-
|
|
278
|
-
$kendo-link-text: $kendo-link-text,
|
|
279
|
-
$kendo-link-hover-text: $kendo-link-hover-text,
|
|
280
|
-
|
|
281
|
-
$kendo-invalid-bg: $kendo-invalid-bg,
|
|
282
|
-
$kendo-invalid-text: $kendo-invalid-text,
|
|
283
|
-
$kendo-invalid-border: $kendo-invalid-border,
|
|
284
|
-
$kendo-invalid-shadow: $kendo-invalid-shadow,
|
|
285
|
-
|
|
286
|
-
$kendo-valid-bg: $kendo-valid-bg,
|
|
287
|
-
$kendo-valid-text: $kendo-valid-text,
|
|
288
|
-
$kendo-valid-border: $kendo-valid-border,
|
|
289
|
-
$kendo-valid-shadow: $kendo-valid-shadow,
|
|
290
|
-
|
|
291
|
-
$kendo-disabled-bg: $kendo-disabled-bg,
|
|
292
|
-
$kendo-disabled-text: $kendo-disabled-text,
|
|
293
|
-
$kendo-disabled-border: $kendo-disabled-border,
|
|
294
|
-
$kendo-disabled-opacity: $kendo-disabled-opacity,
|
|
295
|
-
$kendo-disabled-filter: $kendo-disabled-filter,
|
|
296
|
-
|
|
297
|
-
$kendo-disabled-styling: $kendo-disabled-styling,
|
|
298
|
-
$kendo-theme-colors: $kendo-theme-colors
|
|
299
|
-
);
|