@progress/kendo-theme-bootstrap 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 (121) hide show
  1. package/dist/all.css +7736 -7169
  2. package/dist/all.scss +5405 -4939
  3. package/dist/bootstrap-3-dark.scss +164 -39
  4. package/dist/bootstrap-3.scss +152 -39
  5. package/dist/bootstrap-4-dark.scss +156 -30
  6. package/dist/bootstrap-4.scss +144 -30
  7. package/dist/bootstrap-dataviz-v4.scss +45 -6
  8. package/dist/bootstrap-main-dark.scss +156 -30
  9. package/dist/bootstrap-main.scss +34 -29
  10. package/dist/bootstrap-nordic.scss +144 -30
  11. package/dist/bootstrap-turquoise-dark.scss +156 -30
  12. package/dist/bootstrap-turquoise.scss +144 -30
  13. package/dist/bootstrap-urban.scss +144 -30
  14. package/dist/bootstrap-vintage.scss +144 -30
  15. package/dist/meta/sassdoc-data.json +32286 -28278
  16. package/dist/meta/sassdoc-raw-data.json +3561 -1711
  17. package/dist/meta/variables.json +3640 -3532
  18. package/lib/swatches/bootstrap-3-dark.json +604 -2
  19. package/lib/swatches/bootstrap-3.json +544 -2
  20. package/lib/swatches/bootstrap-4-dark.json +601 -1
  21. package/lib/swatches/bootstrap-4.json +541 -1
  22. package/lib/swatches/bootstrap-dataviz-v4.json +166 -1
  23. package/lib/swatches/bootstrap-main-dark.json +601 -1
  24. package/lib/swatches/bootstrap-main.json +11 -1
  25. package/lib/swatches/bootstrap-nordic.json +541 -1
  26. package/lib/swatches/bootstrap-turquoise-dark.json +601 -1
  27. package/lib/swatches/bootstrap-turquoise.json +541 -1
  28. package/lib/swatches/bootstrap-urban.json +541 -1
  29. package/lib/swatches/bootstrap-vintage.json +541 -1
  30. package/package.json +5 -5
  31. package/scss/_variables.scss +0 -121
  32. package/scss/action-buttons/_variables.scss +4 -4
  33. package/scss/action-sheet/_variables.scss +17 -17
  34. package/scss/adaptive/_variables.scss +3 -3
  35. package/scss/appbar/_variables.scss +6 -6
  36. package/scss/avatar/_variables.scss +6 -6
  37. package/scss/badge/_variables.scss +4 -4
  38. package/scss/bottom-navigation/_variables.scss +8 -8
  39. package/scss/breadcrumb/_variables.scss +16 -16
  40. package/scss/button/_variables.scss +14 -14
  41. package/scss/calendar/_variables.scss +33 -61
  42. package/scss/captcha/_variables.scss +6 -6
  43. package/scss/card/_variables.scss +10 -10
  44. package/scss/chat/_variables.scss +13 -13
  45. package/scss/checkbox/_layout.scss +3 -3
  46. package/scss/checkbox/_variables.scss +9 -9
  47. package/scss/chip/_variables.scss +18 -18
  48. package/scss/color-preview/_variables.scss +1 -1
  49. package/scss/coloreditor/_variables.scss +8 -8
  50. package/scss/colorgradient/_variables.scss +11 -11
  51. package/scss/colorpalette/_variables.scss +3 -3
  52. package/scss/core/_index.scss +14 -0
  53. package/scss/core/border-radii/index.import.scss +23 -0
  54. package/scss/core/color-system/_swatch-legacy.scss +6 -2
  55. package/scss/core/color-system/_swatch.scss +1 -1
  56. package/scss/core/spacing/index.import.scss +14 -0
  57. package/scss/core/typography/index.import.scss +110 -0
  58. package/scss/dataviz/_variables.scss +8 -8
  59. package/scss/datetimepicker/_variables.scss +1 -1
  60. package/scss/dock-manager/_variables.scss +10 -10
  61. package/scss/draggable/_variables.scss +4 -4
  62. package/scss/drawer/_variables.scss +5 -14
  63. package/scss/dropdowntree/_variables.scss +2 -2
  64. package/scss/dropzone/_variables.scss +8 -8
  65. package/scss/editor/_variables.scss +3 -3
  66. package/scss/expansion-panel/_variables.scss +9 -9
  67. package/scss/fab/_variables.scss +16 -16
  68. package/scss/filemanager/_variables.scss +9 -9
  69. package/scss/forms/_layout.scss +3 -3
  70. package/scss/forms/_variables.scss +17 -17
  71. package/scss/gantt/_variables.scss +152 -7
  72. package/scss/grid/_variables.scss +64 -64
  73. package/scss/imageeditor/_variables.scss +7 -7
  74. package/scss/input/_variables.scss +8 -8
  75. package/scss/list/_variables.scss +26 -26
  76. package/scss/listbox/_variables.scss +6 -6
  77. package/scss/listgroup/_variables.scss +5 -5
  78. package/scss/listview/_variables.scss +7 -7
  79. package/scss/loader/_layout.scss +1 -1
  80. package/scss/loader/_variables.scss +25 -25
  81. package/scss/map/_variables.scss +8 -8
  82. package/scss/mediaplayer/_variables.scss +5 -5
  83. package/scss/menu/_layout.scss +1 -1
  84. package/scss/menu/_variables.scss +28 -28
  85. package/scss/messagebox/_variables.scss +3 -3
  86. package/scss/notification/_variables.scss +4 -4
  87. package/scss/orgchart/_variables.scss +11 -11
  88. package/scss/pager/_variables.scss +12 -12
  89. package/scss/panelbar/_variables.scss +9 -9
  90. package/scss/pdf-viewer/_variables.scss +5 -5
  91. package/scss/pivotgrid/_variables.scss +15 -15
  92. package/scss/popup/_variables.scss +5 -5
  93. package/scss/progressbar/_variables.scss +1 -1
  94. package/scss/prompt/_variables.scss +7 -7
  95. package/scss/radio/_variables.scss +9 -9
  96. package/scss/rating/_variables.scss +3 -3
  97. package/scss/scheduler/_layout.scss +1 -1
  98. package/scss/scheduler/_variables.scss +18 -18
  99. package/scss/scrollview/_variables.scss +5 -5
  100. package/scss/signature/_variables.scss +7 -7
  101. package/scss/skeleton/_variables.scss +1 -1
  102. package/scss/slider/_variables.scss +3 -3
  103. package/scss/splitter/_variables.scss +6 -6
  104. package/scss/spreadsheet/_layout.scss +1 -1
  105. package/scss/spreadsheet/_variables.scss +17 -17
  106. package/scss/stepper/_variables.scss +9 -9
  107. package/scss/switch/_variables.scss +1 -1
  108. package/scss/table/_variables.scss +10 -10
  109. package/scss/tabstrip/_variables.scss +9 -9
  110. package/scss/taskboard/_variables.scss +17 -17
  111. package/scss/tilelayout/_variables.scss +1 -1
  112. package/scss/timeline/_variables.scss +7 -7
  113. package/scss/timeselector/_variables.scss +6 -6
  114. package/scss/toolbar/_variables.scss +12 -12
  115. package/scss/tooltip/_variables.scss +4 -4
  116. package/scss/treelist/_variables.scss +5 -0
  117. package/scss/treeview/_variables.scss +19 -19
  118. package/scss/typography/_variables.scss +95 -12
  119. package/scss/upload/_variables.scss +8 -8
  120. package/scss/window/_variables.scss +10 -10
  121. package/scss/wizard/_variables.scss +7 -7
