@progress/kendo-theme-default 7.3.0-dev.1 → 8.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.
Files changed (163) hide show
  1. package/dist/all.css +9608 -9003
  2. package/dist/all.scss +5335 -5049
  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 +31805 -30179
  16. package/dist/meta/sassdoc-raw-data.json +3341 -2591
  17. package/dist/meta/variables.json +3843 -3739
  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/_variables.scss +0 -172
  32. package/scss/action-buttons/_variables.scss +4 -4
  33. package/scss/action-sheet/_layout.scss +1 -1
  34. package/scss/action-sheet/_variables.scss +17 -17
  35. package/scss/adaptive/_layout.scss +8 -8
  36. package/scss/adaptive/_variables.scss +3 -3
  37. package/scss/appbar/_variables.scss +6 -6
  38. package/scss/avatar/_variables.scss +6 -6
  39. package/scss/badge/_variables.scss +17 -17
  40. package/scss/bottom-navigation/_layout.scss +2 -2
  41. package/scss/bottom-navigation/_variables.scss +9 -9
  42. package/scss/breadcrumb/_variables.scss +17 -17
  43. package/scss/button/_variables.scss +21 -21
  44. package/scss/calendar/_layout.scss +2 -2
  45. package/scss/calendar/_theme.scss +1 -1
  46. package/scss/calendar/_variables.scss +33 -61
  47. package/scss/captcha/_variables.scss +6 -6
  48. package/scss/card/_variables.scss +18 -18
  49. package/scss/chat/_layout.scss +7 -7
  50. package/scss/chat/_variables.scss +13 -13
  51. package/scss/checkbox/_layout.scss +1 -1
  52. package/scss/checkbox/_variables.scss +9 -9
  53. package/scss/chip/_layout.scss +1 -1
  54. package/scss/chip/_variables.scss +15 -15
  55. package/scss/color-preview/_variables.scss +1 -1
  56. package/scss/coloreditor/_variables.scss +7 -7
  57. package/scss/colorgradient/_layout.scss +1 -1
  58. package/scss/colorgradient/_variables.scss +10 -10
  59. package/scss/colorpalette/_variables.scss +3 -3
  60. package/scss/common/_base.scss +7 -7
  61. package/scss/core/_index.scss +12 -0
  62. package/scss/core/border-radii/index.import.scss +1 -0
  63. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  64. package/scss/core/color-system/_swatch.scss +1 -1
  65. package/scss/core/spacing/index.import.scss +29 -0
  66. package/scss/core/typography/index.import.scss +1 -0
  67. package/scss/dataviz/_layout.scss +8 -8
  68. package/scss/dataviz/_variables.scss +8 -8
  69. package/scss/daterangepicker/_layout.scss +1 -1
  70. package/scss/datetimepicker/_variables.scss +1 -1
  71. package/scss/dock-manager/_variables.scss +10 -10
  72. package/scss/draggable/_variables.scss +4 -4
  73. package/scss/drawer/_layout.scss +3 -3
  74. package/scss/drawer/_variables.scss +8 -18
  75. package/scss/dropdowntree/_layout.scss +2 -2
  76. package/scss/dropdowntree/_variables.scss +2 -2
  77. package/scss/dropzone/_variables.scss +8 -8
  78. package/scss/editor/_layout.scss +5 -5
  79. package/scss/editor/_variables.scss +3 -3
  80. package/scss/expansion-panel/_variables.scss +9 -9
  81. package/scss/fab/_layout.scss +4 -4
  82. package/scss/fab/_variables.scss +18 -18
  83. package/scss/filemanager/_layout.scss +3 -3
  84. package/scss/filemanager/_variables.scss +9 -9
  85. package/scss/filter/_layout.scss +4 -4
  86. package/scss/filter/_variables.scss +2 -2
  87. package/scss/forms/_layout.scss +16 -16
  88. package/scss/forms/_variables.scss +17 -17
  89. package/scss/gantt/_layout.scss +12 -12
  90. package/scss/gantt/_variables.scss +151 -7
  91. package/scss/grid/_layout.scss +10 -10
  92. package/scss/grid/_variables.scss +64 -64
  93. package/scss/imageeditor/_variables.scss +7 -7
  94. package/scss/input/_layout.scss +5 -5
  95. package/scss/input/_variables.scss +14 -14
  96. package/scss/list/_variables.scss +27 -27
  97. package/scss/listbox/_variables.scss +6 -6
  98. package/scss/listgroup/_layout.scss +7 -7
  99. package/scss/listgroup/_variables.scss +5 -5
  100. package/scss/listview/_variables.scss +7 -7
  101. package/scss/loader/_layout.scss +9 -9
  102. package/scss/loader/_variables.scss +25 -25
  103. package/scss/map/_layout.scss +1 -1
  104. package/scss/map/_variables.scss +8 -8
  105. package/scss/mediaplayer/_variables.scss +5 -5
  106. package/scss/menu/_layout.scss +1 -1
  107. package/scss/menu/_variables.scss +30 -30
  108. package/scss/menu-button/_layout.scss +3 -3
  109. package/scss/messagebox/_variables.scss +3 -3
  110. package/scss/notification/_variables.scss +7 -7
  111. package/scss/orgchart/_variables.scss +11 -11
  112. package/scss/pager/_variables.scss +10 -10
  113. package/scss/panelbar/_layout.scss +2 -2
  114. package/scss/panelbar/_variables.scss +9 -9
  115. package/scss/pdf-viewer/_variables.scss +5 -5
  116. package/scss/pivotgrid/_layout.scss +12 -12
  117. package/scss/pivotgrid/_variables.scss +15 -15
  118. package/scss/popup/_layout.scss +1 -1
  119. package/scss/popup/_theme.scss +1 -1
  120. package/scss/popup/_variables.scss +4 -4
  121. package/scss/progressbar/_layout.scss +2 -2
  122. package/scss/progressbar/_variables.scss +2 -2
  123. package/scss/prompt/_variables.scss +7 -7
  124. package/scss/radio/_layout.scss +1 -1
  125. package/scss/radio/_variables.scss +9 -9
  126. package/scss/rating/_variables.scss +4 -4
  127. package/scss/scheduler/_layout.scss +5 -5
  128. package/scss/scheduler/_theme.scss +1 -1
  129. package/scss/scheduler/_variables.scss +18 -18
  130. package/scss/scrollview/_layout.scss +1 -1
  131. package/scss/scrollview/_variables.scss +5 -5
  132. package/scss/signature/_variables.scss +5 -5
  133. package/scss/skeleton/_variables.scss +1 -1
  134. package/scss/slider/_theme.scss +1 -1
  135. package/scss/slider/_variables.scss +3 -3
  136. package/scss/splitter/_variables.scss +6 -6
  137. package/scss/spreadsheet/_layout.scss +11 -11
  138. package/scss/spreadsheet/_variables.scss +17 -17
  139. package/scss/stepper/_variables.scss +8 -8
  140. package/scss/table/_layout.scss +1 -1
  141. package/scss/table/_variables.scss +12 -12
  142. package/scss/tabstrip/_layout.scss +2 -2
  143. package/scss/tabstrip/_variables.scss +11 -11
  144. package/scss/taskboard/_variables.scss +16 -16
  145. package/scss/tilelayout/_variables.scss +2 -2
  146. package/scss/timeline/_layout.scss +4 -4
  147. package/scss/timeline/_variables.scss +10 -10
  148. package/scss/timeselector/_layout.scss +1 -1
  149. package/scss/timeselector/_variables.scss +6 -6
  150. package/scss/toolbar/_layout.scss +2 -2
  151. package/scss/toolbar/_variables.scss +12 -12
  152. package/scss/tooltip/_layout.scss +10 -10
  153. package/scss/tooltip/_variables.scss +4 -4
  154. package/scss/treelist/_layout.scss +1 -1
  155. package/scss/treelist/_variables.scss +5 -0
  156. package/scss/treeview/_layout.scss +1 -1
  157. package/scss/treeview/_variables.scss +20 -20
  158. package/scss/typography/_layout.scss +51 -111
  159. package/scss/typography/_variables.scss +136 -53
  160. package/scss/upload/_layout.scss +3 -3
  161. package/scss/upload/_variables.scss +8 -8
  162. package/scss/window/_variables.scss +7 -7
  163. package/scss/wizard/_variables.scss +7 -7
