@syncfusion/ej2-base 26.1.35-806029 → 26.1.35-8139

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 (169) hide show
  1. package/.eslintrc.json +261 -0
  2. package/{ReadMe.md → README.md} +100 -100
  3. package/bin/syncfusion-license.js +1 -104
  4. package/dist/ej2-base.min.js +10 -1
  5. package/dist/ej2-base.umd.min.js +10 -1
  6. package/dist/ej2-base.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-base.es2015.js +67 -74
  8. package/dist/es6/ej2-base.es2015.js.map +1 -1
  9. package/dist/es6/ej2-base.es5.js +117 -124
  10. package/dist/es6/ej2-base.es5.js.map +1 -1
  11. package/dist/global/ej2-base.min.js +10 -1
  12. package/dist/global/ej2-base.min.js.map +1 -1
  13. package/dist/global/index.d.ts +9 -0
  14. package/e2e/crypto.js +16 -16
  15. package/e2e/index.d.ts +27 -27
  16. package/e2e/m.protractor.config.js +286 -286
  17. package/e2e/modified-protractor/protractor.config.js +316 -316
  18. package/e2e/protractor.config.js +389 -389
  19. package/helpers/e2e/index.js +3 -3
  20. package/license +10 -10
  21. package/package.json +225 -225
  22. package/src/animation-model.d.ts +41 -41
  23. package/src/animation.js +19 -19
  24. package/src/browser.js +0 -4
  25. package/src/component-model.d.ts +16 -16
  26. package/src/component.js +19 -19
  27. package/src/draggable-model.d.ts +113 -113
  28. package/src/draggable.js +72 -35
  29. package/src/droppable-model.d.ts +23 -23
  30. package/src/droppable.js +19 -19
  31. package/src/intl/number-formatter.js +1 -8
  32. package/src/keyboard-model.d.ts +16 -16
  33. package/src/keyboard.js +19 -19
  34. package/src/touch-model.d.ts +39 -39
  35. package/src/touch.js +19 -19
  36. package/src/validate-lic.js +1 -1
  37. package/styles/_all.scss +2 -2
  38. package/styles/_bds-dark-definition.scss +15 -16
  39. package/styles/_bds-definition.scss +15 -16
  40. package/styles/_bootstrap-dark-definition.scss +42 -42
  41. package/styles/_bootstrap-definition.scss +42 -42
  42. package/styles/_bootstrap4-definition.scss +11 -11
  43. package/styles/_bootstrap5-dark-definition.scss +9 -9
  44. package/styles/_bootstrap5-definition.scss +8 -8
  45. package/styles/_bootstrap5.3-dark-definition.scss +8 -8
  46. package/styles/_bootstrap5.3-definition.scss +8 -8
  47. package/styles/_fabric-dark-definition.scss +42 -42
  48. package/styles/_fabric-definition.scss +42 -42
  49. package/styles/_fluent-dark-definition.scss +9 -9
  50. package/styles/_fluent-definition.scss +9 -9
  51. package/styles/_fluent2-dark-definition.scss +9 -9
  52. package/styles/_fluent2-definition.scss +9 -9
  53. package/styles/_fluent2-highcontrast-definition.scss +9 -9
  54. package/styles/_fusionnew-dark-definition.scss +8 -8
  55. package/styles/_fusionnew-definition.scss +8 -8
  56. package/styles/_highcontrast-definition.scss +42 -42
  57. package/styles/_highcontrast-light-definition.scss +42 -42
  58. package/styles/_material-dark-definition.scss +48 -49
  59. package/styles/_material-definition.scss +49 -50
  60. package/styles/_material3-dark-definition.scss +14 -15
  61. package/styles/_material3-definition.scss +15 -16
  62. package/styles/_tailwind-dark-definition.scss +15 -16
  63. package/styles/_tailwind-definition.scss +15 -16
  64. package/styles/animation/_all.scss +559 -535
  65. package/styles/bootstrap-dark.css +51 -235
  66. package/styles/bootstrap.css +51 -235
  67. package/styles/bootstrap4.css +51 -223
  68. package/styles/bootstrap5-dark.css +53 -228
  69. package/styles/bootstrap5.css +51 -226
  70. package/styles/common/_all.scss +2 -2
  71. package/styles/common/_core.scss +113 -111
  72. package/styles/common/_mixin.scss +9 -11
  73. package/styles/definition/_bds-dark.scss +1067 -1193
  74. package/styles/definition/_bds.scss +1327 -1488
  75. package/styles/definition/_bootstrap-dark.scss +207 -213
  76. package/styles/definition/_bootstrap.scss +202 -208
  77. package/styles/definition/_bootstrap4.scss +153 -159
  78. package/styles/definition/_bootstrap5-dark.scss +475 -481
  79. package/styles/definition/_bootstrap5.3-dark.scss +853 -1232
  80. package/styles/definition/_bootstrap5.3.scss +1486 -1579
  81. package/styles/definition/_bootstrap5.scss +475 -481
  82. package/styles/definition/_fabric-dark.scss +188 -194
  83. package/styles/definition/_fabric.scss +186 -192
  84. package/styles/definition/_fluent-dark.scss +488 -494
  85. package/styles/definition/_fluent.scss +488 -494
  86. package/styles/definition/_fluent2-dark.scss +1506 -1523
  87. package/styles/definition/_fluent2-highcontrast.scss +1506 -1523
  88. package/styles/definition/_fluent2.scss +2266 -2295
  89. package/styles/definition/_fusionnew-dark.scss +324 -330
  90. package/styles/definition/_fusionnew.scss +324 -331
  91. package/styles/definition/_highcontrast-light.scss +183 -189
  92. package/styles/definition/_highcontrast.scss +183 -189
  93. package/styles/definition/_material-dark.scss +187 -193
  94. package/styles/definition/_material.scss +180 -186
  95. package/styles/definition/_material3-dark.scss +654 -660
  96. package/styles/definition/_material3.scss +723 -729
  97. package/styles/definition/_tailwind-dark.scss +439 -445
  98. package/styles/definition/_tailwind.scss +437 -443
  99. package/styles/fabric-dark.css +51 -235
  100. package/styles/fabric.css +51 -235
  101. package/styles/fluent-dark.css +51 -226
  102. package/styles/fluent.css +51 -226
  103. package/styles/fluent2.css +82 -274
  104. package/styles/highcontrast-light.css +51 -235
  105. package/styles/highcontrast.css +51 -235
  106. package/styles/material-dark.css +51 -235
  107. package/styles/material.css +51 -235
  108. package/styles/material3-dark.css +51 -226
  109. package/styles/material3.css +51 -226
  110. package/styles/offline-theme/material-dark.css +51 -235
  111. package/styles/offline-theme/material.css +51 -235
  112. package/styles/offline-theme/tailwind-dark.css +51 -226
  113. package/styles/offline-theme/tailwind.css +51 -226
  114. package/styles/tailwind-dark.css +51 -226
  115. package/styles/tailwind.css +51 -226
  116. package/tslint.json +111 -0
  117. package/dist/ts/undefined +0 -67
  118. package/styles/_tailwind3-dark-definition.scss +0 -15
  119. package/styles/_tailwind3-definition.scss +0 -15
  120. package/styles/bds-lite.css +0 -3408
  121. package/styles/bds-lite.scss +0 -3
  122. package/styles/bds.css +0 -3408
  123. package/styles/bds.scss +0 -3
  124. package/styles/bootstrap-dark-lite.css +0 -3749
  125. package/styles/bootstrap-dark-lite.scss +0 -3
  126. package/styles/bootstrap-lite.css +0 -3749
  127. package/styles/bootstrap-lite.scss +0 -3
  128. package/styles/bootstrap4-lite.css +0 -3390
  129. package/styles/bootstrap4-lite.scss +0 -3
  130. package/styles/bootstrap5-dark-lite.css +0 -2966
  131. package/styles/bootstrap5-dark-lite.scss +0 -3
  132. package/styles/bootstrap5-lite.css +0 -2966
  133. package/styles/bootstrap5-lite.scss +0 -3
  134. package/styles/bootstrap5.3-lite.css +0 -3559
  135. package/styles/bootstrap5.3-lite.scss +0 -3
  136. package/styles/bootstrap5.3.css +0 -3559
  137. package/styles/bootstrap5.3.scss +0 -3
  138. package/styles/definition/_tailwind3-dark.scss +0 -1622
  139. package/styles/definition/_tailwind3.scss +0 -2093
  140. package/styles/fabric-dark-lite.css +0 -3734
  141. package/styles/fabric-dark-lite.scss +0 -3
  142. package/styles/fabric-lite.css +0 -3734
  143. package/styles/fabric-lite.scss +0 -3
  144. package/styles/fluent-dark-lite.css +0 -2966
  145. package/styles/fluent-dark-lite.scss +0 -3
  146. package/styles/fluent-lite.css +0 -2966
  147. package/styles/fluent-lite.scss +0 -3
  148. package/styles/fluent2-lite.css +0 -4017
  149. package/styles/fluent2-lite.scss +0 -3
  150. package/styles/highcontrast-light-lite.css +0 -3725
  151. package/styles/highcontrast-light-lite.scss +0 -3
  152. package/styles/highcontrast-lite.css +0 -3725
  153. package/styles/highcontrast-lite.scss +0 -3
  154. package/styles/material-dark-lite.css +0 -3702
  155. package/styles/material-dark-lite.scss +0 -3
  156. package/styles/material-lite.css +0 -3702
  157. package/styles/material-lite.scss +0 -3
  158. package/styles/material3-dark-lite.css +0 -3021
  159. package/styles/material3-dark-lite.scss +0 -3
  160. package/styles/material3-lite.css +0 -3077
  161. package/styles/material3-lite.scss +0 -3
  162. package/styles/tailwind-dark-lite.css +0 -2967
  163. package/styles/tailwind-dark-lite.scss +0 -3
  164. package/styles/tailwind-lite.css +0 -2967
  165. package/styles/tailwind-lite.scss +0 -3
  166. package/styles/tailwind3-lite.css +0 -3775
  167. package/styles/tailwind3-lite.scss +0 -3
  168. package/styles/tailwind3.css +0 -3775
  169. package/styles/tailwind3.scss +0 -3