@@ -1,31 +1,145 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #007bff;
3
- $kendo-color-secondary: #6c757d;
4
- $kendo-color-info: #17a2b8;
5
- $kendo-color-success: #28a745;
6
- $kendo-color-warning: #ffc107;
7
- $kendo-color-error: #dc3545;
8
- $kendo-body-text: #212529;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #6c757d;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #212529;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #212529;
15
- $kendo-base-bg: #f8f9fa;
16
- $kendo-hover-text: #16181b;
17
- $kendo-hover-bg: #e9ecef;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #007bff;
20
- $kendo-button-text: #212529;
21
- $kendo-button-bg: #e4e7eb;
22
- $kendo-link-text: #007bff;
23
- $kendo-link-hover-text: #0056b3;
24
- $kendo-series-a: #0275d8;
25
- $kendo-series-b: #5bc0de;
26
- $kendo-series-c: #5cb85c;
27
- $kendo-series-d: #f0ad4e;
28
- $kendo-series-e: #e67d4a;
29
- $kendo-series-f: #d9534f;
30
- $primary: $kendo-color-primary;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ app-surface: #ffffff,
5
+ on-app-surface: #212529,
6
+ subtle: #6c757d,
7
+ surface: #f8f9fa,
8
+ surface-alt: #ffffff,
9
+ base-subtle: #eceef1,
10
+ base-subtle-hover: #e4e7eb,
11
+ base-subtle-active: #d2d5d8,
12
+ base: #e4e7eb,
13
+ base-hover: #ced3db,
14
+ base-active: #c7cdd5,
15
+ base-emphasis: #b4b6ba,
16
+ base-on-subtle: #212529,
17
+ on-base: #212529,
18
+ base-on-surface: #212529,
19
+ primary-subtle: #cce5ff,
20
+ primary-subtle-hover: #a6d1ff,
21
+ primary-subtle-active: #80bdff,
22
+ primary: #007bff,
23
+ primary-hover: #0069d9,
24
+ primary-active: #0062cc,
25
+ primary-emphasis: #409cff,
26
+ primary-on-subtle: #002b59,
27
+ on-primary: white,
28
+ primary-on-surface: #005cbf,
29
+ secondary-subtle: #e2e3e5,
30
+ secondary-subtle-hover: #cccfd2,
31
+ secondary-subtle-active: #b6babe,
32
+ secondary: #6c757d,
33
+ secondary-hover: #5a6268,
34
+ secondary-active: #545b62,
35
+ secondary-emphasis: #91989e,
36
+ secondary-on-subtle: #26292c,
37
+ on-secondary: white,
38
+ secondary-on-surface: #51585e,
39
+ info-subtle: #d1ecf1,
40
+ info-subtle-hover: #aedee6,
41
+ info-subtle-active: #8bd1dc,
42
+ info: #17a2b8,
43
+ info-hover: #138496,
44
+ info-active: #117a8b,
45
+ info-emphasis: #51b9ca,
46
+ info-on-subtle: #083940,
47
+ on-info: white,
48
+ info-on-surface: #117a8a,
49
+ success-subtle: #d4edda,
50
+ success-subtle-hover: #b4e0be,
51
+ success-subtle-active: #94d3a2,
52
+ success: #28a745,
53
+ success-hover: #218838,
54
+ success-active: #1e7e34,
55
+ success-emphasis: #5ebd74,
56
+ success-on-subtle: #0e3a18,
57
+ on-success: white,
58
+ success-on-surface: #1e7d34,
59
+ warning-subtle: #fff3cd,
60
+ warning-subtle-hover: #ffe9a8,
61
+ warning-subtle-active: #ffe083,
62
+ warning: #ffc107,
63
+ warning-hover: #e0a800,
64
+ warning-active: #d39e00,
65
+ warning-emphasis: #ffd145,
66
+ warning-on-subtle: #594402,
67
+ on-warning: black,
68
+ warning-on-surface: #bf9105,
69
+ error-subtle: #f8d7da,
70
+ error-subtle-hover: #f3b8be,
71
+ error-subtle-active: #ee9aa2,
72
+ error: #dc3545,
73
+ error-hover: #c82333,
74
+ error-active: #bd2130,
75
+ error-emphasis: #e56874,
76
+ error-on-subtle: #4d1318,
77
+ on-error: white,
78
+ error-on-surface: #a52834,
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: #007bff !global;
114
+ $kendo-color-secondary: #6c757d !global;
115
+ $kendo-color-info: #17a2b8 !global;
116
+ $kendo-color-success: #28a745 !global;
117
+ $kendo-color-warning: #ffc107 !global;
118
+ $kendo-color-error: #dc3545 !global;
119
+ $kendo-body-text: #212529 !global;
120
+ $kendo-body-bg: #ffffff !global;
121
+ $kendo-subtle-text: #6c757d !global;
122
+ $kendo-disabled-text: #8f8f8f !global;
123
+ $kendo-component-text: #212529 !global;
124
+ $kendo-component-bg: #ffffff !global;
125
+ $kendo-base-text: #212529 !global;
126
+ $kendo-base-bg: #f8f9fa !global;
127
+ $kendo-hover-text: #16181b !global;
128
+ $kendo-hover-bg: #e9ecef !global;
129
+ $kendo-selected-text: #ffffff !global;
130
+ $kendo-selected-bg: #007bff !global;
131
+ $kendo-button-text: #212529 !global;
132
+ $kendo-button-bg: #e4e7eb !global;
133
+ $kendo-link-text: #007bff !global;
134
+ $kendo-link-hover-text: #0056b3 !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
+ };
143
+
144
+
31
145
  @import "all.scss";