package/dist/default-orange.scss CHANGED
@@ -1,30 +1,144 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #ff9411;
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: #ff9411;
20
- $kendo-button-text: #424242;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #ff9411;
23
- $kendo-link-hover-text: #d67c0e;
24
- $kendo-series-a: #ff9411;
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: #ffeacf,
20
+ primary-subtle-hover: #ffdaac,
21
+ primary-subtle-active: #ffca88,
22
+ primary: #ff9411,
23
+ primary-hover: #f58e10,
24
+ primary-active: #e0820f,
25
+ primary-emphasis: #ffaf4d,
26
+ primary-on-subtle: #593406,
27
+ on-primary: white,
28
+ primary-on-surface: #bf6f0d,
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: #ff9411,
80
+ series-a-bold: #bf6f0d,
81
+ series-a-bolder: #804a09,
82
+ series-a-subtle: #ffaf4d,
83
+ series-a-subtler: #ffca88,
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: #ff9411 !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: #ff9411 !global;
131
+ $kendo-button-text: #424242 !global;
132
+ $kendo-button-bg: #f5f5f5 !global;
133
+ $kendo-link-text: #ff9411 !global;
134
+ $kendo-link-hover-text: #d67c0e !global;
135
+ $kendo-series-a: #ff9411 !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-purple.scss CHANGED
@@ -1,30 +1,144 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #bf70cc;
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: #bf70cc;
20
- $kendo-button-text: #424242;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #bf70cc;
23
- $kendo-link-hover-text: #a05eab;
24
- $kendo-series-a: #bf70cc;
25
- $kendo-series-b: #ffd246;
26
- $kendo-series-c: #78d237;
27
- $kendo-series-d: #28b4c8;
28
- $kendo-series-e: #2d73f5;
29
- $kendo-series-f: #aa46be;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: #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: #f2e2f5,
20
+ primary-subtle-hover: #e9cded,
21
+ primary-subtle-active: #dfb8e6,
22
+ primary: #bf70cc,
23
+ primary-hover: #b76cc4,
24
+ primary-active: #a863b4,
25
+ primary-emphasis: #cf94d9,
26
+ primary-on-subtle: #432747,
27
+ on-primary: white,
28
+ primary-on-surface: #8f5499,
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: #bf70cc,
80
+ series-a-bold: #8f5499,
81
+ series-a-bolder: #603866,
82
+ series-a-subtle: #cf94d9,
83
+ series-a-subtler: #dfb8e6,
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: #bf70cc !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: #bf70cc !global;
131
+ $kendo-button-text: #424242 !global;
132
+ $kendo-button-bg: #f5f5f5 !global;
133
+ $kendo-link-text: #bf70cc !global;
134
+ $kendo-link-hover-text: #a05eab !global;
135
+ $kendo-series-a: #bf70cc !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-turquoise.scss CHANGED
@@ -1,30 +1,144 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #28bfba;
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: #28bfba;
20
- $kendo-button-text: #424242;
21
- $kendo-button-bg: #f5f5f5;
22
- $kendo-link-text: #28bfba;
23
- $kendo-link-hover-text: #22a09c;
24
- $kendo-series-a: #28bfba;
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: #d4f2f1,
20
+ primary-subtle-hover: #b4e9e7,
21
+ primary-subtle-active: #94dfdd,
22
+ primary: #28bfba,
23
+ primary-hover: #26b7b3,
24
+ primary-active: #23a8a4,
25
+ primary-emphasis: #5ecfcb,
26
+ primary-on-subtle: #0e4341,
27
+ on-primary: white,
28
+ primary-on-surface: #1e8f8c,
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: #28bfba,
80
+ series-a-bold: #1e8f8c,
81
+ series-a-bolder: #14605d,
82
+ series-a-subtle: #5ecfcb,
83
+ series-a-subtler: #94dfdd,
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: #28bfba !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: #28bfba !global;
131
+ $kendo-button-text: #424242 !global;
132
+ $kendo-button-bg: #f5f5f5 !global;
133
+ $kendo-link-text: #28bfba !global;
134
+ $kendo-link-hover-text: #22a09c !global;
135
+ $kendo-series-a: #28bfba !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";