package/styles/definition/_tailwind3-dark.scss DELETED
@@ -1,1622 +0,0 @@
1
- @use 'sass:color';
2
- @use 'sass:meta';
3
- @use 'sass:list';
4
- @import '../common/mixin.scss';
5
-
6
- @function mapcolorvariable($pallete-name){
7
- @return var(#{'--color-sf-'+ $pallete-name});
8
- }
9
-
10
- @function shade-color($color, $percentage) {
11
- @return mix($black, $color, $percentage);
12
- }
13
-
14
- @function tint-color($color, $percentage) {
15
- @return mix($white, $color, $percentage);
16
- }
17
-
18
- :root{
19
-
20
- --color-sf-content-bg-color: rgba(17, 24, 39);
21
- --color-sf-content-bg-color-alt1: #1d2432;
22
- --color-sf-content-bg-color-alt2: #232937;
23
- --color-sf-content-bg-color-alt3: #282f3c;
24
- --color-sf-content-bg-color-alt4: #2f3542;
25
- --color-sf-content-bg-color-alt5: #343a47;
26
- --color-sf-content-bg-color-hover: #1a212f;
27
- --color-sf-content-bg-color-pressed: #242a38;
28
- --color-sf-content-bg-color-focus: #1a212f;
29
- --color-sf-content-bg-color-selected: #2e3441;
30
- --color-sf-content-bg-color-dragged: #242a38;
31
- --color-sf-content-bg-color-disabled: #111827;
32
- --color-sf-flyout-bg-color: #1a212f;
33
- --color-sf-flyout-bg-color-hover: #1f2634;
34
- --color-sf-flyout-bg-color-pressed: #242a38;
35
- --color-sf-flyout-bg-color-focus: #1f2634;
36
- --color-sf-flyout-bg-color-selected: #2e3441;
37
- --color-sf-flyout-bg-color-disabled: #1a212f;
38
- --color-sf-overlay-bg-color: rgba(107, 114, 128, .75);
39
- --color-sf-table-bg-color-hover: #1a212f;
40
- --color-sf-table-bg-color-pressed: #242a38;
41
- --color-sf-table-bg-color-selected: #2e3441;
42
- --color-sf-text-input-bg-color: rgba(255, 255, 255, .05);
43
- --color-sf-treeview-item-active-hover-bg: ##2e3441;
44
-
45
- // text-color
46
- --color-sf-content-text-color: #fff;
47
- --color-sf-content-text-color-alt1: #e5e7eb;
48
- --color-sf-content-text-color-alt2: #d1d5db;
49
- --color-sf-content-text-color-alt3: #9ca3af;
50
- --color-sf-content-text-color-alt4: #6b7280;
51
- --color-sf-content-text-color-hover: #fff;
52
- --color-sf-content-text-color-pressed: #fff;
53
- --color-sf-content-text-color-focus: #fff;
54
- --color-sf-content-text-color-selected: #fff;
55
- --color-sf-content-text-color-dragged: #fff;
56
- --color-sf-content-text-color-disabled: #6b7280;
57
- --color-sf-placeholder-text-color: #6b7280;
58
- --color-sf-flyout-text-color: #fff;
59
- --color-sf-flyout-text-color-hover: #fff;
60
- --color-sf-flyout-text-color-pressed: #fff;
61
- --color-sf-flyout-text-color-focus: #fff;
62
- --color-sf-flyout-text-color-selected: #fff;
63
- --color-sf-flyout-text-color-disabled: #6b7280;
64
- --color-sf-table-text-color-hover: #fff;
65
- --color-sf-table-text-color-pressed: #fff;
66
- --color-sf-table-text-color-selected: #fff;
67
-
68
- // icon-color
69
- --color-sf-icon-color: #d1d5db;
70
- --color-sf-icon-color-hover: #9ca3af;
71
- --color-sf-icon-color-pressed: #e5e7eb;
72
- --color-sf-icon-color-disabled: #4b5563;
73
-
74
- // close-icon-color
75
- --color-sf-close-icon-color: #9ca3af;
76
- --color-sf-close-icon-color-hover: #9ca3af;
77
- --color-sf-close-icon-color-pressed: #9ca3af;
78
- --color-sf-close-icon-color-disabled: #6b7280;
79
-
80
- // border-color
81
- --color-sf-border-light: #282f3c;
82
- --color-sf-border: #374151;
83
- --color-sf-border-dark: #9ca3af;
84
- --color-sf-border-hover: #4b5563;
85
- --color-sf-border-pressed: #6b7280;
86
- --color-sf-border-focus: #374151;
87
- --color-sf-border-selected: #4b5563;
88
- --color-sf-border-dragged: #374151;
89
- --color-sf-border-disabled: #374151;
90
- --color-sf-border-warning: #c2410c;
91
- --color-sf-border-error: #dc2626;
92
- --color-sf-border-success: #15803d;
93
- --color-sf-spreadsheet-gridline: #e5e7eb;
94
- --color-sf-flyout-border: #282f3c;
95
- --color-sf-dialog-border: rgba(255, 255, 255, .1);
96
-
97
- //sf Variables
98
- --color-sf-primary: rgba(99, 102, 241);
99
- --color-sf-primary-text-color: #fff;
100
- --color-sf-primary-light: #3730a3;
101
- --color-sf-primary-lighter: #1e1b4b;
102
- --color-sf-primary-dark: #818cf8;
103
- --color-sf-primary-darker: #4f46e5;
104
- --color-sf-secondary: rgba(255, 255, 255, .01);
105
- --color-sf-success: #22c55e;
106
- --color-sf-info: #38bdf8;
107
- --color-sf-warning: #f97316;
108
- --color-sf-danger: #f87171;
109
- --color-sf-success-light: #164c37;
110
- --color-sf-info-light: #0e485b;
111
- --color-sf-warning-light: #573422;
112
- --color-sf-danger-light: #54252f;
113
- --color-sf-success-dark: #4ade80;
114
- --color-sf-info-dark: #38bdf8;
115
- --color-sf-warning-dark: #fb923c;
116
- --color-sf-danger-dark: #ef4444;
117
- --color-sf-success-lighter: #122a2c;
118
- --color-sf-info-lighter: #102838;
119
- --color-sf-warning-lighter: #282125;
120
- --color-sf-danger-lighter: #271d2a;
121
- --color-sf-black: 0, 0, 0;
122
- --color-sf-white: 255, 255, 255;
123
-
124
- // Primary-button
125
- --color-sf-primary-bg-color: #6366f1;
126
- --color-sf-primary-border-color: #6366f1;
127
- --color-sf-primary-text: #fff;
128
- --color-sf-primary-bg-color-hover: #818cf8;
129
- --color-sf-primary-border-color-hover: #818cf8;
130
- --color-sf-primary-text-hover: #ffffff;
131
- --color-sf-primary-bg-color-pressed: #4f46e5;
132
- --color-sf-primary-border-color-pressed: #4f46e5;
133
- --color-sf-primary-text-pressed: #fff;
134
- --color-sf-primary-bg-color-focus: #818cf8;
135
- --color-sf-primary-border-color-focus: #818cf8;
136
- --color-sf-primary-text-focus: #fff;
137
- --color-sf-primary-bg-color-disabled: #312e81;
138
- --color-sf-primary-border-color-disabled: #312e81;
139
- --color-sf-primary-text-disabled: rgba(255, 255, 255, .3);
140
-
141
- // Secondary-button
142
- --color-sf-secondary-bg-color: rgba(255, 255, 255, .1);
143
- --color-sf-secondary-border-color: rgba(255, 255, 255, .1);
144
- --color-sf-secondary-text-color: #fff;
145
- --color-sf-secondary-bg-color-hover: rgba(255, 255, 255, .2);
146
- --color-sf-secondary-border-color-hover: rgba(255, 255, 255, .2);
147
- --color-sf-secondary-text-color-hover: #fff;
148
- --color-sf-secondary-bg-color-pressed: rgba(255, 255, 255, .3);
149
- --color-sf-secondary-border-color-pressed: rgba(255, 255, 255, .3);
150
- --color-sf-secondary-text-color-pressed: #fff;
151
- --color-sf-secondary-bg-color-focus: rgba(255, 255, 255, .2);
152
- --color-sf-secondary-border-color-focus: rgba(255, 255, 255, .2);
153
- --color-sf-secondary-text-color-focus: #fff;
154
- --color-sf-secondary-bg-color-disabled: rgba(255, 255, 255, .2);
155
- --color-sf-secondary-border-color-disabled: rgba(255, 255, 255, .2);
156
- --color-sf-secondary-text-color-disabled: rgba(255, 255, 255, .3);
157
-
158
- // Success-button
159
- --color-sf-success-bg-color: #22c55e;
160
- --color-sf-success-border-color: #22c55e;
161
- --color-sf-success-text: #000;
162
- --color-sf-success-bg-color-hover: #4ade80;
163
- --color-sf-success-border-color-hover: #4ade80;
164
- --color-sf-success-text-hover: #000;
165
- --color-sf-success-bg-color-pressed: #16a34a;
166
- --color-sf-success-border-color-pressed: #16a34a;
167
- --color-sf-success-text-pressed: #000;
168
- --color-sf-success-bg-color-focus: #4ade80;
169
- --color-sf-success-border-color-focus: #4ade80;
170
- --color-sf-success-text-focus: #000;
171
- --color-sf-success-bg-color-disabled: #14532d;
172
- --color-sf-success-border-color-disabled: #14532d;
173
- --color-sf-success-text-disabled: rgba(0, 0, 0, .3);
174
-
175
- // Warning-button
176
- --color-sf-warning-bg-color: #f97316;
177
- --color-sf-warning-border-color: #f97316;
178
- --color-sf-warning-text: #000;
179
- --color-sf-warning-bg-color-hover: #fb923c;
180
- --color-sf-warning-border-color-hover: #fb923c;
181
- --color-sf-warning-text-hover: #000;
182
- --color-sf-warning-bg-color-pressed: #ea580c;
183
- --color-sf-warning-border-color-pressed: #ea580c;
184
- --color-sf-warning-text-pressed: #000;
185
- --color-sf-warning-bg-color-focus: #fb923c;
186
- --color-sf-warning-border-color-focus: #fb923c;
187
- --color-sf-warning-text-focus: #000;
188
- --color-sf-warning-bg-color-disabled: #7c2d12;
189
- --color-sf-warning-border-color-disabled: #7c2d12;
190
- --color-sf-warning-text-disabled: rgba(255, 255, 255, .3);
191
-
192
- // Info-button
193
- --color-sf-info-bg-color: #0ea5e9;
194
- --color-sf-info-border-color: #0ea5e9;
195
- --color-sf-info-text: #000;
196
- --color-sf-info-bg-color-hover: #38bdf8;
197
- --color-sf-info-border-color-hover: #38bdf8;
198
- --color-sf-info-text-hover: #000;
199
- --color-sf-info-bg-color-pressed: #0284c7;
200
- --color-sf-info-border-color-pressed: #0284c7;
201
- --color-sf-info-text-pressed: #000;
202
- --color-sf-info-bg-color-focus: #38bdf8;
203
- --color-sf-info-border-color-focus: #38bdf8;
204
- --color-sf-info-text-focus: #000;
205
- --color-sf-info-bg-color-disabled: #0c4a6e;
206
- --color-sf-info-border-color-disabled: #0c4a6e;
207
- --color-sf-info-text-disabled: rgba(255, 255, 255, .3);
208
-
209
- // danger-button
210
- --color-sf-danger-bg-color: #f87171;
211
- --color-sf-danger-border-color: #f87171;
212
- --color-sf-danger-text: #000;
213
- --color-sf-danger-bg-color-hover: #ef4444;
214
- --color-sf-danger-border-color-hover: #ef4444;
215
- --color-sf-danger-text-hover: #fff;
216
- --color-sf-danger-bg-color-pressed: #dc2626;
217
- --color-sf-danger-border-color-pressed: #dc2626;
218
- --color-sf-danger-text-pressed: #fff;
219
- --color-sf-danger-bg-color-focus: #ef4444;
220
- --color-sf-danger-border-color-focus: #ef4444;
221
- --color-sf-danger-text-focus: #fff;
222
- --color-sf-danger-bg-color-disabled: #7f1d1d;
223
- --color-sf-danger-border-color-disabled: #7f1d1d;
224
- --color-sf-danger-text-disabled: rgba(255, 255, 255, .3);
225
-
226
- //Outline button
227
- --color-sf-primary-outline: #6366f1;
228
- --color-sf-secondary-outline: rgba(255, 255, 255, .1);
229
- --color-sf-warning-outline: #f97316;
230
- --color-sf-danger-outline: #f87171;
231
- --color-sf-success-outline: #22c55e;
232
- --color-sf-info-outline: #38bdf8;
233
-
234
- // Tooltip
235
- --color-sf-tooltip-bg-color: #f9fafb;
236
- --color-sf-tooltip-border: #f9fafb;
237
- --color-sf-tooltip-text-color: #1f2937;
238
-
239
- //Light
240
- --color-sf-appbar-bg-color-alt1: #374151;
241
- --color-sf-appbar-color-alt1: #fff;
242
- --color-sf-appbar-border-color-alt1: #374151;
243
- --color-sf-appbar-hover-bg-color-alt1: #818cf8;
244
-
245
- //dark
246
- --color-sf-appbar-bg-color-alt2: #e5e7eb;
247
- --color-sf-appbar-color-alt2: #111827;
248
- --color-sf-appbar-border-color-alt2: #e5e7eb;
249
- --color-sf-appbar-hover-bg-color-alt2: #818cf8;
250
-
251
- //diagram Palette color
252
- --color-sf-diagram-palette-background: #e5e7eb;
253
- --color-sf-diagram-palette-hover-background: #d1d5db;
254
- --color-sf-diagram-palette-selected-color: #9ca3af;
255
-
256
- //rating
257
- --color-sf-rating-selected-color: #d1d5db;
258
- --color-sf-rating-unrated-color: #374151;
259
- --color-sf-rating-selected-disabled-color: #6b7280;
260
- --color-sf-rating-unrated-disabled-color: #374151;
261
- --color-sf-rating-selected-hover-color: #4f46e5;
262
- --color-sf-rating-unrated-hover-color: #9ca3af;
263
- --color-sf-rating-pressed-color: #69e1f3;
264
-
265
- //Message default
266
- --color-sf-msg-color: #9ca3af;
267
- --color-sf-msg-bg-color: #1f2937;
268
- --color-sf-msg-border-color: #374151;
269
- --color-sf-msg-color-alt1: #9ca3af;
270
- --color-sf-msg-bg-color-alt1: rgba(255, 255, 255, .01);
271
- --color-sf-msg-border-color-alt1: #374151;
272
- --color-sf-msg-color-alt2: #9ca3af;
273
- --color-sf-msg-bg-color-alt2: #1f2937;
274
- --color-sf-msg-border-color-alt2: #2c394c;
275
- --color-sf-msg-icon-color: #9ca3af;
276
- --color-sf-msg-icon-color-alt1: #9ca3af;
277
- --color-sf-msg-icon-color-alt2: #9ca3af;
278
- --color-sf-msg-close-icon-color: #9ca3af;
279
- --color-sf-msg-close-icon-color-alt1: #adb5bd;
280
- --color-sf-msg-close-icon-color-alt2: #9ca3af;
281
-
282
- //Message danger
283
- --color-sf-msg-danger-color: #f87171;
284
- --color-sf-msg-danger-bg-color: #271d2a;
285
- --color-sf-msg-danger-border-color: #4f2530;
286
- --color-sf-msg-danger-color-alt1: #f87171;
287
- --color-sf-msg-danger-bg-color-alt1: rgba(255, 255, 255, .01);
288
- --color-sf-msg-danger-border-color-alt1: #4f2530;
289
- --color-sf-msg-danger-color-alt2: #f87171;
290
- --color-sf-msg-danger-bg-color-alt2: #271d2a;
291
- --color-sf-msg-danger-border-color-alt2: #271d2a;
292
- --color-sf-msg-danger-icon-color: #f87171;
293
- --color-sf-msg-danger-icon-color-alt1: #f87171;
294
- --color-sf-msg-danger-icon-color-alt2: #f87171;
295
- --color-sf-msg-danger-close-icon-color: #f87171;
296
- --color-sf-msg-danger-close-icon-color-alt1: #adb5bd;
297
- --color-sf-msg-danger-close-icon-color-alt2: #adb5bd;
298
-
299
- //Message success
300
- --color-sf-msg-success-color: #22c55e;
301
- --color-sf-msg-success-bg-color: #122a2c;
302
- --color-sf-msg-success-border-color: #154936;
303
- --color-sf-msg-success-color-alt1: #22c55e;
304
- --color-sf-msg-success-bg-color-alt1: rgba(255, 255, 255, .01);
305
- --color-sf-msg-success-border-color-alt1: #154936;
306
- --color-sf-msg-success-color-alt2: #22c55e;
307
- --color-sf-msg-success-bg-color-alt2: #122a2c;
308
- --color-sf-msg-success-border-color-alt2: #122a2c;
309
- --color-sf-msg-success-icon-color: #22c55e;
310
- --color-sf-msg-success-icon-color-alt1: #22c55e;
311
- --color-sf-msg-success-icon-color-alt2: #22c55e;
312
- --color-sf-msg-success-close-icon-color: #22c55e;
313
- --color-sf-msg-success-close-icon-color-alt1: #adb5bd;
314
- --color-sf-msg-success-close-icon-color-alt2: #adb5bd;
315
-
316
- //Message warning
317
- --color-sf-msg-warning-color: #fb923c;
318
- --color-sf-msg-warning-bg-color: #282125;
319
- --color-sf-msg-warning-border-color: #523122;
320
- --color-sf-msg-warning-color-alt1: #fb923c;
321
- --color-sf-msg-warning-bg-color-alt1: rgba(255, 255, 255, .01);
322
- --color-sf-msg-warning-border-color-alt1: #523122;
323
- --color-sf-msg-warning-color-alt2: #fb923c;
324
- --color-sf-msg-warning-bg-color-alt2: #282125;
325
- --color-sf-msg-warning-border-color-alt2: #282125;
326
- --color-sf-msg-warning-icon-color: #fb923c;
327
- --color-sf-msg-warning-icon-color-alt1: #fb923c;
328
- --color-sf-msg-warning-icon-color-alt2: #fb923c;
329
- --color-sf-msg-warning-close-icon-color: #fb923c;
330
- --color-sf-msg-warning-close-icon-color-alt1: #adb5bd;
331
- --color-sf-msg-warning-close-icon-color-alt2: #adb5bd;
332
-
333
- //Message info
334
- --color-sf-msg-info-color: #22d3ee;
335
- --color-sf-msg-info-bg-color: #102838;
336
- --color-sf-msg-info-border-color: #0e4457;
337
- --color-sf-msg-info-color-alt1: #22d3ee;
338
- --color-sf-msg-info-bg-color-alt1: rgba(255, 255, 255, .01);
339
- --color-sf-msg-info-border-color-alt1: #0e4457;
340
- --color-sf-msg-info-color-alt2: #22d3ee;
341
- --color-sf-msg-info-bg-color-alt2: #102838;
342
- --color-sf-msg-info-border-color-alt2: #102838;
343
- --color-sf-msg-info-icon-color: #06b6d4;
344
- --color-sf-msg-info-icon-color-alt1: #22d3ee;
345
- --color-sf-msg-info-icon-color-alt2: #22d3ee;
346
- --color-sf-msg-info-close-icon-color: #22d3ee;
347
- --color-sf-msg-info-close-icon-color-alt1: #adb5bd;
348
- --color-sf-msg-info-close-icon-color-alt2: #adb5bd;
349
-
350
- //badge
351
- --color-sf-badge-light-bg-color: #faf9fa;
352
- --color-sf-badge-light-border-color: #faf9fa;
353
- --color-sf-badge-light-text-color: #000;
354
- --color-sf-badge-dark-bg-color: #212529;
355
- --color-sf-badge-dark-border-color: #212529;
356
- --color-sf-badge-dark-text-color: #fff;
357
-
358
- //tab
359
- --color-sf-tab-border: #343a40;
360
-
361
- //stepper
362
- --color-sf-stepper: rgba(17, 24, 39);
363
- --color-sf-shadow-color: #{#fff};
364
- --color-sf-shadow-color1: #{#000};
365
-
366
- //breadcrumb
367
- --color-sf-breadcrumb-item-hover-color: #e5e7eb;
368
- --color-sf-breadcrumb-item-active-color: #d1d5db;
369
- --color-sf-breadcrumb-item-focus-border-color: $transparent;
370
-
371
- // Transparent
372
- --color-sf-transparent: rgba(255, 255, 255, 0);
373
-
374
- //Primary-chip
375
- --color-sf-chip-primary-bg-color: rgba(99, 102, 241, .1);
376
- --color-sf-chip-primary-icon-color: rgba(99, 102, 241, .5);
377
- --color-sf-chip-primary-border-color: rgba(79, 70, 229, .5);
378
- --color-sf-chip-primary-text: #818cf8;
379
- --color-sf-chip-primary-icon-color-hover: #818cf8;
380
- --color-sf-chip-primary-icon-color-pressed: #818cf8;
381
- --color-sf-chip-primary-bg-color-hover: rgba(99, 102, 241, .1);
382
- --color-sf-chip-primary-border-color-hover: rgba(79, 70, 229, .7);
383
- --color-sf-chip-primary-text-hover: #818cf8;
384
- --color-sf-chip-primary-bg-color-pressed: rgba(99, 102, 241, .7);
385
- --color-sf-chip-primary-icon-bg-color-pressed: rgba(99, 102, 241, .7);
386
- --color-sf-chip-primary-icon-bg-color-hover: rgba(99, 102, 241, .7);
387
- --color-sf-chip-primary-border-color-pressed: rgba(99, 102, 241, .7);
388
- --color-sf-chip-primary-text-pressed: #c7d2fe;
389
- --color-sf-chip-primary-bg-color-disabled: rgba(99, 102, 241, .1);
390
- --color-sf-chip-primary-border-color-disabled: rgba(79, 70, 229, .5);
391
- --color-sf-chip-primary-text-disabled: #3730a3;
392
-
393
- //Secondary-chip
394
- --color-sf-chip-secondary-bg-color: #1f2937;
395
- --color-sf-chip-secondary-icon-color: #6b7280;
396
- --color-sf-chip-secondary-border-color: #374151;
397
- --color-sf-chip-secondary-text-color: #9ca3af;
398
- --color-sf-chip-secondary-icon-color-hover: #9ca3af;
399
- --color-sf-chip-secondary-icon-color-pressed: #9ca3af;
400
- --color-sf-chip-secondary-bg-color-hover: #1f2937;
401
- --color-sf-chip-secondary-border-color-hover: #4b5563;
402
- --color-sf-chip-secondary-text-color-hover: #9ca3af;
403
- --color-sf-chip-secondary-bg-color-pressed: #4b5563;
404
- --color-sf-chip-secondary-icon-bg-color-pressed: #4b5563;
405
- --color-sf-chip-secondary-icon-bg-color-hover: #4b5563;
406
- --color-sf-chip-secondary-border-color-pressed: #4b5563;
407
- --color-sf-chip-secondary-text-color-pressed: #d1d5db;
408
- --color-sf-chip-secondary-bg-color-disabled: #1f2937;
409
- --color-sf-chip-secondary-border-color-disabled: #374151;
410
- --color-sf-chip-secondary-text-color-disabled: #4b5563;
411
-
412
- //Success-chip
413
- --color-sf-chip-success-bg-color: rgba(34, 197, 94, .1);
414
- --color-sf-chip-success-icon-color: rgba(34, 197, 94, .5);
415
- --color-sf-chip-success-border-color: rgba(34, 197, 94, .2);
416
- --color-sf-chip-success-text: #22c55e;
417
- --color-sf-chip-success-icon-color-hover: #22c55e;
418
- --color-sf-chip-success-icon-color-pressed: #4ade80;
419
- --color-sf-chip-success-bg-color-hover: rgba(34, 197, 94, .1);
420
- --color-sf-chip-success-border-color-hover: rgba(34, 197, 94, .3);
421
- --color-sf-chip-success-text-hover: #22c55e;
422
- --color-sf-chip-success-bg-color-pressed: rgba(34, 197, 94, .3);
423
- --color-sf-chip-success-icon-bg-color-pressed: rgba(34, 197, 94, .3);
424
- --color-sf-chip-success-icon-bg-color-hover: rgba(34, 197, 94, .3);
425
- --color-sf-chip-success-border-color-pressed: rgba(34, 197, 94, .3);
426
- --color-sf-chip-success-text-pressed: #22c55e;
427
- --color-sf-chip-success-bg-color-disabled: rgba(34, 197, 94, .1);
428
- --color-sf-chip-success-border-color-disabled: rgba(34, 197, 94, .1);
429
- --color-sf-chip-success-text-disabled: #14532d;
430
-
431
- //Warning-chip
432
- --color-sf-chip-warning-bg-color: rgba(249, 115, 22, .1);
433
- --color-sf-chip-warning-icon-color: rgba(249, 115, 22, .5);
434
- --color-sf-chip-warning-border-color: rgba(249, 115, 22, .2);
435
- --color-sf-chip-warning-text: #fb923c;
436
- --color-sf-chip-warning-icon-color-hover: #fb923c;
437
- --color-sf-chip-warning-icon-color-pressed: #fb923c;
438
- --color-sf-chip-warning-bg-color-hover: rgba(249, 115, 22, .1);
439
- --color-sf-chip-warning-border-color-hover: rgba(249, 115, 22, .3);
440
- --color-sf-chip-warning-text-hover: #fb923c;
441
- --color-sf-chip-warning-bg-color-pressed: rgba(249, 115, 22, .3);
442
- --color-sf-chip-warning-icon-bg-color-pressed: rgba(249, 115, 22, .3);
443
- --color-sf-chip-warning-icon-bg-color-hover: rgba(249, 115, 22, .3);
444
- --color-sf-chip-warning-border-color-pressed: rgba(249, 115, 22, .3);
445
- --color-sf-chip-warning-text-pressed: #fed7aa;
446
- --color-sf-chip-warning-bg-color-disabled: rgba(249, 115, 22, .1);
447
- --color-sf-chip-warning-border-color-disabled: rgba(249, 115, 22, .1);
448
- --color-sf-chip-warning-text-disabled: #9a3412;
449
-
450
- //danger-chip
451
- --color-sf-chip-danger-bg-color: rgba(239, 68, 68, .1);
452
- --color-sf-chip-danger-icon-color: rgba(239, 68, 68, .5);
453
- --color-sf-chip-danger-border-color: rgba(239, 68, 68, .2);
454
- --color-sf-chip-danger-text: #f87171;
455
- --color-sf-chip-danger-icon-color-hover: #f87171;
456
- --color-sf-chip-danger-icon-color-pressed: #f87171;
457
- --color-sf-chip-danger-bg-color-hover: rgba(239, 68, 68, .1);
458
- --color-sf-chip-danger-border-color-hover: rgba(239, 68, 68, .3);
459
- --color-sf-chip-danger-text-hover: #f87171;
460
- --color-sf-chip-danger-bg-color-pressed: rgba(239, 68, 68, .3);
461
- --color-sf-chip-danger-icon-bg-color-pressed: rgba(239, 68, 68, .3);
462
- --color-sf-chip-danger-icon-bg-color-hover: rgba(239, 68, 68, .3);
463
- --color-sf-chip-danger-border-color-pressed: rgba(239, 68, 68, .3);
464
- --color-sf-chip-danger-text-pressed: #fca5a5;
465
- --color-sf-chip-danger-bg-color-disabled: rgba(239, 68, 68, .1);
466
- --color-sf-chip-danger-border-color-disabled: rgba(239, 68, 68, .2);
467
- --color-sf-chip-danger-text-disabled: #7f1d1d;
468
-
469
- //Info-chip
470
- --color-sf-chip-info-bg-color: rgba(6, 182, 212, .1);
471
- --color-sf-chip-info-icon-color: rgba(6, 182, 212, .5);
472
- --color-sf-chip-info-border-color: rgba(6, 182, 212, .2);
473
- --color-sf-chip-info-text: #22d3ee;
474
- --color-sf-chip-info-icon-color-hover: #22d3ee;
475
- --color-sf-chip-info-icon-color-pressed: #22d3ee;
476
- --color-sf-chip-info-bg-color-hover: rgba(6, 182, 212, .1);
477
- --color-sf-chip-info-border-color-hover: rgba(6, 182, 212, .3);
478
- --color-sf-chip-info-text-hover: #22d3ee;
479
- --color-sf-chip-info-bg-color-pressed: rgba(6, 182, 212, .3);
480
- --color-sf-chip-info-icon-bg-color-pressed: rgba(6, 182, 212, .3);
481
- --color-sf-chip-info-icon-bg-color-hover: rgba(6, 182, 212, .3);
482
- --color-sf-chip-info-border-color-pressed: rgba(6, 182, 212, .3);
483
- --color-sf-chip-info-text-pressed: #22d3ee;
484
- --color-sf-chip-info-bg-color-disabled: rgba(6, 182, 212, .1);
485
- --color-sf-chip-info-border-color-disabled: rgba(6, 182, 212, .2);
486
- --color-sf-chip-info-text-disabled: #155e75;
487
- }
488
-
489
- // backgroundcolor
490
- $content-bg-color: mapcolorvariable('content-bg-color') !default;
491
- $content-bg-color-alt1: mapcolorvariable('content-bg-color-alt1') !default;
492
- $content-bg-color-alt2: mapcolorvariable('content-bg-color-alt2') !default;
493
- $content-bg-color-alt3: mapcolorvariable('content-bg-color-alt3') !default;
494
- $content-bg-color-alt4: mapcolorvariable('content-bg-color-alt4') !default;
495
- $content-bg-color-alt5: mapcolorvariable('content-bg-color-alt5') !default;
496
- $content-bg-color-hover: mapcolorvariable('content-bg-color-hover') !default;
497
- $content-bg-color-pressed: mapcolorvariable('content-bg-color-pressed') !default;
498
- $content-bg-color-focus: mapcolorvariable('content-bg-color-focus') !default;
499
- $content-bg-color-selected: mapcolorvariable('content-bg-color-selected') !default;
500
- $content-bg-color-dragged: mapcolorvariable('content-bg-color-dragged') !default;
501
- $content-bg-color-disabled: mapcolorvariable('content-bg-color-disabled') !default;
502
- $flyout-bg-color: mapcolorvariable('flyout-bg-color') !default;
503
- $flyout-bg-color-hover: mapcolorvariable('flyout-bg-color-hover') !default;
504
- $flyout-bg-color-pressed: mapcolorvariable('flyout-bg-color-pressed') !default;
505
- $flyout-bg-color-selected: mapcolorvariable('flyout-bg-color-selected') !default;
506
- $flyout-bg-color-focus: mapcolorvariable('flyout-bg-color-focus') !default;
507
- $flyout-bg-color-disabled: mapcolorvariable('flyout-bg-color-disabled') !default;
508
- $overlay-bg: mapcolorvariable('overlay-bg-color');
509
- $table-bg-color-hover: mapcolorvariable('table-bg-color-hover') !default;
510
- $table-bg-color-pressed: mapcolorvariable('table-bg-color-pressed') !default;
511
- $table-bg-color-selected: mapcolorvariable('table-bg-color-selected') !default;
512
- $text-input-bg-color: mapcolorvariable('text-input-bg-color') !default;
513
- $treeview-item-active-hover-bg: mapcolorvariable('treeview-item-active-hover-bg') !default;
514
-
515
- // text-color
516
- $content-text-color: mapcolorvariable('content-text-color') !default;
517
- $content-text-color-alt1: mapcolorvariable('content-text-color-alt1') !default;
518
- $content-text-color-alt2: mapcolorvariable('content-text-color-alt2') !default;
519
- $content-text-color-alt3: mapcolorvariable('content-text-color-alt3') !default;
520
- $content-text-color-alt4: mapcolorvariable('content-text-color-alt4') !default;
521
- $content-text-color-hover: mapcolorvariable('content-text-color-hover') !default;
522
- $content-text-color-pressed: mapcolorvariable('content-text-color-pressed') !default;
523
- $content-text-color-focus: mapcolorvariable('content-text-color-focus') !default;
524
- $content-text-color-selected: mapcolorvariable('content-text-color-selected') !default;
525
- $content-text-color-dragged: mapcolorvariable('content-text-color-dragged') !default;
526
- $content-text-color-disabled: mapcolorvariable('content-text-color-disabled') !default;
527
- $placeholder-text-color: mapcolorvariable('placeholder-text-color') !default;
528
- $flyout-text-color: mapcolorvariable('flyout-text-color') !default;
529
- $flyout-text-color-hover: mapcolorvariable('flyout-text-color-hover') !default;
530
- $flyout-text-color-pressed: mapcolorvariable('flyout-text-color-pressed') !default;
531
- $flyout-text-color-selected: mapcolorvariable('flyout-text-color-selected') !default;
532
- $flyout-text-color-focus: mapcolorvariable('flyout-text-color-focus') !default;
533
- $flyout-text-color-disabled: mapcolorvariable('flyout-text-color-disabled') !default;
534
- $table-text-color-hover: mapcolorvariable('table-text-color-hover') !default;
535
- $table-text-color-pressed: mapcolorvariable('table-text-color-pressed') !default;
536
- $table-text-color-selected: mapcolorvariable('table-text-color-selected') !default;
537
-
538
- // icon-color
539
- $icon-color: mapcolorvariable('icon-color') !default;
540
- $icon-color-hover: mapcolorvariable('icon-color-hover') !default;
541
- $icon-color-pressed: mapcolorvariable('icon-color-pressed') !default;
542
- $icon-color-disabled: mapcolorvariable('icon-color-disabled') !default;
543
-
544
- // border-color
545
- $border-light: mapcolorvariable('border-light') !default;
546
- $border: mapcolorvariable('border') !default;
547
- $border-dark: mapcolorvariable('border-dark') !default;
548
- $border-hover: mapcolorvariable('border-hover') !default;
549
- $border-pressed: mapcolorvariable('border-pressed') !default;
550
- $border-focus: mapcolorvariable('border-focus') !default;
551
- $border-selected: mapcolorvariable('border-selected') !default;
552
- $border-dragged:mapcolorvariable('border-dragged') !default;
553
- $border-disabled: mapcolorvariable('border-disabled') !default;
554
- $border-warning: mapcolorvariable('border-warning') !default;
555
- $border-error: mapcolorvariable('border-error') !default;
556
- $border-success: mapcolorvariable('border-success') !default;
557
- $spreadsheet-gridline: mapcolorvariable('spreadsheet-gridline') !default;
558
- $flyout-border: mapcolorvariable('flyout-border') !default;
559
- $dialog-border:mapcolorvariable('dialog-border') !default;
560
-
561
- //sf Variables
562
- $primary: mapcolorvariable('primary') !default;
563
- $secondary: mapcolorvariable('secondary') !default;
564
- $primary-text-color: mapcolorvariable('primary-text-color') !default;
565
- $primary-light: mapcolorvariable('primary-light') !default;
566
- $primary-lighter: mapcolorvariable('primary-lighter') !default;
567
- $primary-dark: mapcolorvariable('primary-dark') !default;
568
- $primary-darker: mapcolorvariable('primary-darker') !default;
569
- $success: mapcolorvariable('success') !default;
570
- $info: mapcolorvariable('info') !default;
571
- $warning: mapcolorvariable('warning') !default;
572
- $danger: mapcolorvariable('danger') !default;
573
- $success-light: mapcolorvariable('success-light') !default;
574
- $info-light: mapcolorvariable('info-light') !default;
575
- $warning-light: mapcolorvariable('warning-light') !default;
576
- $danger-light: mapcolorvariable('danger-light') !default;
577
- $success-dark: mapcolorvariable('success-dark') !default;
578
- $info-dark: mapcolorvariable('info-dark') !default;
579
- $warning-dark: mapcolorvariable('warning-dark') !default;
580
- $danger-dark: mapcolorvariable('danger-dark') !default;
581
- $success-light-alt: mapcolorvariable('success-light-alt') !default;
582
- $info-light-alt: mapcolorvariable('success-light-alt') !default;
583
- $warning-light-alt: mapcolorvariable('warning-light-alt') !default;
584
- $danger-light-alt: mapcolorvariable('danger-light-alt') !default;
585
- $success-lighter: mapcolorvariable('success-lighter') !default;
586
- $info-lighter: mapcolorvariable('info-lighter') !default;
587
- $warning-lighter: mapcolorvariable('warning-lighter') !default;
588
- $danger-lighter: mapcolorvariable('danger-lighter') !default;
589
-
590
- // Primary-button
591
- $primary-bg-color: mapcolorvariable('primary-bg-color') !default;
592
- $primary-border-color: mapcolorvariable('primary-border-color') !default;
593
- $primary-text: mapcolorvariable('primary-text') !default;
594
- $primary-bg-color-hover: mapcolorvariable('primary-bg-color-hover') !default;
595
- $primary-border-color-hover: mapcolorvariable('primary-border-color-hover') !default;
596
- $primary-text-hover: mapcolorvariable('primary-text-hover') !default;
597
- $primary-bg-color-pressed: mapcolorvariable('primary-bg-color-pressed') !default;
598
- $primary-border-color-pressed: mapcolorvariable('primary-border-color-pressed') !default;
599
- $primary-text-pressed: mapcolorvariable('primary-text-pressed') !default;
600
- $primary-bg-color-focus: mapcolorvariable('primary-bg-color-focus') !default;
601
- $primary-border-color-focus: mapcolorvariable('primary-border-color-focus') !default;
602
- $primary-text-focus: mapcolorvariable('primary-text-focus') !default;
603
- $primary-bg-color-disabled: mapcolorvariable('primary-bg-color-disabled') !default;
604
- $primary-border-color-disabled: mapcolorvariable('primary-border-color-disabled') !default;
605
- $primary-text-disabled: mapcolorvariable('primary-text-disabled') !default;
606
-
607
- // Secondary-button
608
- $secondary-bg-color: mapcolorvariable('secondary-bg-color') !default;
609
- $secondary-border-color: mapcolorvariable('secondary-border-color') !default;
610
- $secondary-text-color: mapcolorvariable('secondary-text-color') !default;
611
- $secondary-bg-color-hover: mapcolorvariable('secondary-bg-color-hover') !default;
612
- $secondary-border-color-hover: mapcolorvariable('secondary-border-color-hover') !default;
613
- $secondary-text-color-hover: mapcolorvariable('secondary-text-color-hover') !default;
614
- $secondary-bg-color-pressed: mapcolorvariable('secondary-bg-color-pressed') !default;
615
- $secondary-border-color-pressed: mapcolorvariable('secondary-border-color-pressed') !default;
616
- $secondary-text-color-pressed: mapcolorvariable('secondary-text-color-pressed') !default;
617
- $secondary-bg-color-focus: mapcolorvariable('secondary-bg-color-focus') !default;
618
- $secondary-border-color-focus: mapcolorvariable('secondary-border-color-focus') !default;
619
- $secondary-text-color-focus: mapcolorvariable('secondary-text-color-focus') !default;
620
- $secondary-bg-color-disabled: mapcolorvariable('secondary-bg-color-disabled') !default;
621
- $secondary-border-color-disabled: mapcolorvariable('secondary-border-color-disabled') !default;
622
- $secondary-text-color-disabled: mapcolorvariable('secondary-text-color-disabled') !default;
623
-
624
- // Success-button
625
- $success-bg-color: mapcolorvariable('success-bg-color') !default;
626
- $success-border-color: mapcolorvariable('success-border-color') !default;
627
- $success-text: mapcolorvariable('success-text') !default;
628
- $success-bg-color-hover: mapcolorvariable('success-bg-color-hover') !default;
629
- $success-border-color-hover: mapcolorvariable('success-border-color-hover') !default;
630
- $success-text-hover: mapcolorvariable('success-text-hover') !default;
631
- $success-bg-color-pressed: mapcolorvariable('success-bg-color-pressed') !default;
632
- $success-border-color-pressed: mapcolorvariable('success-border-color-pressed') !default;
633
- $success-text-pressed: mapcolorvariable('success-text-pressed') !default;
634
- $success-bg-color-focus: mapcolorvariable('success-bg-color-focus') !default;
635
- $success-border-color-focus: mapcolorvariable('success-border-color-focus') !default;
636
- $success-text-focus: mapcolorvariable('success-text-focus') !default;
637
- $success-bg-color-disabled: mapcolorvariable('success-bg-color-disabled') !default;
638
- $success-border-color-disabled: mapcolorvariable('success-border-color-disabled') !default;
639
- $success-text-disabled: mapcolorvariable('success-text-disabled') !default;
640
-
641
- // Warning-button
642
- $warning-bg-color: mapcolorvariable('warning-bg-color') !default;
643
- $warning-border-color: mapcolorvariable('warning-border-color') !default;
644
- $warning-text: mapcolorvariable('warning-text') !default;
645
- $warning-bg-color-hover: mapcolorvariable('warning-bg-color-hover') !default;
646
- $warning-border-color-hover: mapcolorvariable('warning-border-color-hover') !default;
647
- $warning-text-hover: mapcolorvariable('warning-text-hover') !default;
648
- $warning-bg-color-pressed: mapcolorvariable('warning-bg-color-pressed') !default;
649
- $warning-border-color-pressed: mapcolorvariable('warning-border-color-pressed') !default;
650
- $warning-text-pressed: mapcolorvariable('warning-text-pressed') !default;
651
- $warning-bg-color-focus: mapcolorvariable('warning-bg-color-focus') !default;
652
- $warning-border-color-focus: mapcolorvariable('warning-border-color-focus') !default;
653
- $warning-text-focus: mapcolorvariable('warning-text-focus') !default;
654
- $warning-bg-color-disabled: mapcolorvariable('warning-bg-color-disabled') !default;
655
- $warning-border-color-disabled: mapcolorvariable('warning-border-color-disabled') !default;
656
- $warning-text-disabled: mapcolorvariable('warning-text-disabled') !default;
657
-
658
- // Info-button
659
- $info-bg-color: mapcolorvariable('info-bg-color') !default;
660
- $info-border-color: mapcolorvariable('info-border-color') !default;
661
- $info-text: mapcolorvariable('info-text') !default;
662
- $info-bg-color-hover: mapcolorvariable('info-bg-color-hover') !default;
663
- $info-border-color-hover: mapcolorvariable('info-border-color-hover') !default;
664
- $info-text-hover: mapcolorvariable('info-text-hover') !default;
665
- $info-bg-color-pressed: mapcolorvariable('info-bg-color-pressed') !default;
666
- $info-border-color-pressed: mapcolorvariable('info-border-color-pressed') !default;
667
- $info-text-pressed: mapcolorvariable('info-text-pressed') !default;
668
- $info-bg-color-focus: mapcolorvariable('info-bg-color-focus') !default;
669
- $info-border-color-focus: mapcolorvariable('info-border-color-focus') !default;
670
- $info-text-focus: mapcolorvariable('info-text-focus') !default;
671
- $info-bg-color-disabled: mapcolorvariable('info-bg-color-disabled') !default;
672
- $info-border-color-disabled: mapcolorvariable('info-border-color-disabled') !default;
673
- $info-text-disabled: mapcolorvariable('info-text-disabled') !default;
674
-
675
- // danger-button
676
- $danger-bg-color: mapcolorvariable('danger-bg-color') !default;
677
- $danger-border-color: mapcolorvariable('danger-border-color') !default;
678
- $danger-text: mapcolorvariable('danger-text') !default;
679
- $danger-bg-color-hover: mapcolorvariable('danger-bg-color-hover') !default;
680
- $danger-border-color-hover: mapcolorvariable('danger-border-color-hover') !default;
681
- $danger-text-hover: mapcolorvariable('danger-text-hover') !default;
682
- $danger-bg-color-pressed: mapcolorvariable('danger-bg-color-pressed') !default;
683
- $danger-border-color-pressed: mapcolorvariable('danger-border-color-pressed') !default;
684
- $danger-text-pressed: mapcolorvariable('danger-text-pressed') !default;
685
- $danger-bg-color-focus: mapcolorvariable('danger-bg-color-focus') !default;
686
- $danger-border-color-focus: mapcolorvariable('danger-border-color-focus') !default;
687
- $danger-text-focus: mapcolorvariable('danger-text-focus') !default;
688
- $danger-bg-color-disabled: mapcolorvariable('danger-bg-color-disabled') !default;
689
- $danger-border-color-disabled: mapcolorvariable('danger-border-color-disabled') !default;
690
- $danger-text-disabled: mapcolorvariable('danger-text-disabled') !default;
691
-
692
- //Outline button
693
- $primary-outline: mapcolorvariable('primary-outline') !default;
694
- $secondary-outline: mapcolorvariable('secondary-outline') !default;
695
- $warning-outline: mapcolorvariable('warning-outline') !default;
696
- $danger-outline: mapcolorvariable('danger-outline') !default;
697
- $success-outline: mapcolorvariable('success-outline') !default;
698
- $info-outline: mapcolorvariable('info-outline') !default;
699
-
700
- // Tooltip
701
- $tooltip-bg-color: mapcolorvariable('tooltip-bg-color') !default;
702
- $tooltip-border: mapcolorvariable('tooltip-border') !default;
703
- $tooltip-text-color: mapcolorvariable('tooltip-text-color') !default;
704
-
705
- //appbar
706
- //Light
707
- $appbar-bg-color-alt1: mapcolorvariable('appbar-bg-color-alt1') !default;
708
- $appbar-color-alt1:mapcolorvariable('appbar-color-alt1') !default;
709
- $appbar-border-color-alt1: mapcolorvariable('appbar-border-color-alt1') !default;
710
- $appbar-hover-bg-color-alt1: mapcolorvariable('appbar-hover-bg-color-alt1') !default;
711
-
712
- //dark
713
- $appbar-bg-color-alt2: mapcolorvariable('appbar-bg-color-alt2') !default;
714
- $appbar-color-alt2: mapcolorvariable('appbar-color-alt2') !default;
715
- $appbar-border-color-alt2: mapcolorvariable('appbar-border-color-alt2') !default;
716
- $appbar-hover-bg-color-alt2: mapcolorvariable('appbar-hover-bg-color-alt2') !default;
717
-
718
- //diagram Palette color
719
- $diagram-palette-background: mapcolorvariable('diagram-palette-background') !default;
720
- $diagram-palette-hover-background: mapcolorvariable('diagram-palette-hover-background') !default;
721
- $diagram-palette-selected-background: mapcolorvariable('diagram-palette-selected-background') !default;
722
-
723
- //rating
724
- $rating-selected-color:mapcolorvariable('rating-selected-color') !default;
725
- $rating-unrated-color: mapcolorvariable('rating-unrated-color') !default;
726
- $rating-selected-disabled-color: mapcolorvariable('rating-selected-disabled-color') !default;
727
- $rating-unrated-disabled-color: mapcolorvariable('rating-unrated-disabled-color') !default;
728
- $rating-selected-hover-color: mapcolorvariable('rating-selected-hover-color') !default;
729
- $rating-unrated-hover-color: mapcolorvariable('rating-unrated-hover-color') !default;
730
- $rating-pressed-color: mapcolorvariable('rating-pressed-color') !default;
731
-
732
- //Message component
733
-
734
- //Message default
735
- $msg-color: mapcolorvariable('msg-color') !default;
736
- $msg-bg-color: mapcolorvariable('msg-bg-color') !default;
737
- $msg-border-color:mapcolorvariable('msg-border-color') !default;
738
- $msg-color-alt1: mapcolorvariable('msg-color-alt1') !default;
739
- $msg-bg-color-alt1: mapcolorvariable('msg-bg-color-alt1') !default;
740
- $msg-border-color-alt1: mapcolorvariable('msg-border-color-alt1') !default;
741
- $msg-color-alt2: mapcolorvariable('msg-color-alt2') !default;
742
- $msg-bg-color-alt2: mapcolorvariable('msg-bg-color-alt2') !default;
743
- $msg-border-color-alt2: mapcolorvariable('msg-border-color-alt2') !default;
744
- $msg-icon-color: mapcolorvariable('msg-icon-color') !default;
745
- $msg-icon-color-alt1: mapcolorvariable('msg-icon-color-alt1') !default;
746
- $msg-icon-color-alt2: mapcolorvariable('msg-icon-color-alt2') !default;
747
- $msg-close-icon-color: mapcolorvariable('msg-close-icon-color') !default;
748
- $msg-close-icon-color-alt1: mapcolorvariable('msg-close-icon-color-alt21') !default;
749
- $msg-close-icon-color-alt2: mapcolorvariable('msg-close-icon-color-alt2') !default;
750
-
751
- //Message success
752
- $msg-success-color: mapcolorvariable('msg-success-color') !default;
753
- $msg-success-bg-color: mapcolorvariable('msg-success-bg-color') !default;
754
- $msg-success-border-color: mapcolorvariable('msg-success-border-color') !default;
755
- $msg-success-color-alt1: mapcolorvariable('msg-success-color-alt1') !default;
756
- $msg-success-bg-color-alt1: mapcolorvariable('msg-success-bg-color-alt1') !default;
757
- $msg-success-border-color-alt1: mapcolorvariable('msg-success-border-color-alt1') !default;
758
- $msg-success-color-alt2: mapcolorvariable('msg-success-color-alt2') !default;
759
- $msg-success-bg-color-alt2: mapcolorvariable('msg-success-bg-color-alt2') !default;
760
- $msg-success-border-color-alt2: mapcolorvariable('msg-success-border-color-alt2') !default;
761
- $msg-success-icon-color: mapcolorvariable('msg-success-icon-color') !default;
762
- $msg-success-icon-color-alt1:mapcolorvariable('msg-success-icon-color-alt1') !default;
763
- $msg-success-icon-color-alt2: mapcolorvariable('msg-success-icon-color-alt2') !default;
764
- $msg-success-close-icon-color: mapcolorvariable('msg-success-close-icon-color') !default;
765
- $msg-success-close-icon-color-alt1: mapcolorvariable('msg-success-close-icon-color-alt1') !default;
766
- $msg-success-close-icon-color-alt2: mapcolorvariable('msg-success-close-icon-color-alt2') !default;
767
-
768
- //Message danger
769
- $msg-danger-color: mapcolorvariable('msg-danger-color') !default;
770
- $msg-danger-bg-color: mapcolorvariable('msg-danger-bg-color') !default;
771
- $msg-danger-border-color: mapcolorvariable('msg-danger-border-color') !default;
772
- $msg-danger-color-alt1: mapcolorvariable('msg-danger-color-alt1') !default;
773
- $msg-danger-bg-color-alt1: mapcolorvariable('msg-danger-bg-color-alt1') !default;
774
- $msg-danger-border-color-alt1: mapcolorvariable('msg-danger-border-color-alt1') !default;
775
- $msg-danger-color-alt2: mapcolorvariable('msg-danger-color-alt2') !default;
776
- $msg-danger-bg-color-alt2: mapcolorvariable('msg-danger-bg-color-alt2') !default;
777
- $msg-danger-border-color-alt2: mapcolorvariable('msg-danger-border-color-alt2') !default;
778
- $msg-danger-icon-color: mapcolorvariable('msg-danger-icon-color') !default;
779
- $msg-danger-icon-color-alt1: mapcolorvariable('msg-danger-icon-color-alt1') !default;
780
- $msg-danger-icon-color-alt2: mapcolorvariable('msg-danger-icon-color-alt2') !default;
781
- $msg-danger-close-icon-color: mapcolorvariable('msg-danger-close-icon-color') !default;
782
- $msg-danger-close-icon-color-alt1: mapcolorvariable('msg-danger-close-icon-color-alt1') !default;
783
- $msg-danger-close-icon-color-alt2: mapcolorvariable('msg-danger-close-icon-color-alt2') !default;
784
-
785
- //Message Info
786
- $msg-info-color: mapcolorvariable('msg-info-color') !default;
787
- $msg-info-bg-color: mapcolorvariable('msg-info-bg-color') !default;
788
- $msg-info-border-color: mapcolorvariable('msg-info-border-color') !default;
789
- $msg-info-color-alt1: mapcolorvariable('msg-info-color-alt1') !default;
790
- $msg-info-bg-color-alt1: mapcolorvariable('msg-info-bg-color-alt1') !default;
791
- $msg-info-border-color-alt1: mapcolorvariable('msg-info-border-color-alt1') !default;
792
- $msg-info-color-alt2: mapcolorvariable('msg-info-color-alt2') !default;
793
- $msg-info-bg-color-alt2: mapcolorvariable('msg-info-bg-color-alt2') !default;
794
- $msg-info-border-color-alt2: mapcolorvariable('msg-info-border-color-alt2') !default;
795
- $msg-info-icon-color: mapcolorvariable('msg-info-icon-color') !default;
796
- $msg-info-icon-color-alt1: mapcolorvariable('msg-info-icon-color-alt1') !default;
797
- $msg-info-icon-color-alt2:mapcolorvariable('msg-info-icon-color-alt2') !default;
798
- $msg-info-close-icon-color: mapcolorvariable('msg-info-close-icon-color') !default;
799
- $msg-info-close-icon-color-alt1: mapcolorvariable('msg-info-close-icon-color-alt1') !default;
800
- $msg-info-close-icon-color-alt2: mapcolorvariable('msg-info-close-icon-color-alt2') !default;
801
-
802
- //Message Warning
803
- $msg-warning-color: mapcolorvariable('msg-warning-color') !default;
804
- $msg-warning-bg-color: mapcolorvariable('msg-warning-bg-color') !default;
805
- $msg-warning-border-color: mapcolorvariable('msg-warning-border-color') !default;
806
- $msg-warning-color-alt1: mapcolorvariable('msg-warning-color-alt1') !default;
807
- $msg-warning-bg-color-alt1: mapcolorvariable('msg-warning-bg-color-alt1') !default;
808
- $msg-warning-border-color-alt1: mapcolorvariable('msg-warning-border-color-alt1') !default;
809
- $msg-warning-color-alt2: mapcolorvariable('msg-warning-color-alt2') !default;
810
- $msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2') !default;
811
- $msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2') !default;
812
- $msg-warning-icon-color: mapcolorvariable('msg-warning-icon-color') !default;
813
- $msg-warning-icon-color-alt1: mapcolorvariable('msg-warning-icon-color-alt1') !default;
814
- $msg-warning-icon-color-alt2: mapcolorvariable('msg-warning-icon-color-alt2') !default;
815
- $msg-warning-close-icon-color: mapcolorvariable('msg-warning-close-icon-color') !default;
816
- $msg-warning-close-icon-color-alt1: mapcolorvariable('msg-warning-close-icon-color-alt1') !default;
817
- $msg-warning-close-icon-color-alt2: mapcolorvariable('msg-warning-close-icon-color-alt2') !default;
818
-
819
-
820
- //Primary-chip
821
- $chip-primary-bg-color: mapcolorvariable('chip-primary-bg-color') !default;
822
- $chip-primary-icon-color: mapcolorvariable('chip-primary-icon-color') !default;
823
- $chip-primary-border-color: mapcolorvariable('chip-primary-border-color') !default;
824
- $chip-primary-text: mapcolorvariable('chip-primary-text') !default;
825
- $chip-primary-icon-color-hover: mapcolorvariable('chip-primary-icon-color-hover') !default;
826
- $chip-primary-icon-color-pressed: mapcolorvariable('chip-primary-icon-color-pressed') !default;
827
- $chip-primary-bg-color-hover: mapcolorvariable('chip-primary-bg-color-hover') !default;
828
- $chip-primary-border-color-hover: mapcolorvariable('chip-primary-border-color-hover') !default;
829
- $chip-primary-text-hover: mapcolorvariable('chip-primary-text-hover') !default;
830
- $chip-primary-bg-color-pressed: mapcolorvariable('chip-primary-bg-color-pressed') !default;
831
- $chip-primary-icon-bg-color-pressed: mapcolorvariable('chip-primary-icon-bg-color-pressed') !default;
832
- $chip-primary-icon-bg-color-hover: mapcolorvariable('chip-primary-icon-bg-color-hover') !default;
833
- $chip-primary-border-color-pressed: mapcolorvariable('chip-primary-border-color-pressed') !default;
834
- $chip-primary-text-pressed: mapcolorvariable('chip-primary-text-pressed') !default;
835
- $chip-primary-bg-color-disabled: mapcolorvariable('chip-primary-bg-color-disabled') !default;
836
- $chip-primary-border-color-disabled: mapcolorvariable('chip-primary-border-color-disabled') !default;
837
- $chip-primary-text-disabled: mapcolorvariable('chip-primary-text-disabled') !default;
838
-
839
-
840
- //Secondary-chip
841
- $chip-secondary-bg-color: mapcolorvariable('chip-secondary-bg-color') !default;
842
- $chip-secondary-icon-color: mapcolorvariable('chip-secondary-icon-color') !default;
843
- $chip-secondary-border-color: mapcolorvariable('chip-secondary-border-color') !default;
844
- $chip-secondary-text: mapcolorvariable('chip-secondary-text') !default;
845
- $chip-secondary-icon-color-hover: mapcolorvariable('chip-secondary-icon-color-hover') !default;
846
- $chip-secondary-icon-color-pressed: mapcolorvariable('chip-secondary-icon-color-pressed') !default;
847
- $chip-secondary-bg-color-hover: mapcolorvariable('chip-secondary-bg-color-hover') !default;
848
- $chip-secondary-border-color-hover: mapcolorvariable('chip-secondary-border-color-hover') !default;
849
- $chip-secondary-text-hover: mapcolorvariable('chip-secondary-text-hover') !default;
850
- $chip-secondary-bg-color-pressed: mapcolorvariable('chip-secondary-bg-color-pressed') !default;
851
- $chip-secondary-icon-bg-color-pressed: mapcolorvariable('chip-secondary-icon-bg-color-pressed') !default;
852
- $chip-secondary-icon-bg-color-hover: mapcolorvariable('chip-secondary-icon-bg-color-hover') !default;
853
- $chip-secondary-border-color-pressed: mapcolorvariable('chip-secondary-border-color-pressed') !default;
854
- $chip-secondary-text-pressed: mapcolorvariable('chip-secondary-text-pressed') !default;
855
- $chip-secondary-bg-color-disabled: mapcolorvariable('chip-secondary-bg-color-disabled') !default;
856
- $chip-secondary-border-color-disabled: mapcolorvariable('chip-secondary-border-color-disabled') !default;
857
- $chip-secondary-text-disabled: mapcolorvariable('chip-secondary-text-disabled') !default;
858
-
859
- //Success-chip
860
- $chip-success-bg-color: mapcolorvariable('chip-success-bg-color') !default;
861
- $chip-success-icon-color: mapcolorvariable('chip-success-icon-color') !default;
862
- $chip-success-border-color: mapcolorvariable('chip-success-border-color') !default;
863
- $chip-success-text: mapcolorvariable('chip-success-text') !default;
864
- $chip-success-icon-color-hover: mapcolorvariable('chip-success-icon-color-hover') !default;
865
- $chip-success-icon-color-pressed: mapcolorvariable('chip-success-icon-color-pressed') !default;
866
- $chip-success-bg-color-hover: mapcolorvariable('chip-success-bg-color-hover') !default;
867
- $chip-success-border-color-hover: mapcolorvariable('chip-success-border-color-hover') !default;
868
- $chip-success-text-hover: mapcolorvariable('chip-success-text-hover') !default;
869
- $chip-success-bg-color-pressed: mapcolorvariable('chip-success-bg-color-pressed') !default;
870
- $chip-success-icon-bg-color-pressed: mapcolorvariable('chip-success-icon-bg-color-pressed') !default;
871
- $chip-success-icon-bg-color-hover: mapcolorvariable('chip-success-icon-bg-color-hover') !default;
872
- $chip-success-border-color-pressed: mapcolorvariable('chip-success-border-color-pressed') !default;
873
- $chip-success-text-pressed: mapcolorvariable('chip-success-text-pressed') !default;
874
- $chip-success-bg-color-disabled: mapcolorvariable('chip-success-bg-color-disabled') !default;
875
- $chip-success-border-color-disabled: mapcolorvariable('chip-success-border-color-disabled') !default;
876
- $chip-success-text-disabled: mapcolorvariable('chip-success-text-disabled') !default;
877
-
878
- //Warning-chip
879
- $chip-warning-bg-color: mapcolorvariable('chip-warning-bg-color') !default;
880
- $chip-warning-icon-color: mapcolorvariable('chip-warning-icon-color') !default;
881
- $chip-warning-border-color: mapcolorvariable('chip-warning-border-color') !default;
882
- $chip-warning-text: mapcolorvariable('chip-warning-text') !default;
883
- $chip-warning-icon-color-hover: mapcolorvariable('chip-warning-icon-color-hover') !default;
884
- $chip-warning-icon-color-pressed: mapcolorvariable('chip-warning-icon-color-pressed') !default;
885
- $chip-warning-bg-color-hover: mapcolorvariable('chip-warning-bg-color-hover') !default;
886
- $chip-warning-border-color-hover: mapcolorvariable('chip-warning-border-color-hover') !default;
887
- $chip-warning-text-hover: mapcolorvariable('chip-warning-text-hover') !default;
888
- $chip-warning-bg-color-pressed: mapcolorvariable('chip-warning-bg-color-pressed') !default;
889
- $chip-warning-icon-bg-color-pressed: mapcolorvariable('chip-warning-icon-bg-color-pressed') !default;
890
- $chip-warning-icon-bg-color-hover: mapcolorvariable('chip-warning-icon-bg-color-hover') !default;
891
- $chip-warning-border-color-pressed: mapcolorvariable('chip-warning-border-color-pressed') !default;
892
- $chip-warning-text-pressed: mapcolorvariable('chip-warning-text-pressed') !default;
893
- $chip-warning-bg-color-disabled: mapcolorvariable('chip-warning-bg-color-disabled') !default;
894
- $chip-warning-border-color-disabled: mapcolorvariable('chip-warning-border-color-disabled') !default;
895
- $chip-warning-text-disabled: mapcolorvariable('chip-warning-text-disabled') !default;
896
-
897
-
898
- //danger-chip
899
- $chip-danger-bg-color: mapcolorvariable('chip-danger-bg-color') !default;
900
- $chip-danger-icon-color: mapcolorvariable('chip-danger-icon-color') !default;
901
- $chip-danger-border-color: mapcolorvariable('chip-danger-border-color') !default;
902
- $chip-danger-text: mapcolorvariable('chip-danger-text') !default;
903
- $chip-danger-icon-color-hover: mapcolorvariable('chip-danger-icon-color-hover') !default;
904
- $chip-danger-icon-color-pressed: mapcolorvariable('chip-danger-icon-color-pressed') !default;
905
- $chip-danger-bg-color-hover: mapcolorvariable('chip-danger-bg-color-hover') !default;
906
- $chip-danger-border-color-hover: mapcolorvariable('chip-danger-border-color-hover') !default;
907
- $chip-danger-text-hover: mapcolorvariable('chip-danger-text-hover') !default;
908
- $chip-danger-bg-color-pressed: mapcolorvariable('chip-danger-bg-color-pressed') !default;
909
- $chip-danger-icon-bg-color-pressed: mapcolorvariable('chip-danger-icon-bg-color-pressed') !default;
910
- $chip-danger-icon-bg-color-hover: mapcolorvariable('chip-danger-icon-bg-color-hover') !default;
911
- $chip-danger-border-color-pressed: mapcolorvariable('chip-danger-border-color-pressed') !default;
912
- $chip-danger-text-pressed: mapcolorvariable('chip-danger-text-pressed') !default;
913
- $chip-danger-bg-color-disabled: mapcolorvariable('chip-danger-bg-color-disabled') !default;
914
- $chip-danger-border-color-disabled: mapcolorvariable('chip-danger-border-color-disabled') !default;
915
- $chip-danger-text-disabled: mapcolorvariable('chip-danger-text-disabled') !default;
916
-
917
- //Info-chip
918
- $chip-info-bg-color: mapcolorvariable('chip-info-bg-color') !default;
919
- $chip-info-icon-color: mapcolorvariable('chip-info-icon-color') !default;
920
- $chip-info-border-color: mapcolorvariable('chip-info-border-color') !default;
921
- $chip-info-text: mapcolorvariable('chip-info-text') !default;
922
- $chip-info-icon-color-hover: mapcolorvariable('chip-info-icon-color-hover') !default;
923
- $chip-info-icon-color-pressed: mapcolorvariable('chip-info-icon-color-pressed') !default;
924
- $chip-info-bg-color-hover: mapcolorvariable('chip-info-bg-color-hover') !default;
925
- $chip-info-border-color-hover: mapcolorvariable('chip-info-border-color-hover') !default;
926
- $chip-info-text-hover: mapcolorvariable('chip-info-text-hover') !default;
927
- $chip-info-bg-color-pressed: mapcolorvariable('chip-info-bg-color-pressed') !default;
928
- $chip-info-icon-bg-color-pressed: mapcolorvariable('chip-info-icon-bg-color-pressed') !default;
929
- $chip-info-icon-bg-color-hover: mapcolorvariable('chip-info-icon-bg-color-hover') !default;
930
- $chip-info-border-color-pressed: mapcolorvariable('chip-info-border-color-pressed') !default;
931
- $chip-info-text-pressed: mapcolorvariable('chip-info-text-pressed') !default;
932
- $chip-info-bg-color-disabled: mapcolorvariable('chip-info-bg-color-disabled') !default;
933
- $chip-info-border-color-disabled: mapcolorvariable('chip-info-border-color-disabled') !default;
934
- $chip-info-text-disabled: mapcolorvariable('chip-info-text-disabled') !default;
935
-
936
- //badge
937
- $badge-primary-bg-color-darken: mapcolorvariable('badge-primary-bg-color-darken') !default;
938
- $badge-secondary-bg-color-darken: mapcolorvariable('badge-secondary-bg-color-darken') !default;
939
- $badge-success-bg-color-darken: mapcolorvariable('badge-success-bg-color-darken') !default;
940
- $badge-danger-bg-color-darken: mapcolorvariable('badge-danger-bg-color-darken') !default;
941
- $badge-warning-bg-color-darken: mapcolorvariable('badge-warning-bg-color-darken') !default;
942
- $badge-info-bg-color-darken: mapcolorvariable('badge-info-bg-color-darken') !default;
943
- $badge-light-bg-color-darken: mapcolorvariable('badge-light-bg-color-darken') !default;
944
- $badge-dark-bg-color-darken: mapcolorvariable('badge-dark-bg-color-darken') !default;
945
-
946
- //tab
947
- $tab-border: mapcolorvariable('tab-border') !default;
948
-
949
- // close-icon-color
950
- $close-icon-color: mapcolorvariable('close-icon-color') !default;
951
- $close-icon-color-hover: mapcolorvariable('close-icon-color-hover') !default;
952
- $close-icon-color-pressed: mapcolorvariable('close-icon-color-pressed') !default;
953
- $close-icon-color-disabled: mapcolorvariable('close-icon-color-disabled') !default;
954
-
955
- //badge
956
- $badge-light-bg-color: mapcolorvariable('badge-light-bg-color') !default;
957
- $badge-light-border-color: mapcolorvariable('badge-light-border-color') !default;
958
- $badge-light-text-color: mapcolorvariable('badge-light-text-color') !default;
959
- $badge-dark-bg-color: mapcolorvariable('badge-dark-bg-color') !default;
960
- $badge-dark-border-color: mapcolorvariable('badge-dark-border-color') !default;
961
- $badge-dark-text-color: mapcolorvariable('badge-dark-text-color') !default;
962
-
963
- //breadcrumb
964
- $breadcrumb-item-hover-color: mapcolorvariable('breadcrumb-item-hover-color') !default;
965
- $breadcrumb-item-active-color: mapcolorvariable('breadcrumb-item-active-color') !default;
966
- $breadcrumb-item-focus-border-color: mapcolorvariable('breadcrumb-item-focus-border-color') !default;
967
-
968
- //stepper
969
- $stepper: mapcolorvariable('stepper') !default;
970
- $shadow-color: mapcolorvariable('shadow-color') !default;
971
- $shadow-color1: mapcolorvariable('shadow-color1') !default;
972
-
973
- $primary-shadow: mapcolorvariable('primary-shadow') !default;
974
- $secondary-shadow: mapcolorvariable('secondary-shadow') !default;
975
- $success-shadow: mapcolorvariable('success-shadow') !default;
976
- $danger-shadow: mapcolorvariable('danger-shadow') !default;
977
- $info-shadow: mapcolorvariable('info-shadow') !default;
978
- $warning-shadow: mapcolorvariable('warning-shadow') !default;
979
-
980
- // black
981
- $black: mapcolorvariable('black') !default;
982
-
983
- // White
984
- $white: mapcolorvariable('white') !default;
985
-
986
- // Transparent
987
- $transparent: mapcolorvariable('transparent') !default;
988
-
989
- // scss-docs-start gray-color-variables
990
- $gray-50: #f9fafb !default;
991
- $gray-100: #f3f4f6 !default;
992
- $gray-200: #e5e7eb !default;
993
- $gray-300: #d1d5db !default;
994
- $gray-400: #9ca3af !default;
995
- $gray-500: #6b7280 !default;
996
- $gray-600: #4b5563 !default;
997
- $gray-700: #374151 !default;
998
- $gray-800: #1f2937 !default;
999
- $gray-900: #111827 !default;
1000
- $gray-950: #030712 !default;
1001
-
1002
- // scss-docs-start color-variables
1003
- $blue: #0d6efd !default;
1004
- $indigo: #6610f2 !default;
1005
- $purple: #6f42c1 !default;
1006
- $pink: #d63384 !default;
1007
- $red: #dc3545 !default;
1008
- $orange: #fd7e14 !default;
1009
- $yellow: #ffc107 !default;
1010
- $green: #198754 !default;
1011
- $teal: #20c997 !default;
1012
- $cyan: #0dcaf0 !default;
1013
-
1014
- $primary: $primary !default;
1015
- $primary-dark: $primary-dark !default;
1016
- $primary-darker: $primary-darker !default;
1017
- $secondary: $secondary !default;
1018
- $success: $success !default;
1019
- $info: $info !default;
1020
- $warning: $warning !default;
1021
- $danger: $danger !default;
1022
- $success-light: $success-light !default;
1023
- $info-light: $info-light !default;
1024
- $warning-light: $warning-light !default;
1025
- $danger-light: $danger-light !default;
1026
- $primary-text-color: $primary-text-color !default;
1027
- $primary-light: $primary-light !default;
1028
- $primary-lighter: $primary-lighter !default;
1029
- $success-dark: $success-dark !default;
1030
- $info-dark: $info-dark !default;
1031
- $warning-dark: $warning-dark !default;
1032
- $danger-dark: $danger-dark !default;
1033
- $success-light-alt: $success-light-alt !default;
1034
- $info-light-alt: $info-light-alt !default;
1035
- $warning-light-alt: $warning-light-alt !default;
1036
- $danger-light-alt: $danger-light-alt !default;
1037
-
1038
- // backgroundcolor
1039
- $content-bg-color: $content-bg-color !default;
1040
- $content-bg-color-alt1: $content-bg-color-alt1 !default;
1041
- $content-bg-color-alt2: $content-bg-color-alt2 !default;
1042
- $content-bg-color-alt3: $content-bg-color-alt3 !default;
1043
- $content-bg-color-alt4: $content-bg-color-alt4 !default;
1044
- $content-bg-color-alt5: $content-bg-color-alt5 !default;
1045
- $content-bg-color-hover: $content-bg-color-hover !default;
1046
- $content-bg-color-pressed: $content-bg-color-pressed !default;
1047
- $content-bg-color-focus: $content-bg-color-focus !default;
1048
- $content-bg-color-selected: $content-bg-color-selected !default;
1049
- $content-bg-color-dragged: $content-bg-color-dragged !default;
1050
- $content-bg-color-disabled: $content-bg-color-disabled !default;
1051
- $flyout-bg-color: $flyout-bg-color !default;
1052
- $flyout-bg-color-hover: $flyout-bg-color-hover !default;
1053
- $flyout-bg-color-pressed: $flyout-bg-color-pressed !default;
1054
- $flyout-bg-color-selected: $flyout-bg-color-selected !default;
1055
- $flyout-bg-color-focus: $flyout-bg-color-focus !default;
1056
- $flyout-bg-color-disabled: $flyout-bg-color-disabled !default;
1057
- $overlay-bg-color: $overlay-bg !default;
1058
- $table-bg-color-hover: $table-bg-color-hover !default;
1059
- $table-bg-color-pressed: $table-bg-color-pressed !default;
1060
- $table-bg-color-selected: $table-bg-color-selected !default;
1061
-
1062
- // all theme common color
1063
- $colorpicker-gradient-1: #f00 !default;
1064
- $colorpicker-gradient-2: #ff0 !default;
1065
- $ccolorpicker-gradient-3: #0f0 !default;
1066
- $colorpicker-gradient-4: #0ff !default;
1067
- $colorpicker-gradient-5: #00f !default;
1068
- $colorpicker-gradient-6: #f0f !default;
1069
- $colorpicker-gradient-7: #ff0004 !default;
1070
- $spreadsheet-selection-1: #673ab8 !default;
1071
- $spreadsheet-selection-2: #9c27b0 !default;
1072
- $spreadsheet-selection-3: #029688 !default;
1073
- $spreadsheet-selection-4: #4caf51 !default;
1074
- $spreadsheet-selection-5: #fe9800 !default;
1075
- $spreadsheet-selection-6: #3f52b5 !default;
1076
-
1077
- // text-color
1078
- $content-text-color: $content-text-color !default;
1079
- $content-text-color-alt1: $content-text-color-alt1 !default;
1080
- $content-text-color-alt2: $content-text-color-alt2 !default;
1081
- $content-text-color-alt3: $content-text-color-alt3 !default;
1082
- $content-text-color-alt4: $content-text-color-alt4 !default;
1083
- $content-text-color-hover: $content-text-color-hover !default;
1084
- $content-text-color-pressed: $content-text-color-pressed !default;
1085
- $content-text-color-focus: $content-text-color-focus !default;
1086
- $content-text-color-selected: $content-text-color-selected !default;
1087
- $content-text-color-dragged: $content-text-color-dragged !default;
1088
- $content-text-color-disabled: $content-text-color-disabled !default;
1089
- $placeholder-text-color: $placeholder-text-color !default;
1090
- $flyout-text-color: $flyout-text-color !default;
1091
- $flyout-text-color-hover: $flyout-text-color-hover !default;
1092
- $flyout-text-color-pressed: $flyout-text-color-pressed !default;
1093
- $flyout-text-color-selected: $flyout-text-color-selected !default;
1094
- $flyout-text-color-disabled: $flyout-text-color-disabled !default;
1095
- $flyout-text-color-focus: $flyout-text-color-focus !default;
1096
- $table-text-color-hover: $table-text-color-hover !default;
1097
- $table-text-color-pressed: $table-text-color-pressed !default;
1098
- $table-text-color-selected: $table-text-color-selected !default;
1099
-
1100
- // icon-color
1101
- $icon-color: $icon-color !default;
1102
- $icon-color-hover: $icon-color-hover !default;
1103
- $icon-color-pressed: $icon-color-pressed !default;
1104
- $icon-color-disabled: $icon-color-disabled !default;
1105
-
1106
- // close-icon-color
1107
- $close-icon-color: $close-icon-color !default;
1108
- $close-icon-color-hover: $close-icon-color-hover !default;
1109
- $close-icon-color-pressed: $close-icon-color-pressed !default;
1110
- $close-icon-color-disabled: $close-icon-color-disabled !default;
1111
-
1112
- // border-color
1113
- $border-light: $border-light !default;
1114
- $border: $border !default;
1115
- $border-dark: $border-dark !default;
1116
- $border-hover: $border-hover !default;
1117
- $border-pressed: $border-pressed !default;
1118
- $border-focus: $border-focus !default;
1119
- $border-selected: $border-selected !default;
1120
- $border-dragged: $border-dragged !default;
1121
- $border-disabled: $border-disabled !default;
1122
- $border-warning: $border-warning !default;
1123
- $border-error: $border-error !default;
1124
- $border-success: $border-success !default;
1125
- $spreadsheet-gridline: $spreadsheet-gridline !default;
1126
- $flyout-border: $flyout-border !default;
1127
-
1128
- // Tooltip
1129
- $tooltip-bg-color: $tooltip-bg-color !default;
1130
- $tooltip-border: $tooltip-border !default;
1131
- $tooltip-text-color: $tooltip-text-color !default;
1132
-
1133
- // shadow
1134
- $shadow: 0 1px 2px -1px rgba($black, .1), 0 1px 3px 0 rgba($black, .1) !default;
1135
- $shadow-sm: 0 1px 2px 0 rgba($black, .05) !default;
1136
- $shadow-md: 0 2px 4px -2px rgba($black, .1), 0 4px 6px -1px rgba($black, .1) !default;
1137
- $shadow-lg: 0 0 4px 0 rgba($black, .1), 0 4px 6px -4px rgba($black, .1),0 10px 15px -3px rgba($black, .1) !default;
1138
- $shadow-xl: 0 8px 10px -6px rgba($black, .1), 0 20px 25px -5px rgba($black, .1) !default;
1139
- $shadow-2xl: 0 25px 50px -12px rgba($black, .25) !default;
1140
- $shadow-inner: inset 0 2px 4px 0 rgba($black, .05) !default;
1141
- $shadow-none: 0 0 rgba($black, 0) !default;
1142
- $shadow-focus-ring1: 0 0 0 2px $content-bg-color, 0 0 0 4px $primary !default;
1143
- $shadow-focus-ring2: inset 0 0 0 2px $primary !default;
1144
- $primary-shadow-focus: 0 0 0 4px rgba($primary, .5) !default;
1145
- $fab-shadow: 0 4px 6px -4px rgba($black, .1), 0 10px 15px -3px rgba($black, .1) !default;
1146
- $appbar-bottom-shadow: 0 4px 6px -1px rgba($black, .1), 0 2px 4px -2px rgba($black, .1) !default;
1147
- $appbar-top-shadow: 0 -4px 6px -1px rgba($black, .06), 0 -2px 4px -2px rgba($black, .1) !default;
1148
- $shadow-stepper-large: 0 0 0 4px rgba($content-bg-color) !default;
1149
- $shadow-stepper-small: 0 0 0 4px rgba($content-bg-color) !default;
1150
-
1151
- // shadow
1152
- $shadow: 0 .8px 16px rgba($black, .15) !default;
1153
- $shadow-sm: 0 2px 4px rgba($black, .075) !default;
1154
- $shadow-md: 0 8px 12px rgba($black, .15) !default;
1155
- $shadow-lg: 0 16px 48px rgba($black, .175) !default;
1156
- $shadow-xl: 0 20px 25px -5px rgba($black, .1), 0 10px 10px -5px rgba($black, .04) !default;
1157
- $shadow-2xl: 0 25px 50px -12px rgba($black, .25) !default;
1158
- $shadow-inner: inset 0 1px 2px rgba($black, .075) !default;
1159
- $shadow-none: 0 0 rgba($black, 0) !default;
1160
- $shadow-focus-ring1: 0 0 0 4px rgba($primary-shadow, .25) !default;
1161
- $shadow-focus-ring2: 0 0 0 4px rgba($primary-shadow, .25) !default;
1162
- $primary-shadow-focus: 0 0 0 4px rgba($primary-shadow, .5) !default;
1163
- $secondary-shadow-focus: 0 0 0 4px rgba($secondary-shadow, .5) !default;
1164
- $success-shadow-focus: 0 0 0 4px rgba($success-shadow, .5) !default;
1165
- $danger-shadow-focus: 0 0 0 4px rgba($danger-shadow, .5) !default;
1166
- $info-shadow-focus: 0 0 0 4px rgba($info-shadow, .5) !default;
1167
- $warning-shadow-focus: 0 0 0 4px rgba($warning-shadow, .5) !default;
1168
- $keyboard-focus-shadow: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1169
-
1170
- // fontfamily
1171
- $font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default;
1172
-
1173
- // default font Size
1174
- $text-xxs: 10px !default;
1175
- $text-xs: 12px !default;
1176
- $text-sm: 14px !default;
1177
- $text-base: 16px !default;
1178
- $text-lg: 18px !default;
1179
- $text-xl: 20px !default;
1180
- $text-2xl: 24px !default;
1181
- $text-3xl: 30px !default;
1182
- $text-4xl: 36px !default;
1183
- $text-5xl: 48px !default;
1184
- $text-6xl: 60px !default;
1185
- $text-7xl: 72px !default;
1186
- $text-8xl: 96px !default;
1187
- $text-9xl: 128px !default;
1188
-
1189
- // heading
1190
- $h1-font-size: 40px !default;
1191
- $h2-font-size: 32px !default;
1192
- $h3-font-size: 28px !default;
1193
- $h4-font-size: $text-2xl !default;
1194
- $h5-font-size: $text-xl !default;
1195
- $h6-font-size: $text-base !default;
1196
-
1197
- // display
1198
-
1199
- // Line height
1200
- $leading-none: 1 !default;
1201
- $leading-tight: 1.25 !default;
1202
- $leading-snug: 1.375 !default;
1203
- $leading-normal: 1.5 !default;
1204
- $leading-relaxed: 1.625 !default;
1205
- $leading-loose: 2 !default;
1206
-
1207
- // font Weight
1208
- $font-weight: 400 !default;
1209
- $font-weight-lighter: lighter !default;
1210
- $font-weight-light: 300 !default;
1211
- $font-weight-normal: 400 !default;
1212
- $font-weight-medium: 500 !default;
1213
- $font-weight-semibold: 600 !default;
1214
- $font-weight-bold: 700 !default;
1215
- $font-weight-bolder: bolder !default;
1216
-
1217
- // Secondary-button
1218
- $secondary-bg-color: $secondary-bg-color !default;
1219
- $secondary-border-color: $secondary-border-color !default;
1220
- $secondary-text-color: $secondary-text-color !default;
1221
- $secondary-bg-color-hover: $secondary-bg-color-hover !default;
1222
- $secondary-border-color-hover: $secondary-border-color-hover !default;
1223
- $secondary-text-color-hover: $secondary-text-color-hover !default;
1224
- $secondary-bg-color-pressed: $secondary-bg-color-pressed !default;
1225
- $secondary-border-color-pressed: $secondary-border-color-pressed !default;
1226
- $secondary-text-color-pressed: $secondary-text-color-pressed !default;
1227
- $secondary-bg-color-focus: $secondary-bg-color-focus !default;
1228
- $secondary-border-color-focus: $secondary-border-color-focus !default;
1229
- $secondary-text-color-focus: $secondary-text-color-focus !default;
1230
- $secondary-bg-color-disabled: $secondary-bg-color-disabled !default;
1231
- $secondary-border-color-disabled: $secondary-bg-color-disabled !default;
1232
- $secondary-text-color-disabled: rgba($secondary-text-color, .65) !default;
1233
-
1234
- // Primary-button
1235
-
1236
- $primary-bg-color: rgba($primary-bg-color, 1) !default;
1237
- $primary-border-color: $primary-border-color !default;
1238
- $primary-text: $primary-text !default;
1239
- $primary-bg-color-hover: $primary-bg-color-hover !default;
1240
- $primary-border-color-hover: $primary-border-color-hover !default;
1241
- $primary-text-hover: $primary-text-hover !default;
1242
- $primary-bg-color-pressed: $primary-bg-color-pressed !default;
1243
- $primary-border-color-pressed: $primary-border-color-pressed !default;
1244
- $primary-text-pressed: $primary-text-pressed !default;
1245
- $primary-bg-color-focus: $primary-bg-color-focus !default;
1246
- $primary-border-color-focus: $primary-border-color-focus !default;
1247
- $primary-text-focus: $primary-text-focus !default;
1248
- $primary-bg-color-disabled: $primary-bg-color-disabled !default;
1249
- $primary-border-color-disabled: $primary-border-color-disabled !default;
1250
- $primary-text-disabled: $primary-text-disabled !default;
1251
-
1252
- // Success-button
1253
- $success-bg-color: rgba($success-bg-color, 1) !default;
1254
- $success-border-color: $success-border-color !default;
1255
- $success-text: $success-text !default;
1256
- $success-bg-color-hover: $success-bg-color-hover !default;
1257
- $success-border-color-hover: $success-border-color-hover !default;
1258
- $success-text-hover: $success-text-hover !default;
1259
- $success-bg-color-pressed: $success-bg-color-pressed !default;
1260
- $success-border-color-pressed: $success-border-color-pressed !default;
1261
- $success-text-pressed: $success-text-pressed !default;
1262
- $success-bg-color-focus: $success-bg-color-focus !default;
1263
- $success-border-color-focus: $success-border-color-focus !default;
1264
- $success-text-focus: $success-text-focus !default;
1265
- $success-bg-color-disabled: $success-bg-color-disabled !default;
1266
- $success-border-color-disabled: $success-border-color-disabled !default;
1267
- $success-text-disabled: $success-text-disabled !default;
1268
-
1269
- // Warning-button
1270
- $warning-bg-color: rgba($warning-bg-color, 1) !default;
1271
- $warning-border-color: $warning-border-color !default;
1272
- $warning-text: $warning-text !default;
1273
- $warning-bg-color-hover: $warning-bg-color-hover !default;
1274
- $warning-border-color-hover: $warning-border-color-hover !default;
1275
- $warning-text-hover: $warning-text-hover !default;
1276
- $warning-bg-color-pressed: $warning-bg-color-pressed !default;
1277
- $warning-border-color-pressed: $warning-border-color-pressed !default;
1278
- $warning-text-pressed: $warning-text-pressed !default;
1279
- $warning-bg-color-focus: $warning-bg-color-focus !default;
1280
- $warning-border-color-focus: $warning-border-color-focus !default;
1281
- $warning-text-focus: $warning-text-focus !default;
1282
- $warning-bg-color-disabled: $warning-bg-color-disabled !default;
1283
- $warning-border-color-disabled: $warning-border-color-disabled !default;
1284
- $warning-text-disabled: $warning-text-disabled !default;
1285
-
1286
- // Info-button
1287
- $info-bg-color: rgba($info-bg-color, 1) !default;
1288
- $info-border-color: $info-border-color !default;
1289
- $info-text: $info-text !default;
1290
- $info-bg-color-hover: $info-bg-color-hover !default;
1291
- $info-border-color-hover: $info-border-color-hover !default;
1292
- $info-text-hover: $info-text-hover !default;
1293
- $info-bg-color-pressed: $info-bg-color-pressed !default;
1294
- $info-border-color-pressed: $info-border-color-pressed !default;
1295
- $info-text-pressed: $info-text-pressed !default;
1296
- $info-bg-color-focus: $info-bg-color-focus !default;
1297
- $info-border-color-focus: $info-border-color-focus !default;
1298
- $info-text-focus: $info-text-focus !default;
1299
- $info-bg-color-disabled: $info-bg-color-disabled !default;
1300
- $info-border-color-disabled: $info-border-color-disabled !default;
1301
- $info-text-disabled: $info-text-disabled !default;
1302
-
1303
- // danger-button
1304
- $danger-bg-color: rgba($danger-bg-color, 1) !default;
1305
- $danger-border-color: $danger-border-color !default;
1306
- $danger-text: $danger-text !default;
1307
- $danger-bg-color-hover: $danger-bg-color-hover !default;
1308
- $danger-border-color-hover: $danger-border-color-hover !default;
1309
- $danger-text-hover: $danger-text-hover !default;
1310
- $danger-bg-color-pressed: $danger-bg-color-pressed !default;
1311
- $danger-border-color-pressed: $danger-border-color-pressed !default;
1312
- $danger-text-pressed: $danger-text-pressed !default;
1313
- $danger-bg-color-focus: $danger-bg-color-focus !default;
1314
- $danger-border-color-focus: $danger-border-color-focus !default;
1315
- $danger-text-focus: $danger-text-focus !default;
1316
- $danger-bg-color-disabled: $danger-bg-color-disabled !default;
1317
- $danger-border-color-disabled: $danger-border-color-disabled !default;
1318
- $danger-text-disabled: $danger-text-disabled !default;
1319
-
1320
- //Outline button
1321
- $primary-outline: $primary-outline !default;
1322
- $secondary-outline: $secondary-outline !default;
1323
- $warning-outline: $warning-outline !default;
1324
- $danger-outline: $danger-outline !default;
1325
- $success-outline: $success-outline !default;
1326
- $info-outline: $info-outline !default;
1327
-
1328
- // chart series
1329
- $series-1: #e5e7eb;
1330
- $series-2: #d1d5db;
1331
- $series-3: #9ca3af;
1332
- $series-4: #1f2937;
1333
- $series-5: #5a61f6;
1334
- $series-6: #91bd34;
1335
- $series-7: #267dda;
1336
- $series-8: #01a8b5;
1337
- $series-9: #de4383;
1338
- $series-10: #107c10;
1339
- $series-11: #d83b01;
1340
- $series-12: #ffb900;
1341
- $skin-name: 'tailwind3' !default;
1342
- $theme-name: 'tailwind3-dark' !default;
1343
-
1344
- //diagram Palette color
1345
- $diagram-palette-background: $diagram-palette-background !default;
1346
- $diagram-palette-hover-background: $diagram-palette-hover-background !default;
1347
- $diagram-palette-selected-background: $diagram-palette-selected-background !default;
1348
-
1349
- //Message component
1350
- //Message default
1351
- $msg-color: $msg-color !default;
1352
- $msg-bg-color: $msg-bg-color !default;
1353
- $msg-border-color: $msg-border-color !default;
1354
- $msg-color-alt1: $msg-color-alt1 !default;
1355
- $msg-bg-color-alt1: $msg-bg-color-alt1 !default;
1356
- $msg-border-color-alt1: $msg-border-color-alt1 !default;
1357
- $msg-color-alt2: $msg-color-alt2 !default;
1358
- $msg-bg-color-alt2: $msg-bg-color-alt2 !default;
1359
- $msg-border-color-alt2: $msg-border-color-alt2 !default;
1360
- $msg-icon-color: $msg-icon-color !default;
1361
- $msg-icon-color-alt1: $msg-icon-color-alt1 !default;
1362
- $msg-icon-color-alt2: $msg-icon-color-alt2 !default;
1363
-
1364
- $msg-close-icon-color: $msg-close-icon-color !default;
1365
- $msg-close-icon-color-alt1: $msg-close-icon-color-alt21 !default;
1366
- $msg-close-icon-color-alt2: $msg-close-icon-color-alt2 !default;
1367
-
1368
- //Message success
1369
- $msg-success-color: $msg-success-color !default;
1370
- $msg-success-bg-color: $msg-success-bg-color !default;
1371
- $msg-success-border-color: $msg-success-border-color !default;
1372
- $msg-success-color-alt1: $msg-success-color-alt1 !default;
1373
- $msg-success-bg-color-alt1: $msg-success-bg-color-alt1 !default;
1374
- $msg-success-border-color-alt1: $msg-success-border-color-alt1 !default;
1375
- $msg-success-color-alt2: $msg-success-color-alt2 !default;
1376
- $msg-success-bg-color-alt2: $msg-success-bg-color-alt2 !default;
1377
- $msg-success-border-color-alt2: $msg-success-border-color-alt2 !default;
1378
- $msg-success-icon-color: $msg-success-icon-color !default;
1379
- $msg-success-icon-color-alt1: $msg-success-icon-color-alt1 !default;
1380
- $msg-success-icon-color-alt2: $msg-success-icon-color-alt2 !default;
1381
- $msg-success-close-icon-color: $msg-success-close-icon-color !default;
1382
- $msg-success-close-icon-color-alt1: $msg-success-close-icon-color-alt1 !default;
1383
- $msg-success-close-icon-color-alt2: $msg-success-close-icon-color-alt2 !default;
1384
-
1385
- //Message danger
1386
- $msg-danger-color: $msg-danger-color !default;
1387
- $msg-danger-bg-color: $msg-danger-bg-color !default;
1388
- $msg-danger-border-color: $msg-danger-border-color !default;
1389
- $msg-danger-color-alt1: $msg-danger-color-alt1 !default;
1390
- $msg-danger-bg-color-alt1: $msg-danger-bg-color-alt1 !default;
1391
- $msg-danger-border-color-alt1: $msg-danger-border-color-alt1 !default;
1392
- $msg-danger-color-alt2: $msg-danger-color-alt2 !default;
1393
- $msg-danger-bg-color-alt2: $msg-danger-bg-color-alt2 !default;
1394
- $msg-danger-border-color-alt2: $msg-danger-border-color-alt2 !default;
1395
- $msg-danger-icon-color: $msg-danger-icon-color !default;
1396
- $msg-danger-icon-color-alt1: $msg-danger-icon-color-alt1 !default;
1397
- $msg-danger-icon-color-alt2: $msg-danger-icon-color-alt2 !default;
1398
- $msg-danger-close-icon-color: $msg-danger-close-icon-color !default;
1399
- $msg-danger-close-icon-color-alt1: $msg-danger-close-icon-color-alt1 !default;
1400
- $msg-danger-close-icon-color-alt2: $msg-danger-close-icon-color-alt2 !default;
1401
-
1402
- //Message Info
1403
- $msg-info-color: $msg-info-color !default;
1404
- $msg-info-bg-color: $msg-info-bg-color !default;
1405
- $msg-info-border-color: $msg-info-border-color !default;
1406
- $msg-info-color-alt1: $msg-info-color-alt1 !default;
1407
- $msg-info-bg-color-alt1: $msg-info-bg-color-alt1 !default;
1408
- $msg-info-border-color-alt1: $msg-info-border-color-alt1 !default;
1409
- $msg-info-color-alt2: $msg-info-color-alt2 !default;
1410
- $msg-info-bg-color-alt2: $msg-info-bg-color-alt2 !default;
1411
- $msg-info-border-color-alt2: $msg-info-border-color-alt2 !default;
1412
- $msg-info-icon-color: $msg-info-icon-color !default;
1413
- $msg-info-icon-color-alt1: $msg-info-icon-color-alt1 !default;
1414
- $msg-info-icon-color-alt2: $msg-info-icon-color-alt2 !default;
1415
- $msg-info-close-icon-color: $msg-info-close-icon-color !default;
1416
- $msg-info-close-icon-color-alt1: $msg-info-close-icon-color-alt1 !default;
1417
- $msg-info-close-icon-color-alt2: $msg-info-close-icon-color-alt2 !default;
1418
-
1419
- //Message Warning
1420
- $msg-warning-color: $msg-warning-color !default;
1421
- $msg-warning-bg-color: $msg-warning-bg-color !default;
1422
- $msg-warning-border-color: $msg-warning-border-color !default;
1423
- $msg-warning-color-alt1: $msg-warning-color-alt1 !default;
1424
- $msg-warning-bg-color-alt1: $msg-warning-bg-color-alt1 !default;
1425
- $msg-warning-border-color-alt1: $msg-warning-border-color-alt1 !default;
1426
- $msg-warning-color-alt2: $msg-warning-color-alt2 !default;
1427
- $msg-warning-bg-color-alt2: $msg-warning-bg-color-alt2 !default;
1428
- $msg-warning-border-color-alt2: $msg-warning-border-color-alt2 !default;
1429
- $msg-warning-icon-color: $msg-warning-icon-color !default;
1430
- $msg-warning-icon-color-alt1: $msg-warning-icon-color-alt1 !default;
1431
- $msg-warning-icon-color-alt2: $msg-warning-icon-color-alt2 !default;
1432
- $msg-warning-close-icon-color: $msg-warning-close-icon-color !default;
1433
- $msg-warning-close-icon-color-alt1: $msg-warning-close-icon-color-alt1 !default;
1434
- $msg-warning-close-icon-color-alt2: $msg-warning-close-icon-color-alt2 !default;
1435
-
1436
- //Primary-chip
1437
- $chip-primary-bg-color: $chip-primary-bg-color;
1438
- $chip-primary-icon-color: $chip-primary-icon-color;
1439
- $chip-primary-border-color: $chip-primary-border-color;
1440
- $chip-primary-text: $chip-primary-text;
1441
- $chip-primary-icon-color-hover: $chip-primary-icon-color-hover;
1442
- $chip-primary-icon-color-pressed: $chip-primary-icon-color-pressed;
1443
- $chip-primary-bg-color-hover: $chip-primary-bg-color-hover;
1444
- $chip-primary-border-color-hover: $chip-primary-border-color-hover;
1445
- $chip-primary-text-hover: $chip-primary-text-hover;
1446
- $chip-primary-bg-color-pressed: $chip-primary-bg-color-pressed;
1447
- $chip-primary-icon-bg-color-pressed: $chip-primary-icon-bg-color-pressed;
1448
- $chip-primary-icon-bg-color-hover: $chip-primary-icon-bg-color-hover;
1449
- $chip-primary-border-color-pressed: $chip-primary-border-color-pressed;
1450
- $chip-primary-text-pressed: $chip-primary-text-pressed;
1451
- $chip-primary-bg-color-disabled: $chip-primary-bg-color-disabled;
1452
- $chip-primary-border-color-disabled: $chip-primary-border-color-disabled;
1453
- $chip-primary-text-disabled: $chip-primary-text-disabled;
1454
-
1455
- //Secondary-chip
1456
- $chip-secondary-bg-color: $chip-secondary-bg-color;
1457
- $chip-secondary-icon-color: $chip-secondary-icon-color;
1458
- $chip-secondary-border-color: $chip-secondary-border-color;
1459
- $chip-secondary-text: $chip-secondary-text;
1460
- $chip-secondary-icon-color-hover: $chip-secondary-icon-color-hover;
1461
- $chip-secondary-icon-color-pressed: $chip-secondary-icon-color-pressed;
1462
- $chip-secondary-bg-color-hover: $chip-secondary-bg-color-hover;
1463
- $chip-secondary-border-color-hover: $chip-secondary-border-color-hover;
1464
- $chip-secondary-text-hover: $chip-secondary-text-hover;
1465
- $chip-secondary-bg-color-pressed: $chip-secondary-bg-color-pressed;
1466
- $chip-secondary-icon-bg-color-pressed: $chip-secondary-icon-bg-color-pressed;
1467
- $chip-secondary-icon-bg-color-hover: $chip-secondary-icon-bg-color-hover;
1468
- $chip-secondary-border-color-pressed: $chip-secondary-border-color-pressed;
1469
- $chip-secondary-text-pressed: $chip-secondary-text-pressed;
1470
- $chip-secondary-bg-color-disabled: $chip-secondary-bg-color-disabled;
1471
- $chip-secondary-border-color-disabled: $chip-secondary-border-color-disabled;
1472
- $chip-secondary-text-disabled: $chip-secondary-text-disabled;
1473
-
1474
- //Success-chip
1475
- $chip-success-bg-color: $chip-success-bg-color;
1476
- $chip-success-icon-color: $chip-success-icon-color;
1477
- $chip-success-border-color: $chip-success-border-color;
1478
- $chip-success-text: $chip-success-text;
1479
- $chip-success-icon-color-hover: $chip-success-icon-color-hover;
1480
- $chip-success-icon-color-pressed: $chip-success-icon-color-pressed;
1481
- $chip-success-bg-color-hover: $chip-success-bg-color-hover;
1482
- $chip-success-border-color-hover: $chip-success-border-color-hover;
1483
- $chip-success-text-hover: $chip-success-text-hover;
1484
- $chip-success-bg-color-pressed: $chip-success-bg-color-pressed;
1485
- $chip-success-icon-bg-color-pressed: $chip-success-icon-bg-color-pressed;
1486
- $chip-success-icon-bg-color-hover: $chip-success-icon-bg-color-hover;
1487
- $chip-success-border-color-pressed: $chip-success-border-color-pressed;
1488
- $chip-success-text-pressed: $chip-success-text-pressed;
1489
- $chip-success-bg-color-disabled: $chip-success-bg-color-disabled;
1490
- $chip-success-border-color-disabled: $chip-success-border-color-disabled;
1491
- $chip-success-text-disabled: $chip-success-text-disabled;
1492
-
1493
- //Warning-chip
1494
- $chip-warning-bg-color: $chip-warning-bg-color;
1495
- $chip-warning-icon-color: $chip-warning-icon-color;
1496
- $chip-warning-border-color: $chip-warning-border-color;
1497
- $chip-warning-text: $chip-warning-text;
1498
- $chip-warning-icon-color-hover: $chip-warning-icon-color-hover;
1499
- $chip-warning-icon-color-pressed: $chip-warning-icon-color-pressed;
1500
- $chip-warning-bg-color-hover: $chip-warning-bg-color-hover;
1501
- $chip-warning-border-color-hover: $chip-warning-border-color-hover;
1502
- $chip-warning-text-hover: $chip-warning-text-hover;
1503
- $chip-warning-bg-color-pressed: $chip-warning-bg-color-pressed;
1504
- $chip-warning-icon-bg-color-pressed: $chip-warning-icon-bg-color-pressed;
1505
- $chip-warning-icon-bg-color-hover: $chip-warning-icon-bg-color-hover;
1506
- $chip-warning-border-color-pressed: $chip-warning-border-color-pressed;
1507
- $chip-warning-text-pressed: $chip-warning-text-pressed;
1508
- $chip-warning-bg-color-disabled: $chip-warning-bg-color-disabled;
1509
- $chip-warning-border-color-disabled: $chip-warning-border-color-disabled;
1510
- $chip-warning-text-disabled: $chip-warning-text-disabled;
1511
-
1512
- //danger-chip
1513
- $chip-danger-bg-color: $chip-danger-bg-color;
1514
- $chip-danger-icon-color: $chip-danger-icon-color;
1515
- $chip-danger-border-color: $chip-danger-border-color;
1516
- $chip-danger-text: $chip-danger-text;
1517
- $chip-danger-icon-color-hover: $chip-danger-icon-color-hover;
1518
- $chip-danger-icon-color-pressed: $chip-danger-icon-color-pressed;
1519
- $chip-danger-bg-color-hover: $chip-danger-bg-color-hover;
1520
- $chip-danger-border-color-hover: $chip-danger-border-color-hover;
1521
- $chip-danger-text-hover: $chip-danger-text-hover;
1522
- $chip-danger-bg-color-pressed: $chip-danger-bg-color-pressed;
1523
- $chip-danger-icon-bg-color-pressed: $chip-danger-icon-bg-color-pressed;
1524
- $chip-danger-icon-bg-color-hover: $chip-danger-icon-bg-color-hover;
1525
- $chip-danger-border-color-pressed: $chip-danger-border-color-pressed;
1526
- $chip-danger-text-pressed: $chip-danger-text-pressed;
1527
- $chip-danger-bg-color-disabled: $chip-danger-bg-color-disabled;
1528
- $chip-danger-border-color-disabled: $chip-danger-border-color-disabled;
1529
- $chip-danger-text-disabled: $chip-danger-text-disabled;
1530
-
1531
- //Info-chip
1532
- $chip-info-bg-color: $chip-info-bg-color;
1533
- $chip-info-icon-color: $chip-info-icon-color;
1534
- $chip-info-border-color: $chip-info-border-color;
1535
- $chip-info-text: $chip-info-text;
1536
- $chip-info-icon-color-hover: $chip-info-icon-color-hover;
1537
- $chip-info-icon-color-pressed: $chip-info-icon-color-pressed;
1538
- $chip-info-bg-color-hover: $chip-info-bg-color-hover;
1539
- $chip-info-border-color-hover: $chip-info-border-color-hover;
1540
- $chip-info-text-hover: $chip-info-text-hover;
1541
- $chip-info-bg-color-pressed: $chip-info-bg-color-pressed;
1542
- $chip-info-icon-bg-color-pressed: $chip-info-icon-bg-color-pressed;
1543
- $chip-info-icon-bg-color-hover: $chip-info-icon-bg-color-hover;
1544
- $chip-info-border-color-pressed: $chip-info-border-color-pressed;
1545
- $chip-info-text-pressed: $chip-info-text-pressed;
1546
- $chip-info-bg-color-disabled: $chip-info-bg-color-disabled;
1547
- $chip-info-border-color-disabled: $chip-info-border-color-disabled;
1548
- $chip-info-text-disabled: $chip-info-text-disabled;
1549
-
1550
- //app bar Light
1551
- $appbar-bg-color-alt1: $appbar-bg-color-alt1 !default;
1552
- $appbar-color-alt1: $appbar-color-alt1 !default;
1553
- $appbar-border-color-alt1: $appbar-border-color-alt1 !default;
1554
- $appbar-hover-bg-color-alt1: $appbar-hover-bg-color-alt1 !default;
1555
-
1556
- //dark
1557
- $appbar-bg-color-alt2: $appbar-bg-color-alt2 !default;
1558
- $appbar-color-alt2: $appbar-color-alt2 !default;
1559
- $appbar-border-color-alt2: $appbar-border-color-alt2 !default;
1560
- $appbar-hover-bg-color-alt2: $appbar-hover-bg-color-alt2 !default;
1561
-
1562
- //shadow
1563
- $appbar-bottom-shadow: none !default;
1564
- $appbar-top-shadow: none !default;
1565
-
1566
- //rating
1567
- $rating-selected-color: $rating-selected-color !default;
1568
- $rating-unrated-color: $rating-unrated-color !default;
1569
- $rating-selected-disabled-color: $rating-selected-disabled-color !default;
1570
- $rating-unrated-disabled-color: $rating-unrated-disabled-color !default;
1571
- $rating-selected-hover-color: $rating-selected-hover-color !default;
1572
- $rating-unrated-hover-color: $rating-unrated-hover-color !default;
1573
- $rating-pressed-color: $rating-pressed-color !default;
1574
-
1575
- //font-icons
1576
- $font-icon-8: 8px !default;
1577
- $font-icon-9: 9px !default;
1578
- $font-icon-10: 10px !default;
1579
- $font-icon-12: 12px !default;
1580
- $font-icon-13: 13px !default;
1581
- $font-icon-14: 14px !default;
1582
- $font-icon-15: 15px !default;
1583
- $font-icon-16: 16px !default;
1584
- $font-icon-17: 17px !default;
1585
- $font-icon-18: 18px !default;
1586
- $font-icon-20: 20px !default;
1587
- $font-icon-22: 22px !default;
1588
- $font-icon-24: 24px !default;
1589
- $font-icon-26: 26px !default;
1590
- $font-icon-28: 28px !default;
1591
- $font-icon-32: 32px !default;
1592
-
1593
- //badge
1594
- $badge-light-bg-color: $badge-light-bg-color;
1595
- $badge-light-border-color: $badge-light-border-color;
1596
- $badge-light-text-color: $badge-light-text-color;
1597
- $badge-dark-bg-color: $badge-dark-bg-color;
1598
- $badge-dark-border-color: $badge-dark-border-color;
1599
- $badge-dark-text-color: $badge-dark-text-color;
1600
-
1601
- //tab
1602
- $tab-border: $tab-border;
1603
-
1604
- //stepper
1605
- $stepper:$stepper;
1606
- $shadow-color: $shadow-color;
1607
- $shadow-color1: $shadow-color1;
1608
-
1609
- // black
1610
- $black: $black;
1611
-
1612
- // White
1613
- $white: $white;
1614
-
1615
- // Transparent
1616
- $transparent: $transparent;
1617
-
1618
- //missed variables
1619
- $accordion-text-active-color: $primary-darker !default;
1620
-
1621
- $frozen-shadow: rgba(0, 0, 0, .25) !default;
1622
- $frozen-shadow-2: rgba(0, 0, 0, .25) !default;