@@ -1,7 +1,46 @@
1
- $kendo-series-a: #0275d8;
2
- $kendo-series-b: #5bc0de;
3
- $kendo-series-c: #5cb85c;
4
- $kendo-series-d: #f0ad4e;
5
- $kendo-series-e: #e67d4a;
6
- $kendo-series-f: #d9534f;
1
+ $kendo-enable-color-system: true;
2
+
3
+ $kendo-colors: (
4
+ series-a: #0275d8,
5
+ series-a-bold: #0258a2,
6
+ series-a-bolder: #013b6c,
7
+ series-a-subtle: #4198e2,
8
+ series-a-subtler: #81baec,
9
+ series-b: #5bc0de,
10
+ series-b-bold: #4490a7,
11
+ series-b-bolder: #2e606f,
12
+ series-b-subtle: #84d0e6,
13
+ series-b-subtler: #ade0ef,
14
+ series-c: #5cb85c,
15
+ series-c-bold: #458a45,
16
+ series-c-bolder: #2e5c2e,
17
+ series-c-subtle: #85ca85,
18
+ series-c-subtler: #aedcae,
19
+ series-d: #f0ad4e,
20
+ series-d-bold: #b4823b,
21
+ series-d-bolder: #785727,
22
+ series-d-subtle: #f4c27a,
23
+ series-d-subtler: #f8d6a7,
24
+ series-e: #e67d4a,
25
+ series-e-bold: #ad5e38,
26
+ series-e-bolder: #733f25,
27
+ series-e-subtle: #ec9e77,
28
+ series-e-subtler: #f3bea5,
29
+ series-f: #d9534f,
30
+ series-f-bold: #a33e3b,
31
+ series-f-bolder: #6d2a28,
32
+ series-f-subtle: #e37e7b,
33
+ series-f-subtler: #eca9a7,
34
+ );
35
+
36
+ @if not ($kendo-enable-color-system) {
37
+ $kendo-series-a: #0275d8 !global;
38
+ $kendo-series-b: #5bc0de !global;
39
+ $kendo-series-c: #5cb85c !global;
40
+ $kendo-series-d: #f0ad4e !global;
41
+ $kendo-series-e: #e67d4a !global;
42
+ $kendo-series-f: #d9534f !global;
43
+ };
44
+
45
+
7
46
  @import "all.scss";
@@ -1,31 +1,157 @@
1
- $kendo-is-dark-theme: true;
2
- $kendo-color-primary: #0d6efd;
3
- $kendo-color-secondary: #6c757d;
4
- $kendo-color-info: #0dcaf0;
5
- $kendo-color-success: #198754;
6
- $kendo-color-warning: #ffc107;
7
- $kendo-color-error: #dc3545;
8
- $kendo-body-text: #ffffff;
9
- $kendo-body-bg: #000000;
10
- $kendo-subtle-text: #cccccc;
11
- $kendo-disabled-text: #aaaaaa;
12
- $kendo-component-text: #ffffff;
13
- $kendo-component-bg: #000000;
14
- $kendo-base-text: #ffffff;
15
- $kendo-base-bg: #212529;
16
- $kendo-hover-text: #ffffff;
17
- $kendo-hover-bg: #343a40;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #0d6efd;
20
- $kendo-button-text: #ffffff;
21
- $kendo-button-bg: #343a40;
22
- $kendo-link-text: #0d6efd;
23
- $kendo-link-hover-text: #0a58ca;
24
- $kendo-series-a: #0d6efd;
25
- $kendo-series-b: #6f42c1;
26
- $kendo-series-c: #20c997;
27
- $kendo-series-d: #198754;
28
- $kendo-series-e: #ffc107;
29
- $kendo-series-f: #dc3545;
30
- $primary: $kendo-color-primary;
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: #031633,
22
+ primary-subtle-hover: #052759,
23
+ primary-subtle-active: #07377f,
24
+ primary: #0d6efd,
25
+ primary-hover: #025ce2,
26
+ primary-active: #0257d5,
27
+ primary-emphasis: #0a53be,
28
+ primary-on-subtle: #aaccfe,
29
+ on-primary: white,
30
+ primary-on-surface: #4a92fe,
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: #032830,
42
+ info-subtle-hover: #054754,
43
+ info-subtle-active: #076578,
44
+ info: #0dcaf0,
45
+ info-hover: #0babcc,
46
+ info-active: #0aa1c0,
47
+ info-emphasis: #0a98b4,
48
+ info-on-subtle: #aaecfa,
49
+ on-info: white,
50
+ info-on-surface: #4ad7f4,
51
+ success-subtle: #051b11,
52
+ success-subtle-hover: #092f1d,
53
+ success-subtle-active: #0d442a,
54
+ success: #198754,
55
+ success-hover: #136740,
56
+ success-active: #115c39,
57
+ success-emphasis: #13653f,
58
+ success-on-subtle: #afd5c3,
59
+ on-success: white,
60
+ success-on-surface: #53a57f,
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: #0d6efd,
92
+ series-a-bold: #0a53be,
93
+ series-a-bolder: #07377f,
94
+ series-a-subtle: #4a92fe,
95
+ series-a-subtler: #86b7fe,
96
+ series-b: #6f42c1,
97
+ series-b-bold: #533291,
98
+ series-b-bolder: #382161,
99
+ series-b-subtle: #9371d1,
100
+ series-b-subtler: #b7a1e0,
101
+ series-c: #20c997,
102
+ series-c-bold: #189771,
103
+ series-c-bolder: #10654c,
104
+ series-c-subtle: #58d7b1,
105
+ series-c-subtler: #90e4cb,
106
+ series-d: #198754,
107
+ series-d-bold: #13653f,
108
+ series-d-bolder: #0d442a,
109
+ series-d-subtle: #53a57f,
110
+ series-d-subtler: #8cc3aa,
111
+ series-e: #ffc107,
112
+ series-e-bold: #bf9105,
113
+ series-e-bolder: #806104,
114
+ series-e-subtle: #ffd145,
115
+ series-e-subtler: #ffe083,
116
+ series-f: #dc3545,
117
+ series-f-bold: #a52834,
118
+ series-f-bolder: #6e1b23,
119
+ series-f-subtle: #e56874,
120
+ series-f-subtler: #ee9aa2,
121
+ );
122
+
123
+ @if not ($kendo-enable-color-system) {
124
+ $kendo-is-dark-theme: true !global;
125
+ $kendo-color-primary: #0d6efd !global;
126
+ $kendo-color-secondary: #6c757d !global;
127
+ $kendo-color-info: #0dcaf0 !global;
128
+ $kendo-color-success: #198754 !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: #0d6efd !global;
143
+ $kendo-button-text: #ffffff !global;
144
+ $kendo-button-bg: #343a40 !global;
145
+ $kendo-link-text: #0d6efd !global;
146
+ $kendo-link-hover-text: #0a58ca !global;
147
+ $kendo-series-a: #0d6efd !global;
148
+ $kendo-series-b: #6f42c1 !global;
149
+ $kendo-series-c: #20c997 !global;
150
+ $kendo-series-d: #198754 !global;
151
+ $kendo-series-e: #ffc107 !global;
152
+ $kendo-series-f: #dc3545 !global;
153
+ $primary: $kendo-color-primary !global;
154
+ };
155
+
156
+
31
157
  @import "all.scss";
@@ -1,30 +1,35 @@
1
- $kendo-is-dark-theme: false;
2
- $kendo-color-primary: #0d6efd;
3
- $kendo-color-secondary: #6c757d;
4
- $kendo-color-info: #0dcaf0;
5
- $kendo-color-success: #198754;
6
- $kendo-color-warning: #ffc107;
7
- $kendo-color-error: #dc3545;
8
- $kendo-body-text: #212529;
9
- $kendo-body-bg: #ffffff;
10
- $kendo-subtle-text: #6c757d;
11
- $kendo-disabled-text: #8f8f8f;
12
- $kendo-component-text: #212529;
13
- $kendo-component-bg: #ffffff;
14
- $kendo-base-text: #212529;
15
- $kendo-base-bg: #f8f9fa;
16
- $kendo-hover-text: #16181b;
17
- $kendo-hover-bg: #e9ecef;
18
- $kendo-selected-text: #ffffff;
19
- $kendo-selected-bg: #0d6efd;
20
- $kendo-button-text: #212529;
21
- $kendo-button-bg: #e4e7eb;
22
- $kendo-link-text: #0d6efd;
23
- $kendo-link-hover-text: #0a58ca;
24
- $kendo-series-a: #0d6efd;
25
- $kendo-series-b: #6f42c1;
26
- $kendo-series-c: #20c997;
27
- $kendo-series-d: #198754;
28
- $kendo-series-e: #ffc107;
29
- $kendo-series-f: #dc3545;
1
+ $kendo-enable-color-system: true;
2
+ @if not ($kendo-enable-color-system) {
3
+ $kendo-is-dark-theme: false !global;
4
+ $kendo-color-primary: #0d6efd !global;
5
+ $kendo-color-secondary: #6c757d !global;
6
+ $kendo-color-info: #0dcaf0 !global;
7
+ $kendo-color-success: #198754 !global;
8
+ $kendo-color-warning: #ffc107 !global;
9
+ $kendo-color-error: #dc3545 !global;
10
+ $kendo-body-text: #212529 !global;
11
+ $kendo-body-bg: #ffffff !global;
12
+ $kendo-subtle-text: #6c757d !global;
13
+ $kendo-disabled-text: #8f8f8f !global;
14
+ $kendo-component-text: #212529 !global;
15
+ $kendo-component-bg: #ffffff !global;
16
+ $kendo-base-text: #212529 !global;
17
+ $kendo-base-bg: #f8f9fa !global;
18
+ $kendo-hover-text: #16181b !global;
19
+ $kendo-hover-bg: #e9ecef !global;
20
+ $kendo-selected-text: #ffffff !global;
21
+ $kendo-selected-bg: #0d6efd !global;
22
+ $kendo-button-text: #212529 !global;
23
+ $kendo-button-bg: #e4e7eb !global;
24
+ $kendo-link-text: #0d6efd !global;
25
+ $kendo-link-hover-text: #0a58ca !global;
26
+ $kendo-series-a: #0d6efd !global;
27
+ $kendo-series-b: #6f42c1 !global;
28
+ $kendo-series-c: #20c997 !global;
29
+ $kendo-series-d: #198754 !global;
30
+ $kendo-series-e: #ffc107 !global;
31
+ $kendo-series-f: #dc3545 !global;
32
+ };
33
+
34
+
30
35
  @import "all.scss";
@@ -1,31 +1,145 @@
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: #6bd2e2;
26
- $kendo-series-c: #ddc981;
27
- $kendo-series-d: #bb334f;
28
- $kendo-series-e: #01a8c1;
29
- $kendo-series-f: #c09e2f;
30
- $primary: $kendo-color-primary;
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: #e2edf0,
10
+ base-subtle-hover: #d6e5e9,
11
+ base-subtle-active: #c5d3d6,
12
+ base: #d6e5e9,
13
+ base-hover: #bdd5dc,
14
+ base-active: #b5d0d7,
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: #e23f5f,
24
+ primary-active: #e03456,
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: #bdd5dc,
34
+ secondary-active: #b5d0d7,
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: #01879b,
44
+ info-active: #017c8e,
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: #7daa3e,
54
+ success-active: #76a13a,
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: #ffbb31,
64
+ warning-active: #ffb724,
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: #af0d2f,
74
+ error-active: #a40c2b,
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: #6bd2e2,
85
+ series-b-bold: #509eaa,
86
+ series-b-bolder: #366971,
87
+ series-b-subtle: #90dde9,
88
+ series-b-subtler: #b5e9f1,
89
+ series-c: #ddc981,
90
+ series-c-bold: #a69761,
91
+ series-c-bolder: #6f6541,
92
+ series-c-subtle: #e6d7a1,
93
+ series-c-subtler: #eee4c0,
94
+ series-d: #bb334f,
95
+ series-d-bold: #8c263b,
96
+ series-d-bolder: #5e1a28,
97
+ series-d-subtle: #cc667b,
98
+ series-d-subtler: #dd99a7,
99
+ series-e: #01a8c1,
100
+ series-e-bold: #017e91,
101
+ series-e-bolder: #015461,
102
+ series-e-subtle: #41bed1,
103
+ series-e-subtler: #80d4e0,
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: #6bd2e2 !global;
137
+ $kendo-series-c: #ddc981 !global;
138
+ $kendo-series-d: #bb334f !global;
139
+ $kendo-series-e: #01a8c1 !global;
140
+ $kendo-series-f: #c09e2f !global;
141
+ $primary: $kendo-color-primary !global;
142
+ };
143
+
144
+
31
145
  @import "all.scss";