@syncfusion/ej2-base 32.1.23 → 32.1.24

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 (226) hide show
  1. package/bin/syncfusion-license.js +1 -1
  2. package/dist/ej2-base.min.js +1 -1
  3. package/dist/ej2-base.umd.min.js +1 -1
  4. package/dist/global/ej2-base.min.js +1 -1
  5. package/dist/global/index.d.ts +1 -1
  6. package/package.json +2 -2
  7. package/styles/_all.bds-dark.scss +2 -0
  8. package/styles/_all.bds.scss +2 -0
  9. package/styles/_all.bootstrap-dark.scss +2 -0
  10. package/styles/_all.bootstrap.scss +2 -0
  11. package/styles/_all.bootstrap4.scss +2 -0
  12. package/styles/_all.bootstrap5-dark.scss +2 -0
  13. package/styles/_all.bootstrap5.3-dark.scss +2 -0
  14. package/styles/_all.bootstrap5.3.scss +2 -0
  15. package/styles/_all.bootstrap5.scss +2 -0
  16. package/styles/_all.fabric-dark.scss +2 -0
  17. package/styles/_all.fabric.scss +2 -0
  18. package/styles/_all.fluent-dark.scss +2 -0
  19. package/styles/_all.fluent.scss +2 -0
  20. package/styles/_all.fluent2-dark.scss +2 -0
  21. package/styles/_all.fluent2-highcontrast.scss +2 -0
  22. package/styles/_all.fluent2.scss +2 -0
  23. package/styles/_all.fusionnew-dark.scss +2 -0
  24. package/styles/_all.fusionnew.scss +2 -0
  25. package/styles/_all.highcontrast-light.scss +2 -0
  26. package/styles/_all.highcontrast.scss +2 -0
  27. package/styles/_all.material-dark.scss +2 -0
  28. package/styles/_all.material.scss +2 -0
  29. package/styles/_all.material3-dark.scss +2 -0
  30. package/styles/_all.material3.scss +2 -0
  31. package/styles/_all.tailwind-dark.scss +2 -0
  32. package/styles/_all.tailwind.scss +2 -0
  33. package/styles/_all.tailwind3-dark.scss +2 -0
  34. package/styles/_all.tailwind3.scss +2 -0
  35. package/styles/_material-dark-definition.scss +3 -2
  36. package/styles/_material-definition.scss +3 -3
  37. package/styles/_material3-dark-definition.scss +3 -1
  38. package/styles/_material3-definition.scss +3 -2
  39. package/styles/_tailwind-dark-definition.scss +3 -1
  40. package/styles/_tailwind-definition.scss +3 -2
  41. package/styles/_tailwind3-dark-definition.scss +3 -1
  42. package/styles/_tailwind3-definition.scss +3 -1
  43. package/styles/animation/_all.bds-dark.scss +3 -0
  44. package/styles/animation/_all.bds.scss +3 -0
  45. package/styles/animation/_all.bootstrap-dark.scss +3 -0
  46. package/styles/animation/_all.bootstrap.scss +3 -0
  47. package/styles/animation/_all.bootstrap4.scss +3 -0
  48. package/styles/animation/_all.bootstrap5-dark.scss +3 -0
  49. package/styles/animation/_all.bootstrap5.3-dark.scss +3 -0
  50. package/styles/animation/_all.bootstrap5.3.scss +3 -0
  51. package/styles/animation/_all.bootstrap5.scss +3 -0
  52. package/styles/animation/_all.fabric-dark.scss +3 -0
  53. package/styles/animation/_all.fabric.scss +3 -0
  54. package/styles/animation/_all.fluent-dark.scss +3 -0
  55. package/styles/animation/_all.fluent.scss +3 -0
  56. package/styles/animation/_all.fluent2-dark.scss +3 -0
  57. package/styles/animation/_all.fluent2-highcontrast.scss +3 -0
  58. package/styles/animation/_all.fluent2.scss +3 -0
  59. package/styles/animation/_all.fusionnew-dark.scss +3 -0
  60. package/styles/animation/_all.fusionnew.scss +3 -0
  61. package/styles/animation/_all.highcontrast-light.scss +3 -0
  62. package/styles/animation/_all.highcontrast.scss +3 -0
  63. package/styles/animation/_all.material-dark.scss +3 -0
  64. package/styles/animation/_all.material.scss +3 -0
  65. package/styles/animation/_all.material3-dark.scss +3 -0
  66. package/styles/animation/_all.material3.scss +3 -0
  67. package/styles/animation/_all.scss +1 -1
  68. package/styles/animation/_all.tailwind-dark.scss +3 -0
  69. package/styles/animation/_all.tailwind.scss +3 -0
  70. package/styles/animation/_all.tailwind3-dark.scss +3 -0
  71. package/styles/animation/_all.tailwind3.scss +3 -0
  72. package/styles/bds-lite.css +918 -34
  73. package/styles/bds-lite.scss +2 -2
  74. package/styles/bds.css +918 -34
  75. package/styles/bds.scss +2 -2
  76. package/styles/bootstrap-dark-lite.scss +2 -2
  77. package/styles/bootstrap-dark.scss +2 -2
  78. package/styles/bootstrap-lite.scss +2 -2
  79. package/styles/bootstrap.scss +2 -2
  80. package/styles/bootstrap4-lite.scss +2 -2
  81. package/styles/bootstrap4.scss +2 -2
  82. package/styles/bootstrap5-dark-lite.scss +2 -2
  83. package/styles/bootstrap5-dark.scss +2 -2
  84. package/styles/bootstrap5-lite.scss +2 -2
  85. package/styles/bootstrap5.3-lite.css +1379 -12
  86. package/styles/bootstrap5.3-lite.scss +2 -2
  87. package/styles/bootstrap5.3.css +1379 -12
  88. package/styles/bootstrap5.3.scss +2 -2
  89. package/styles/bootstrap5.scss +2 -2
  90. package/styles/common/_all.bds-dark.scss +2 -0
  91. package/styles/common/_all.bds.scss +2 -0
  92. package/styles/common/_all.bootstrap-dark.scss +2 -0
  93. package/styles/common/_all.bootstrap.scss +2 -0
  94. package/styles/common/_all.bootstrap4.scss +2 -0
  95. package/styles/common/_all.bootstrap5-dark.scss +2 -0
  96. package/styles/common/_all.bootstrap5.3-dark.scss +2 -0
  97. package/styles/common/_all.bootstrap5.3.scss +2 -0
  98. package/styles/common/_all.bootstrap5.scss +2 -0
  99. package/styles/common/_all.fabric-dark.scss +2 -0
  100. package/styles/common/_all.fabric.scss +2 -0
  101. package/styles/common/_all.fluent-dark.scss +2 -0
  102. package/styles/common/_all.fluent.scss +2 -0
  103. package/styles/common/_all.fluent2-dark.scss +2 -0
  104. package/styles/common/_all.fluent2-highcontrast.scss +2 -0
  105. package/styles/common/_all.fluent2.scss +2 -0
  106. package/styles/common/_all.fusionnew-dark.scss +2 -0
  107. package/styles/common/_all.fusionnew.scss +2 -0
  108. package/styles/common/_all.highcontrast-light.scss +2 -0
  109. package/styles/common/_all.highcontrast.scss +2 -0
  110. package/styles/common/_all.material-dark.scss +2 -0
  111. package/styles/common/_all.material.scss +2 -0
  112. package/styles/common/_all.material3-dark.scss +2 -0
  113. package/styles/common/_all.material3.scss +2 -0
  114. package/styles/common/_all.tailwind-dark.scss +2 -0
  115. package/styles/common/_all.tailwind.scss +2 -0
  116. package/styles/common/_all.tailwind3-dark.scss +2 -0
  117. package/styles/common/_all.tailwind3.scss +2 -0
  118. package/styles/common/_core.bds-dark.scss +3 -0
  119. package/styles/common/_core.bds.scss +3 -0
  120. package/styles/common/_core.bootstrap-dark.scss +3 -0
  121. package/styles/common/_core.bootstrap.scss +3 -0
  122. package/styles/common/_core.bootstrap4.scss +3 -0
  123. package/styles/common/_core.bootstrap5-dark.scss +3 -0
  124. package/styles/common/_core.bootstrap5.3-dark.scss +3 -0
  125. package/styles/common/_core.bootstrap5.3.scss +3 -0
  126. package/styles/common/_core.bootstrap5.scss +3 -0
  127. package/styles/common/_core.fabric-dark.scss +3 -0
  128. package/styles/common/_core.fabric.scss +3 -0
  129. package/styles/common/_core.fluent-dark.scss +3 -0
  130. package/styles/common/_core.fluent.scss +3 -0
  131. package/styles/common/_core.fluent2-dark.scss +3 -0
  132. package/styles/common/_core.fluent2-highcontrast.scss +3 -0
  133. package/styles/common/_core.fluent2.scss +3 -0
  134. package/styles/common/_core.fusionnew-dark.scss +3 -0
  135. package/styles/common/_core.fusionnew.scss +3 -0
  136. package/styles/common/_core.highcontrast-light.scss +3 -0
  137. package/styles/common/_core.highcontrast.scss +3 -0
  138. package/styles/common/_core.material-dark.scss +3 -0
  139. package/styles/common/_core.material.scss +3 -0
  140. package/styles/common/_core.material3-dark.scss +3 -0
  141. package/styles/common/_core.material3.scss +3 -0
  142. package/styles/common/_core.scss +1 -1
  143. package/styles/common/_core.tailwind-dark.scss +3 -0
  144. package/styles/common/_core.tailwind.scss +3 -0
  145. package/styles/common/_core.tailwind3-dark.scss +3 -0
  146. package/styles/common/_core.tailwind3.scss +3 -0
  147. package/styles/common/_theme-vars.bds-dark.scss +1 -0
  148. package/styles/common/_theme-vars.bds.scss +1 -0
  149. package/styles/common/_theme-vars.bootstrap-dark.scss +1 -0
  150. package/styles/common/_theme-vars.bootstrap.scss +1 -0
  151. package/styles/common/_theme-vars.bootstrap4.scss +1 -0
  152. package/styles/common/_theme-vars.bootstrap5-dark.scss +1 -0
  153. package/styles/common/_theme-vars.bootstrap5.3-dark.scss +1 -0
  154. package/styles/common/_theme-vars.bootstrap5.3.scss +1 -0
  155. package/styles/common/_theme-vars.bootstrap5.scss +1 -0
  156. package/styles/common/_theme-vars.fabric-dark.scss +1 -0
  157. package/styles/common/_theme-vars.fabric.scss +1 -0
  158. package/styles/common/_theme-vars.fluent-dark.scss +1 -0
  159. package/styles/common/_theme-vars.fluent.scss +1 -0
  160. package/styles/common/_theme-vars.fluent2-dark.scss +1 -0
  161. package/styles/common/_theme-vars.fluent2-highcontrast.scss +1 -0
  162. package/styles/common/_theme-vars.fluent2.scss +1 -0
  163. package/styles/common/_theme-vars.fusionnew-dark.scss +1 -0
  164. package/styles/common/_theme-vars.fusionnew.scss +1 -0
  165. package/styles/common/_theme-vars.highcontrast-light.scss +1 -0
  166. package/styles/common/_theme-vars.highcontrast.scss +1 -0
  167. package/styles/common/_theme-vars.material-dark.scss +1 -0
  168. package/styles/common/_theme-vars.material.scss +1 -0
  169. package/styles/common/_theme-vars.material3-dark.scss +1 -0
  170. package/styles/common/_theme-vars.material3.scss +1 -0
  171. package/styles/common/_theme-vars.tailwind-dark.scss +1 -0
  172. package/styles/common/_theme-vars.tailwind.scss +1 -0
  173. package/styles/common/_theme-vars.tailwind3-dark.scss +1 -0
  174. package/styles/common/_theme-vars.tailwind3.scss +1 -0
  175. package/styles/fabric-dark-lite.scss +2 -2
  176. package/styles/fabric-dark.scss +2 -2
  177. package/styles/fabric-lite.scss +2 -2
  178. package/styles/fabric.scss +2 -2
  179. package/styles/fluent-dark-lite.scss +2 -2
  180. package/styles/fluent-dark.scss +2 -2
  181. package/styles/fluent-lite.scss +2 -2
  182. package/styles/fluent.scss +2 -2
  183. package/styles/fluent2-lite.css +2299 -13
  184. package/styles/fluent2-lite.scss +2 -2
  185. package/styles/fluent2.css +2299 -13
  186. package/styles/fluent2.scss +2 -2
  187. package/styles/highcontrast-light-lite.scss +2 -2
  188. package/styles/highcontrast-light.scss +2 -2
  189. package/styles/highcontrast-lite.scss +2 -2
  190. package/styles/highcontrast.scss +2 -2
  191. package/styles/material-dark-lite.css +2 -0
  192. package/styles/material-dark-lite.scss +2 -2
  193. package/styles/material-dark.css +2 -0
  194. package/styles/material-dark.scss +2 -2
  195. package/styles/material-lite.css +2 -0
  196. package/styles/material-lite.scss +2 -2
  197. package/styles/material.css +2 -0
  198. package/styles/material.scss +2 -2
  199. package/styles/material3-dark-lite.css +294 -1
  200. package/styles/material3-dark-lite.scss +2 -2
  201. package/styles/material3-dark.css +294 -1
  202. package/styles/material3-dark.scss +2 -2
  203. package/styles/material3-lite.css +406 -0
  204. package/styles/material3-lite.scss +2 -2
  205. package/styles/material3.css +406 -0
  206. package/styles/material3.scss +2 -2
  207. package/styles/offline-theme/material-dark.css +2 -0
  208. package/styles/offline-theme/material.css +2 -0
  209. package/styles/offline-theme/material3-dark.css +3450 -0
  210. package/styles/offline-theme/material3.css +3619 -0
  211. package/styles/offline-theme/tailwind-dark.css +2 -0
  212. package/styles/offline-theme/tailwind.css +2 -0
  213. package/styles/offline-theme/tailwind3.css +5681 -0
  214. package/styles/tailwind-dark-lite.css +2 -0
  215. package/styles/tailwind-dark-lite.scss +2 -2
  216. package/styles/tailwind-dark.css +2 -0
  217. package/styles/tailwind-dark.scss +2 -2
  218. package/styles/tailwind-lite.css +2 -0
  219. package/styles/tailwind-lite.scss +2 -2
  220. package/styles/tailwind.css +2 -0
  221. package/styles/tailwind.scss +2 -2
  222. package/styles/tailwind3-lite.css +1871 -91
  223. package/styles/tailwind3-lite.scss +2 -2
  224. package/styles/tailwind3.css +1871 -91
  225. package/styles/tailwind3.scss +2 -2
  226. package/styles/common/_theme-vars.scss +0 -1
package/styles/bds.css CHANGED
@@ -1,4 +1,6 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
3
+ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
4
  @font-face {
3
5
  font-family: "e-icons";
4
6
  font-style: normal;
@@ -2279,42 +2281,483 @@
2279
2281
  --color-sf-utility-overlay-bg-color: rgba(97, 100, 108, .5);
2280
2282
  }
2281
2283
 
2282
- .e-control,
2283
- .e-css,
2284
- .e-error {
2285
- font-family: "Inter";
2286
- font-size: 12px;
2287
- font-weight: normal;
2288
- }
2289
-
2290
- .e-error {
2291
- color: var(--color-sf-utility-danger);
2292
- }
2293
-
2294
- .e-control,
2295
- .e-control [class^=e-],
2296
- .e-control [class*=" e-"] {
2297
- -webkit-box-sizing: border-box;
2298
- box-sizing: border-box;
2299
- }
2300
-
2301
- .e-control:focus,
2302
- .e-control *:focus {
2303
- outline: none;
2304
- }
2305
-
2306
- .e-rtl {
2307
- direction: rtl;
2308
- text-align: right;
2284
+ :root {
2285
+ --color-sf-base-white: #fff;
2286
+ --color-sf-base-black: #000;
2287
+ --color-sf-base-transparent: transparent;
2288
+ --color-sf-brand-primary: #7e56d8;
2289
+ --color-sf-brand-primary-d10: rgb(110.1850961538, 65.28125, 211.21875);
2290
+ --color-sf-on-brand-solid-primary: #fff;
2291
+ --color-sf-brand-solid-primary: #7e56d8;
2292
+ --color-sf-brand-solid-primary-hover: #6840c6;
2293
+ --color-sf-brand-solid-primary-pressed: #52379e;
2294
+ --color-sf-brand-solid-shadow: rgba(157, 118, 237, 0.24);
2295
+ --color-sf-text-primary: #101828;
2296
+ --color-sf-text-primary-on-brand: #fff;
2297
+ --color-sf-text-secondary: #344054;
2298
+ --color-sf-text-secondary-hover: #18212f;
2299
+ --color-sf-text-secondary-on-brand: #eaecf0;
2300
+ --color-sf-text-tertiary: #475467;
2301
+ --color-sf-text-tertiary-hover: #344054;
2302
+ --color-sf-text-tertiary-on-brand: #eaecf0;
2303
+ --color-sf-text-quarterary: #667085;
2304
+ --color-sf-text-quarterary-on-brand: #101828;
2305
+ --color-sf-text-white: #fff;
2306
+ --color-sf-text-disabled: #667085;
2307
+ --color-sf-text-placeholder: #667085;
2308
+ --color-sf-text-placeholder-subtle: #d0d5dd;
2309
+ --color-sf-text-brand-primary: #7e56d8;
2310
+ --color-sf-text-brand-secondary: #6840c6;
2311
+ --color-sf-text-brand-tertiary: #7e56d8;
2312
+ --color-sf-text-brand-tertiary-alt: #7e56d8;
2313
+ --color-sf-text-error-primary: #d92c20;
2314
+ --color-sf-text-warning-primary: #db6803;
2315
+ --color-sf-text-success-primary: #069454;
2316
+ --color-sf-bg-primary: #fff;
2317
+ --color-sf-bg-primary-alt: #fff;
2318
+ --color-sf-bg-primary-hover: #f9fafb;
2319
+ --color-sf-bg-primary-solid: #0c111d;
2320
+ --color-sf-bg-secondary: #f9fafb;
2321
+ --color-sf-bg-secondary-alt: #f9fafb;
2322
+ --color-sf-bg-secondary-hover: #f2f4f7;
2323
+ --color-sf-bg-secondary-subtle: #fcfcfd;
2324
+ --color-sf-bg-secondary-solid: #475467;
2325
+ --color-sf-bg-tertiary: #f2f4f7;
2326
+ --color-sf-bg-quaternary: #eaecf0;
2327
+ --color-sf-bg-active: #f9fafb;
2328
+ --color-sf-bg-disabled: #f2f4f7;
2329
+ --color-sf-bg-disabled-subtle: #f9fafb;
2330
+ --color-sf-bg-overlay: rgba(16, 24, 40, 1);
2331
+ --color-sf-bg-brand-primary: #f9f5ff;
2332
+ --color-sf-bg-brand-primary-alt: #f9f5ff;
2333
+ --color-sf-bg-brand-secondary: #f4ebff;
2334
+ --color-sf-bg-brand-solid: #7e56d8;
2335
+ --color-sf-bg-brand-solid-hover: #6840c6;
2336
+ --color-sf-bg-brand-section: #52379e;
2337
+ --color-sf-bg-brand-section-subtle: #6840c6;
2338
+ --color-sf-bg-error-primary: #fef2f1;
2339
+ --color-sf-bg-error-secondary: #fee3e1;
2340
+ --color-sf-bg-error-solid: #d92c20;
2341
+ --color-sf-bg-warning-primary: #fff9eb;
2342
+ --color-sf-bg-warning-secondary: #feefc6;
2343
+ --color-sf-bg-warning-solid: #db6803;
2344
+ --color-sf-bg-success-primary: #ecfcf2;
2345
+ --color-sf-bg-success-secondary: #dbf9e6;
2346
+ --color-sf-bg-success-solid: #069454;
2347
+ --color-sf-border-primary: #d0d5dd;
2348
+ --color-sf-border-primary-alt: #98a1b2;
2349
+ --color-sf-border-secondary: #eaecf0;
2350
+ --color-sf-border-tertiary: #f2f4f7;
2351
+ --color-sf-border-disabled: #d0d5dd;
2352
+ --color-sf-border-disabled-subtle: #eaecf0;
2353
+ --color-sf-border-brand: #d6bbfb;
2354
+ --color-sf-border-brand-solid: #7e56d8;
2355
+ --color-sf-border-brand-solid-alt: #7e56d8;
2356
+ --color-sf-border-error: #fca19b;
2357
+ --color-sf-border-error-solid: #d92c20;
2358
+ --color-sf-border-success: #47cd89;
2359
+ --color-sf-border-warning: #fec84a;
2360
+ --color-sf-fg-primary: #101828;
2361
+ --color-sf-fg-secondary: #344054;
2362
+ --color-sf-fg-secondary-hover: #18212f;
2363
+ --color-sf-fg-tertiary: #475467;
2364
+ --color-sf-fg-tertiary-hover: #344054;
2365
+ --color-sf-fg-quarterary: #667085;
2366
+ --color-sf-fg-quarterary-hover: #475467;
2367
+ --color-sf-fg-quinary: #98a1b2;
2368
+ --color-sf-fg-quinary-hover: #667085;
2369
+ --color-sf-fg-senary: #d0d5dd;
2370
+ --color-sf-fg-white: #fff;
2371
+ --color-sf-fg-disabled: #98a1b2;
2372
+ --color-sf-fg-disabled-subtle: #d0d5dd;
2373
+ --color-sf-fg-brand-primary: #7e56d8;
2374
+ --color-sf-fg-brand-primary-alt: #7e56d8;
2375
+ --color-sf-fg-brand-secondary: #9d76ed;
2376
+ --color-sf-fg-error-primary: #d92c20;
2377
+ --color-sf-fg-error-secondary: #f04437;
2378
+ --color-sf-fg-warning-primary: #db6803;
2379
+ --color-sf-fg-warning-secondary: #f78f08;
2380
+ --color-sf-fg-success-primary: #069454;
2381
+ --color-sf-fg-success-secondary: #17b169;
2382
+ --color-sf-utility-tooltip-bg: #0c111d;
2383
+ --color-sf-utility-tooltip-text: #fff;
2384
+ --color-sf-utility-success: #069454;
2385
+ --color-sf-utility-info: #065986;
2386
+ --color-sf-utility-warning: #db6803;
2387
+ --color-sf-utility-danger: #d92c20;
2388
+ --color-sf-utility-success-light: #ecfcf2;
2389
+ --color-sf-utility-info-light: #f0f9ff;
2390
+ --color-sf-utility-warning-light: #fff9eb;
2391
+ --color-sf-utility-danger-light: #fef2f1;
2392
+ --color-sf-utility-primary-light: #d6bbfb;
2393
+ --color-sf-utility-primary-alt: #7e56d8;
2394
+ --color-sf-utility-primary-lighter: #f9f5ff;
2395
+ --color-sf-utility-success-lighter: #aaefc6;
2396
+ --color-sf-utility-info-lighter: #b9e6fe;
2397
+ --color-sf-utility-warning-lighter: #fede88;
2398
+ --color-sf-utility-danger-lighter: #fecdc9;
2399
+ --color-sf-utility-info-border-color: #d6bbfb;
2400
+ --color-sf-utility-info-bg-color-hover: #f4ebff;
2401
+ --color-sf-utility-info-bg-color-pressed: #e9d7fe;
2402
+ --color-sf-utility-info-text: #6840c6;
2403
+ --color-sf-utility-info-text-hover: #52379e;
2404
+ --color-sf-utility-secondary-border-color: #d0d5dd;
2405
+ --color-sf-utility-secondary-bg-color: #fff;
2406
+ --color-sf-utility-secondary-text-color: #344054;
2407
+ --color-sf-utility-secondary-bg-color-hover: #f2f4f7;
2408
+ --color-sf-utility-secondary-text-color-hover: #344054;
2409
+ --color-sf-utility-secondary-bg-color-pressed: #eaecf0;
2410
+ --color-sf-utility-secondary-text-color-pressed: #18212f;
2411
+ --color-sf-utility-content-bg-color-selected: #eaecf0;
2412
+ --color-sf-utility-msg-color: #344054;
2413
+ --color-sf-utility-msg-bg-color: #f9fafb;
2414
+ --color-sf-utility-msg-border-color: #d0d5dd;
2415
+ --color-sf-utility-msg-color-alt1: #344054;
2416
+ --color-sf-utility-msg-bg-color-alt1: transparent;
2417
+ --color-sf-utility-msg-border-color-alt1: #98a1b2;
2418
+ --color-sf-utility-msg-color-alt2: #fff;
2419
+ --color-sf-utility-msg-bg-color-alt2: #475467;
2420
+ --color-sf-utility-msg-border-color-alt2: #475467;
2421
+ --color-sf-utility-msg-icon-color: #475467;
2422
+ --color-sf-utility-msg-icon-color-alt1: #475467;
2423
+ --color-sf-utility-msg-icon-color-alt2: #fff;
2424
+ --color-sf-utility-msg-close-icon-color: #344054;
2425
+ --color-sf-utility-msg-close-icon-color-alt1: #344054;
2426
+ --color-sf-utility-msg-close-icon-color-alt2: #fff;
2427
+ --color-sf-utility-msg-danger-color: #b32218;
2428
+ --color-sf-utility-msg-danger-bg-color: #fef2f1;
2429
+ --color-sf-utility-msg-danger-border-color: #fecdc9;
2430
+ --color-sf-utility-msg-danger-color-alt1: #d92c20;
2431
+ --color-sf-utility-msg-danger-bg-color-alt1: transparent;
2432
+ --color-sf-utility-msg-danger-border-color-alt1: #f97066;
2433
+ --color-sf-utility-msg-danger-color-alt2: #fff;
2434
+ --color-sf-utility-msg-danger-bg-color-alt2: #d92c20;
2435
+ --color-sf-utility-msg-danger-border-color-alt2: #d92c20;
2436
+ --color-sf-utility-msg-danger-icon-color: #d92c20;
2437
+ --color-sf-utility-msg-danger-icon-color-alt1: #d92c20;
2438
+ --color-sf-utility-msg-danger-icon-color-alt2: #d0d5dd;
2439
+ --color-sf-utility-msg-danger-close-icon-color: #344054;
2440
+ --color-sf-utility-msg-danger-close-icon-color-alt1: #344054;
2441
+ --color-sf-utility-msg-danger-close-icon-color-alt2: #fff;
2442
+ --color-sf-utility-msg-success-color: #057647;
2443
+ --color-sf-utility-msg-success-bg-color: #ecfcf2;
2444
+ --color-sf-utility-msg-success-border-color: #aaefc6;
2445
+ --color-sf-utility-msg-success-color-alt1: #057647;
2446
+ --color-sf-utility-msg-success-bg-color-alt1: transparent;
2447
+ --color-sf-utility-msg-success-border-color-alt1: #47cd89;
2448
+ --color-sf-utility-msg-success-color-alt2: #fff;
2449
+ --color-sf-utility-msg-success-bg-color-alt2: #069454;
2450
+ --color-sf-utility-msg-success-border-color-alt2: #069454;
2451
+ --color-sf-utility-msg-success-icon-color: #069454;
2452
+ --color-sf-utility-msg-success-icon-color-alt1: #069454;
2453
+ --color-sf-utility-msg-success-icon-color-alt2: #d0d5dd;
2454
+ --color-sf-utility-msg-success-close-icon-color: #344054;
2455
+ --color-sf-utility-msg-success-close-icon-color-alt1: #344054;
2456
+ --color-sf-utility-msg-success-close-icon-color-alt2: #fff;
2457
+ --color-sf-utility-msg-warning-color: #b54707;
2458
+ --color-sf-utility-msg-warning-bg-color: #fffcf4;
2459
+ --color-sf-utility-msg-warning-border-color: #fede88;
2460
+ --color-sf-utility-msg-warning-color-alt1: #b54707;
2461
+ --color-sf-utility-msg-warning-bg-color-alt1: transparent;
2462
+ --color-sf-utility-msg-warning-border-color-alt1: #fcb022;
2463
+ --color-sf-utility-msg-warning-color-alt2: #fff;
2464
+ --color-sf-utility-msg-warning-bg-color-alt2: #db6803;
2465
+ --color-sf-utility-msg-warning-border-color-alt2: #db6803;
2466
+ --color-sf-utility-msg-warning-icon-color: #db6803;
2467
+ --color-sf-utility-msg-warning-icon-color-alt1: #db6803;
2468
+ --color-sf-utility-msg-warning-icon-color-alt2: #d0d5dd;
2469
+ --color-sf-utility-msg-warning-close-icon-color: #344054;
2470
+ --color-sf-utility-msg-warning-close-icon-color-alt1: #344054;
2471
+ --color-sf-utility-msg-warning-close-icon-color-alt2: #fff;
2472
+ --color-sf-utility-msg-info-color: #026aa2;
2473
+ --color-sf-utility-msg-info-bg-color: #f0f9ff;
2474
+ --color-sf-utility-msg-info-border-color: #7cd4fd;
2475
+ --color-sf-utility-msg-info-color-alt1: #026aa2;
2476
+ --color-sf-utility-msg-info-bg-color-alt1: transparent;
2477
+ --color-sf-utility-msg-info-border-color-alt1: #36bffa;
2478
+ --color-sf-utility-msg-info-color-alt2: #fff;
2479
+ --color-sf-utility-msg-info-bg-color-alt2: #0086c9;
2480
+ --color-sf-utility-msg-info-border-color-alt2: #0086c9;
2481
+ --color-sf-utility-msg-info-icon-color: #0086c9;
2482
+ --color-sf-utility-msg-info-icon-color-alt1: #0086c9;
2483
+ --color-sf-utility-msg-info-icon-color-alt2: #fff;
2484
+ --color-sf-utility-msg-info-close-icon-color: #344054;
2485
+ --color-sf-utility-msg-info-close-icon-color-alt1: #344054;
2486
+ --color-sf-utility-msg-info-close-icon-color-alt2: #fff;
2487
+ --color-sf-utility-appbar-bg-color-alt1: #fff;
2488
+ --color-sf-utility-appbar-color-alt1: #101828;
2489
+ --color-sf-utility-appbar-border-color-alt1: #eaecf0;
2490
+ --color-sf-utility-appbar-hover-bg-color-alt1: rgba(16, 24, 40, .056);
2491
+ --color-sf-utility-appbar-bg-color-alt2: #101828;
2492
+ --color-sf-utility-appbar-color-alt2: #fff;
2493
+ --color-sf-utility-appbar-border-color-alt2: #18212f;
2494
+ --color-sf-utility-appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08);
2495
+ --color-sf-utility-rating-selected-color: #fcb022;
2496
+ --color-sf-utility-rating-unrated-color: #eaecf0;
2497
+ --color-sf-utility-rating-selected-disabled-color: #fede88;
2498
+ --color-sf-utility-rating-unrated-disabled-color: #f2f4f7;
2499
+ --color-sf-utility-rating-selected-hover-color: #f78f08;
2500
+ --color-sf-utility-rating-unrated-hover-color: #fec84a;
2501
+ --color-sf-utility-rating-pressed-color: #f78f08;
2502
+ --color-sf-utility-avatar-border-color: rgba(0, 0, 0, .075);
2503
+ --color-sf-utility-overlay-bg-color: rgba(71, 84, 103, .7);
2309
2504
  }
2310
2505
 
2311
- .e-overlay {
2312
- background-color: var(--color-sf-utility-overlay-bg-color);
2313
- height: 100%;
2314
- opacity: 0.5;
2315
- pointer-events: none;
2316
- -ms-touch-action: none;
2317
- touch-action: none;
2506
+ .e-dark-mode {
2507
+ --color-sf-base-white: #fff;
2508
+ --color-sf-base-black: #000;
2509
+ --color-sf-base-transparent: transparent;
2510
+ --color-sf-brand-primary: #9d76ed;
2511
+ --color-sf-brand-primary-d10: rgb(140.8774193548, 95.4612903226, 234.0387096774);
2512
+ --color-sf-on-brand-solid-primary: #fff;
2513
+ --color-sf-brand-solid-primary: #7e56d8;
2514
+ --color-sf-text-primary: #f5f5f6;
2515
+ --color-sf-text-primary-on-brand: #f5f5f6;
2516
+ --color-sf-text-secondary: #cecfd2;
2517
+ --color-sf-text-secondary-hover: #ececed;
2518
+ --color-sf-text-secondary-on-brand: #cecfd2;
2519
+ --color-sf-text-tertiary: #94969c;
2520
+ --color-sf-text-tertiary-hover: #cecfd2;
2521
+ --color-sf-text-tertiary-on-brand: #94969c;
2522
+ --color-sf-text-quarterary: #94969c;
2523
+ --color-sf-text-quarterary-on-brand: #94969c;
2524
+ --color-sf-text-white: #fff;
2525
+ --color-sf-text-disabled: #85888e;
2526
+ --color-sf-text-placeholder: #85888e;
2527
+ --color-sf-text-placeholder-subtle: #333741;
2528
+ --color-sf-text-brand-primary: #f5f5f6;
2529
+ --color-sf-text-brand-secondary: #cecfd2;
2530
+ --color-sf-text-brand-tertiary: #94969c;
2531
+ --color-sf-text-brand-tertiary-alt: #f5f5f6;
2532
+ --color-sf-text-error-primary: #f97066;
2533
+ --color-sf-text-warning-primary: #fcb022;
2534
+ --color-sf-text-success-primary: #47cd89;
2535
+ --color-sf-bg-primary: #0c111d;
2536
+ --color-sf-bg-secondary: #161b26;
2537
+ --color-sf-bg-primary-alt: #161b26;
2538
+ --color-sf-bg-primary-hover: #1f242f;
2539
+ --color-sf-bg-primary-solid: #161b26;
2540
+ --color-sf-bg-secondary-alt: #0c111d;
2541
+ --color-sf-bg-secondary-hover: #1f242f;
2542
+ --color-sf-bg-secondary-subtle: #161b26;
2543
+ --color-sf-bg-secondary-solid: #61646c;
2544
+ --color-sf-bg-tertiary: #1f242f;
2545
+ --color-sf-bg-quaternary: #333741;
2546
+ --color-sf-bg-active: #1f242f;
2547
+ --color-sf-bg-disabled: #1f242f;
2548
+ --color-sf-bg-disabled-subtle: #161b26;
2549
+ --color-sf-bg-overlay: #1f242f;
2550
+ --color-sf-bg-brand-primary: #9d76ed;
2551
+ --color-sf-bg-brand-primary-alt: mapcolorvariable("bg-secondary");
2552
+ --color-sf-bg-brand-secondary: #7e56d8;
2553
+ --color-sf-bg-brand-solid: #7e56d8;
2554
+ --color-sf-bg-brand-solid-hover: #9d76ed;
2555
+ --color-sf-bg-brand-section: mapcolorvariable("bg-secondary");
2556
+ --color-sf-bg-brand-section-subtle: mapcolorvariable("bg-primary");
2557
+ --color-sf-bg-error-primary: #f04437;
2558
+ --color-sf-bg-error-secondary: #d92c20;
2559
+ --color-sf-bg-error-solid: #d92c20;
2560
+ --color-sf-bg-warning-primary: #f78f08;
2561
+ --color-sf-bg-warning-secondary: #db6803;
2562
+ --color-sf-bg-warning-solid: #db6803;
2563
+ --color-sf-bg-success-primary: #17b169;
2564
+ --color-sf-bg-success-secondary: #069454;
2565
+ --color-sf-bg-success-solid: #069454;
2566
+ --color-sf-border-primary: #333741;
2567
+ --color-sf-border-primary-alt: #61646c;
2568
+ --color-sf-border-secondary: #1f242f;
2569
+ --color-sf-border-tertiary: #1f242f;
2570
+ --color-sf-border-disabled: #333741;
2571
+ --color-sf-border-disabled-subtle: #1f242f;
2572
+ --color-sf-border-brand: #b692f6;
2573
+ --color-sf-border-brand-solid: #9d76ed;
2574
+ --color-sf-border-brand-solid-alt: #6840c6;
2575
+ --color-sf-border-error: #f97066;
2576
+ --color-sf-border-error-solid: #f04437;
2577
+ --color-sf-border-success: #47cd89;
2578
+ --color-sf-border-warning: #fcb022;
2579
+ --color-sf-fg-primary: #fff;
2580
+ --color-sf-fg-secondary: #cecfd2;
2581
+ --color-sf-fg-secondary-hover: #ececed;
2582
+ --color-sf-fg-tertiary: #94969c;
2583
+ --color-sf-fg-tertiary-hover: #cecfd2;
2584
+ --color-sf-fg-quarterary: #94969c;
2585
+ --color-sf-fg-quarterary-hover: #cecfd2;
2586
+ --color-sf-fg-quinary: #85888e;
2587
+ --color-sf-fg-quinary-hover: #94969c;
2588
+ --color-sf-fg-senary: #61646c;
2589
+ --color-sf-fg-white: #fff;
2590
+ --color-sf-fg-disabled: #85888e;
2591
+ --color-sf-fg-disabled-subtle: #61646c;
2592
+ --color-sf-fg-brand-primary: #9d76ed;
2593
+ --color-sf-fg-brand-primary-alt: #cecfd2;
2594
+ --color-sf-fg-brand-secondary: #9d76ed;
2595
+ --color-sf-fg-error-primary: #f04437;
2596
+ --color-sf-fg-error-secondary: #f97066;
2597
+ --color-sf-fg-warning-primary: #f78f08;
2598
+ --color-sf-fg-warning-secondary: #fcb022;
2599
+ --color-sf-fg-success-primary: #17b169;
2600
+ --color-sf-fg-success-secondary: #47cd89;
2601
+ --color-sf-utility-tooltip-bg: #ececed;
2602
+ --color-sf-utility-tooltip-text: #0c111d;
2603
+ --color-sf-utility-success: #47cd89;
2604
+ --color-sf-utility-info: #36bffa;
2605
+ --color-sf-utility-warning: #fcb022;
2606
+ --color-sf-utility-danger: #f97066;
2607
+ --color-sf-utility-success-light: #043320;
2608
+ --color-sf-utility-info-light: #0b4a6f;
2609
+ --color-sf-utility-warning-light: #4e1d08;
2610
+ --color-sf-utility-danger-light: #54150c;
2611
+ --color-sf-utility-primary-light: #52379e;
2612
+ --color-sf-utility-primary-alt: #d6bbfb;
2613
+ --color-sf-utility-primary-lighter: #2b1b5e;
2614
+ --color-sf-utility-success-lighter: #075d39;
2615
+ --color-sf-utility-info-lighter: #026aa2;
2616
+ --color-sf-utility-warning-lighter: #93370c;
2617
+ --color-sf-utility-danger-lighter: #901f17;
2618
+ --color-sf-utility-info-border-color: #52379e;
2619
+ --color-sf-utility-info-bg-color-hover: #2b1b5e;
2620
+ --color-sf-utility-info-bg-color-pressed: #52379e;
2621
+ --color-sf-utility-info-text: #9d76ed;
2622
+ --color-sf-utility-info-text-hover: #b692f6;
2623
+ --color-sf-utility-secondary-border-color: #333741;
2624
+ --color-sf-utility-secondary-bg-color: #161b26;
2625
+ --color-sf-utility-secondary-text-color: #cecfd2;
2626
+ --color-sf-utility-secondary-bg-color-hover: #1f242f;
2627
+ --color-sf-utility-secondary-text-color-hover: #f0f1f1;
2628
+ --color-sf-utility-secondary-bg-color-pressed: #333741;
2629
+ --color-sf-utility-secondary-text-color-pressed: #cecfd2;
2630
+ --color-sf-utility-content-bg-color-selected: #1f242f;
2631
+ --color-sf-utility-msg-color: #cecfd2;
2632
+ --color-sf-utility-msg-bg-color: #161b26;
2633
+ --color-sf-utility-msg-border-color: #333741;
2634
+ --color-sf-utility-msg-color-alt1: #ececed;
2635
+ --color-sf-utility-msg-bg-color-alt1: transparent;
2636
+ --color-sf-utility-msg-border-color-alt1: #61646c;
2637
+ --color-sf-utility-msg-color-alt2: #333741;
2638
+ --color-sf-utility-msg-bg-color-alt2: #ececed;
2639
+ --color-sf-utility-msg-border-color-alt2: #94969c;
2640
+ --color-sf-utility-msg-icon-color: #94969c;
2641
+ --color-sf-utility-msg-icon-color-alt1: #cecfd2;
2642
+ --color-sf-utility-msg-icon-color-alt2: #333741;
2643
+ --color-sf-utility-msg-close-icon-color: #cecfd2;
2644
+ --color-sf-utility-msg-close-icon-color-alt1: #cecfd2;
2645
+ --color-sf-utility-msg-close-icon-color-alt2: #333741;
2646
+ --color-sf-utility-msg-danger-color: #fca19b;
2647
+ --color-sf-utility-msg-danger-bg-color: #54150c;
2648
+ --color-sf-utility-msg-danger-border-color: #901f17;
2649
+ --color-sf-utility-msg-danger-color-alt1: #fecdc9;
2650
+ --color-sf-utility-msg-danger-bg-color-alt1: transparent;
2651
+ --color-sf-utility-msg-danger-border-color-alt1: #901f17;
2652
+ --color-sf-utility-msg-danger-color-alt2: #7a2619;
2653
+ --color-sf-utility-msg-danger-bg-color-alt2: #fecdc9;
2654
+ --color-sf-utility-msg-danger-border-color-alt2: #fca19b;
2655
+ --color-sf-utility-msg-danger-icon-color: #fca19b;
2656
+ --color-sf-utility-msg-danger-icon-color-alt1: #fca19b;
2657
+ --color-sf-utility-msg-danger-icon-color-alt2: #333741;
2658
+ --color-sf-utility-msg-danger-close-icon-color: #fca19b;
2659
+ --color-sf-utility-msg-danger-close-icon-color-alt1: #fca19b;
2660
+ --color-sf-utility-msg-danger-close-icon-color-alt2: #161b26;
2661
+ --color-sf-utility-msg-success-color: #75dfa6;
2662
+ --color-sf-utility-msg-success-bg-color: #043320;
2663
+ --color-sf-utility-msg-success-border-color: #075d39;
2664
+ --color-sf-utility-msg-success-color-alt1: #aaefc6;
2665
+ --color-sf-utility-msg-success-bg-color-alt1: transparent;
2666
+ --color-sf-utility-msg-success-border-color-alt1: #075d39;
2667
+ --color-sf-utility-msg-success-color-alt2: #161b26;
2668
+ --color-sf-utility-msg-success-bg-color-alt2: #aaefc6;
2669
+ --color-sf-utility-msg-success-border-color-alt2: #75dfa6;
2670
+ --color-sf-utility-msg-success-icon-color: #47cd89;
2671
+ --color-sf-utility-msg-success-icon-color-alt1: #75dfa6;
2672
+ --color-sf-utility-msg-success-icon-color-alt2: #333741;
2673
+ --color-sf-utility-msg-success-close-icon-color: #75dfa6;
2674
+ --color-sf-utility-msg-success-close-icon-color-alt1: #75dfa6;
2675
+ --color-sf-utility-msg-success-close-icon-color-alt2: #161b26;
2676
+ --color-sf-utility-msg-warning-color: #fec84a;
2677
+ --color-sf-utility-msg-warning-bg-color: #4e1d08;
2678
+ --color-sf-utility-msg-warning-border-color: #93370c;
2679
+ --color-sf-utility-msg-warning-color-alt1: #fede88;
2680
+ --color-sf-utility-msg-warning-bg-color-alt1: transparent;
2681
+ --color-sf-utility-msg-warning-border-color-alt1: #93370c;
2682
+ --color-sf-utility-msg-warning-color-alt2: #161b26;
2683
+ --color-sf-utility-msg-warning-bg-color-alt2: #fede88;
2684
+ --color-sf-utility-msg-warning-border-color-alt2: #fec84a;
2685
+ --color-sf-utility-msg-warning-icon-color: #f78f08;
2686
+ --color-sf-utility-msg-warning-icon-color-alt1: #f78f08;
2687
+ --color-sf-utility-msg-warning-icon-color-alt2: #333741;
2688
+ --color-sf-utility-msg-warning-close-icon-color: #fec84a;
2689
+ --color-sf-utility-msg-warning-close-icon-color-alt1: #fec84a;
2690
+ --color-sf-utility-msg-warning-close-icon-color-alt2: #161b26;
2691
+ --color-sf-utility-msg-info-color: #7cd4fd;
2692
+ --color-sf-utility-msg-info-bg-color: #0b4a6f;
2693
+ --color-sf-utility-msg-info-border-color: #065986;
2694
+ --color-sf-utility-msg-info-color-alt1: #b9e6fe;
2695
+ --color-sf-utility-msg-info-bg-color-alt1: transparent;
2696
+ --color-sf-utility-msg-info-border-color-alt1: #065986;
2697
+ --color-sf-utility-msg-info-color-alt2: #065986;
2698
+ --color-sf-utility-msg-info-bg-color-alt2: #d0d5dd;
2699
+ --color-sf-utility-msg-info-border-color-alt2: #d0d5dd;
2700
+ --color-sf-utility-msg-info-icon-color: #0ba5ec;
2701
+ --color-sf-utility-msg-info-icon-color-alt1: #0ba5ec;
2702
+ --color-sf-utility-msg-info-icon-color-alt2: #d0d5dd;
2703
+ --color-sf-utility-msg-info-close-icon-color: #7cd4fd;
2704
+ --color-sf-utility-msg-info-close-icon-color-alt1: #7cd4fd;
2705
+ --color-sf-utility-msg-info-close-icon-color-alt2: #161b26;
2706
+ --color-sf-utility-appbar-bg-color-alt1: #0c111d;
2707
+ --color-sf-utility-appbar-color-alt1: #f5f5f6;
2708
+ --color-sf-utility-appbar-border-color-alt1: #1f242f;
2709
+ --color-sf-utility-appbar-hover-bg-color-alt1: rgba(245, 245, 246, .06);
2710
+ --color-sf-utility-appbar-bg-color-alt2: #f0f1f1;
2711
+ --color-sf-utility-appbar-color-alt2: #161b26;
2712
+ --color-sf-utility-appbar-border-color-alt2: #ececed;
2713
+ --color-sf-utility-appbar-hover-bg-color-alt2: rgba(22, 27, 38, .08);
2714
+ --color-sf-utility-rating-selected-color: #fcb022;
2715
+ --color-sf-utility-rating-unrated-color: #333741;
2716
+ --color-sf-utility-rating-selected-disabled-color: #93370c;
2717
+ --color-sf-utility-rating-unrated-disabled-color: #1f242f;
2718
+ --color-sf-utility-rating-selected-hover-color: #f78f08;
2719
+ --color-sf-utility-rating-unrated-hover-color: #fec84a;
2720
+ --color-sf-utility-rating-pressed-color: #f78f08;
2721
+ --color-sf-utility-avatar-border-color: rgba(255, 255, 255, .075);
2722
+ --color-sf-utility-overlay-bg-color: rgba(97, 100, 108, .5);
2723
+ }
2724
+
2725
+ .e-control,
2726
+ .e-css,
2727
+ .e-error {
2728
+ font-family: "Inter";
2729
+ font-size: 12px;
2730
+ font-weight: normal;
2731
+ }
2732
+
2733
+ .e-error {
2734
+ color: var(--color-sf-utility-danger);
2735
+ }
2736
+
2737
+ .e-control,
2738
+ .e-control [class^=e-],
2739
+ .e-control [class*=" e-"] {
2740
+ -webkit-box-sizing: border-box;
2741
+ box-sizing: border-box;
2742
+ }
2743
+
2744
+ .e-control:focus,
2745
+ .e-control *:focus {
2746
+ outline: none;
2747
+ }
2748
+
2749
+ .e-rtl {
2750
+ direction: rtl;
2751
+ text-align: right;
2752
+ }
2753
+
2754
+ .e-overlay {
2755
+ background-color: var(--color-sf-utility-overlay-bg-color);
2756
+ height: 100%;
2757
+ opacity: 0.5;
2758
+ pointer-events: none;
2759
+ -ms-touch-action: none;
2760
+ touch-action: none;
2318
2761
  width: 100%;
2319
2762
  }
2320
2763
 
@@ -2372,6 +2815,447 @@
2372
2815
  cursor: pointer;
2373
2816
  }
2374
2817
 
2818
+ :root {
2819
+ --color-sf-base-white: #fff;
2820
+ --color-sf-base-black: #000;
2821
+ --color-sf-base-transparent: transparent;
2822
+ --color-sf-brand-primary: #7e56d8;
2823
+ --color-sf-brand-primary-d10: rgb(110.1850961538, 65.28125, 211.21875);
2824
+ --color-sf-on-brand-solid-primary: #fff;
2825
+ --color-sf-brand-solid-primary: #7e56d8;
2826
+ --color-sf-brand-solid-primary-hover: #6840c6;
2827
+ --color-sf-brand-solid-primary-pressed: #52379e;
2828
+ --color-sf-brand-solid-shadow: rgba(157, 118, 237, 0.24);
2829
+ --color-sf-text-primary: #101828;
2830
+ --color-sf-text-primary-on-brand: #fff;
2831
+ --color-sf-text-secondary: #344054;
2832
+ --color-sf-text-secondary-hover: #18212f;
2833
+ --color-sf-text-secondary-on-brand: #eaecf0;
2834
+ --color-sf-text-tertiary: #475467;
2835
+ --color-sf-text-tertiary-hover: #344054;
2836
+ --color-sf-text-tertiary-on-brand: #eaecf0;
2837
+ --color-sf-text-quarterary: #667085;
2838
+ --color-sf-text-quarterary-on-brand: #101828;
2839
+ --color-sf-text-white: #fff;
2840
+ --color-sf-text-disabled: #667085;
2841
+ --color-sf-text-placeholder: #667085;
2842
+ --color-sf-text-placeholder-subtle: #d0d5dd;
2843
+ --color-sf-text-brand-primary: #7e56d8;
2844
+ --color-sf-text-brand-secondary: #6840c6;
2845
+ --color-sf-text-brand-tertiary: #7e56d8;
2846
+ --color-sf-text-brand-tertiary-alt: #7e56d8;
2847
+ --color-sf-text-error-primary: #d92c20;
2848
+ --color-sf-text-warning-primary: #db6803;
2849
+ --color-sf-text-success-primary: #069454;
2850
+ --color-sf-bg-primary: #fff;
2851
+ --color-sf-bg-primary-alt: #fff;
2852
+ --color-sf-bg-primary-hover: #f9fafb;
2853
+ --color-sf-bg-primary-solid: #0c111d;
2854
+ --color-sf-bg-secondary: #f9fafb;
2855
+ --color-sf-bg-secondary-alt: #f9fafb;
2856
+ --color-sf-bg-secondary-hover: #f2f4f7;
2857
+ --color-sf-bg-secondary-subtle: #fcfcfd;
2858
+ --color-sf-bg-secondary-solid: #475467;
2859
+ --color-sf-bg-tertiary: #f2f4f7;
2860
+ --color-sf-bg-quaternary: #eaecf0;
2861
+ --color-sf-bg-active: #f9fafb;
2862
+ --color-sf-bg-disabled: #f2f4f7;
2863
+ --color-sf-bg-disabled-subtle: #f9fafb;
2864
+ --color-sf-bg-overlay: rgba(16, 24, 40, 1);
2865
+ --color-sf-bg-brand-primary: #f9f5ff;
2866
+ --color-sf-bg-brand-primary-alt: #f9f5ff;
2867
+ --color-sf-bg-brand-secondary: #f4ebff;
2868
+ --color-sf-bg-brand-solid: #7e56d8;
2869
+ --color-sf-bg-brand-solid-hover: #6840c6;
2870
+ --color-sf-bg-brand-section: #52379e;
2871
+ --color-sf-bg-brand-section-subtle: #6840c6;
2872
+ --color-sf-bg-error-primary: #fef2f1;
2873
+ --color-sf-bg-error-secondary: #fee3e1;
2874
+ --color-sf-bg-error-solid: #d92c20;
2875
+ --color-sf-bg-warning-primary: #fff9eb;
2876
+ --color-sf-bg-warning-secondary: #feefc6;
2877
+ --color-sf-bg-warning-solid: #db6803;
2878
+ --color-sf-bg-success-primary: #ecfcf2;
2879
+ --color-sf-bg-success-secondary: #dbf9e6;
2880
+ --color-sf-bg-success-solid: #069454;
2881
+ --color-sf-border-primary: #d0d5dd;
2882
+ --color-sf-border-primary-alt: #98a1b2;
2883
+ --color-sf-border-secondary: #eaecf0;
2884
+ --color-sf-border-tertiary: #f2f4f7;
2885
+ --color-sf-border-disabled: #d0d5dd;
2886
+ --color-sf-border-disabled-subtle: #eaecf0;
2887
+ --color-sf-border-brand: #d6bbfb;
2888
+ --color-sf-border-brand-solid: #7e56d8;
2889
+ --color-sf-border-brand-solid-alt: #7e56d8;
2890
+ --color-sf-border-error: #fca19b;
2891
+ --color-sf-border-error-solid: #d92c20;
2892
+ --color-sf-border-success: #47cd89;
2893
+ --color-sf-border-warning: #fec84a;
2894
+ --color-sf-fg-primary: #101828;
2895
+ --color-sf-fg-secondary: #344054;
2896
+ --color-sf-fg-secondary-hover: #18212f;
2897
+ --color-sf-fg-tertiary: #475467;
2898
+ --color-sf-fg-tertiary-hover: #344054;
2899
+ --color-sf-fg-quarterary: #667085;
2900
+ --color-sf-fg-quarterary-hover: #475467;
2901
+ --color-sf-fg-quinary: #98a1b2;
2902
+ --color-sf-fg-quinary-hover: #667085;
2903
+ --color-sf-fg-senary: #d0d5dd;
2904
+ --color-sf-fg-white: #fff;
2905
+ --color-sf-fg-disabled: #98a1b2;
2906
+ --color-sf-fg-disabled-subtle: #d0d5dd;
2907
+ --color-sf-fg-brand-primary: #7e56d8;
2908
+ --color-sf-fg-brand-primary-alt: #7e56d8;
2909
+ --color-sf-fg-brand-secondary: #9d76ed;
2910
+ --color-sf-fg-error-primary: #d92c20;
2911
+ --color-sf-fg-error-secondary: #f04437;
2912
+ --color-sf-fg-warning-primary: #db6803;
2913
+ --color-sf-fg-warning-secondary: #f78f08;
2914
+ --color-sf-fg-success-primary: #069454;
2915
+ --color-sf-fg-success-secondary: #17b169;
2916
+ --color-sf-utility-tooltip-bg: #0c111d;
2917
+ --color-sf-utility-tooltip-text: #fff;
2918
+ --color-sf-utility-success: #069454;
2919
+ --color-sf-utility-info: #065986;
2920
+ --color-sf-utility-warning: #db6803;
2921
+ --color-sf-utility-danger: #d92c20;
2922
+ --color-sf-utility-success-light: #ecfcf2;
2923
+ --color-sf-utility-info-light: #f0f9ff;
2924
+ --color-sf-utility-warning-light: #fff9eb;
2925
+ --color-sf-utility-danger-light: #fef2f1;
2926
+ --color-sf-utility-primary-light: #d6bbfb;
2927
+ --color-sf-utility-primary-alt: #7e56d8;
2928
+ --color-sf-utility-primary-lighter: #f9f5ff;
2929
+ --color-sf-utility-success-lighter: #aaefc6;
2930
+ --color-sf-utility-info-lighter: #b9e6fe;
2931
+ --color-sf-utility-warning-lighter: #fede88;
2932
+ --color-sf-utility-danger-lighter: #fecdc9;
2933
+ --color-sf-utility-info-border-color: #d6bbfb;
2934
+ --color-sf-utility-info-bg-color-hover: #f4ebff;
2935
+ --color-sf-utility-info-bg-color-pressed: #e9d7fe;
2936
+ --color-sf-utility-info-text: #6840c6;
2937
+ --color-sf-utility-info-text-hover: #52379e;
2938
+ --color-sf-utility-secondary-border-color: #d0d5dd;
2939
+ --color-sf-utility-secondary-bg-color: #fff;
2940
+ --color-sf-utility-secondary-text-color: #344054;
2941
+ --color-sf-utility-secondary-bg-color-hover: #f2f4f7;
2942
+ --color-sf-utility-secondary-text-color-hover: #344054;
2943
+ --color-sf-utility-secondary-bg-color-pressed: #eaecf0;
2944
+ --color-sf-utility-secondary-text-color-pressed: #18212f;
2945
+ --color-sf-utility-content-bg-color-selected: #eaecf0;
2946
+ --color-sf-utility-msg-color: #344054;
2947
+ --color-sf-utility-msg-bg-color: #f9fafb;
2948
+ --color-sf-utility-msg-border-color: #d0d5dd;
2949
+ --color-sf-utility-msg-color-alt1: #344054;
2950
+ --color-sf-utility-msg-bg-color-alt1: transparent;
2951
+ --color-sf-utility-msg-border-color-alt1: #98a1b2;
2952
+ --color-sf-utility-msg-color-alt2: #fff;
2953
+ --color-sf-utility-msg-bg-color-alt2: #475467;
2954
+ --color-sf-utility-msg-border-color-alt2: #475467;
2955
+ --color-sf-utility-msg-icon-color: #475467;
2956
+ --color-sf-utility-msg-icon-color-alt1: #475467;
2957
+ --color-sf-utility-msg-icon-color-alt2: #fff;
2958
+ --color-sf-utility-msg-close-icon-color: #344054;
2959
+ --color-sf-utility-msg-close-icon-color-alt1: #344054;
2960
+ --color-sf-utility-msg-close-icon-color-alt2: #fff;
2961
+ --color-sf-utility-msg-danger-color: #b32218;
2962
+ --color-sf-utility-msg-danger-bg-color: #fef2f1;
2963
+ --color-sf-utility-msg-danger-border-color: #fecdc9;
2964
+ --color-sf-utility-msg-danger-color-alt1: #d92c20;
2965
+ --color-sf-utility-msg-danger-bg-color-alt1: transparent;
2966
+ --color-sf-utility-msg-danger-border-color-alt1: #f97066;
2967
+ --color-sf-utility-msg-danger-color-alt2: #fff;
2968
+ --color-sf-utility-msg-danger-bg-color-alt2: #d92c20;
2969
+ --color-sf-utility-msg-danger-border-color-alt2: #d92c20;
2970
+ --color-sf-utility-msg-danger-icon-color: #d92c20;
2971
+ --color-sf-utility-msg-danger-icon-color-alt1: #d92c20;
2972
+ --color-sf-utility-msg-danger-icon-color-alt2: #d0d5dd;
2973
+ --color-sf-utility-msg-danger-close-icon-color: #344054;
2974
+ --color-sf-utility-msg-danger-close-icon-color-alt1: #344054;
2975
+ --color-sf-utility-msg-danger-close-icon-color-alt2: #fff;
2976
+ --color-sf-utility-msg-success-color: #057647;
2977
+ --color-sf-utility-msg-success-bg-color: #ecfcf2;
2978
+ --color-sf-utility-msg-success-border-color: #aaefc6;
2979
+ --color-sf-utility-msg-success-color-alt1: #057647;
2980
+ --color-sf-utility-msg-success-bg-color-alt1: transparent;
2981
+ --color-sf-utility-msg-success-border-color-alt1: #47cd89;
2982
+ --color-sf-utility-msg-success-color-alt2: #fff;
2983
+ --color-sf-utility-msg-success-bg-color-alt2: #069454;
2984
+ --color-sf-utility-msg-success-border-color-alt2: #069454;
2985
+ --color-sf-utility-msg-success-icon-color: #069454;
2986
+ --color-sf-utility-msg-success-icon-color-alt1: #069454;
2987
+ --color-sf-utility-msg-success-icon-color-alt2: #d0d5dd;
2988
+ --color-sf-utility-msg-success-close-icon-color: #344054;
2989
+ --color-sf-utility-msg-success-close-icon-color-alt1: #344054;
2990
+ --color-sf-utility-msg-success-close-icon-color-alt2: #fff;
2991
+ --color-sf-utility-msg-warning-color: #b54707;
2992
+ --color-sf-utility-msg-warning-bg-color: #fffcf4;
2993
+ --color-sf-utility-msg-warning-border-color: #fede88;
2994
+ --color-sf-utility-msg-warning-color-alt1: #b54707;
2995
+ --color-sf-utility-msg-warning-bg-color-alt1: transparent;
2996
+ --color-sf-utility-msg-warning-border-color-alt1: #fcb022;
2997
+ --color-sf-utility-msg-warning-color-alt2: #fff;
2998
+ --color-sf-utility-msg-warning-bg-color-alt2: #db6803;
2999
+ --color-sf-utility-msg-warning-border-color-alt2: #db6803;
3000
+ --color-sf-utility-msg-warning-icon-color: #db6803;
3001
+ --color-sf-utility-msg-warning-icon-color-alt1: #db6803;
3002
+ --color-sf-utility-msg-warning-icon-color-alt2: #d0d5dd;
3003
+ --color-sf-utility-msg-warning-close-icon-color: #344054;
3004
+ --color-sf-utility-msg-warning-close-icon-color-alt1: #344054;
3005
+ --color-sf-utility-msg-warning-close-icon-color-alt2: #fff;
3006
+ --color-sf-utility-msg-info-color: #026aa2;
3007
+ --color-sf-utility-msg-info-bg-color: #f0f9ff;
3008
+ --color-sf-utility-msg-info-border-color: #7cd4fd;
3009
+ --color-sf-utility-msg-info-color-alt1: #026aa2;
3010
+ --color-sf-utility-msg-info-bg-color-alt1: transparent;
3011
+ --color-sf-utility-msg-info-border-color-alt1: #36bffa;
3012
+ --color-sf-utility-msg-info-color-alt2: #fff;
3013
+ --color-sf-utility-msg-info-bg-color-alt2: #0086c9;
3014
+ --color-sf-utility-msg-info-border-color-alt2: #0086c9;
3015
+ --color-sf-utility-msg-info-icon-color: #0086c9;
3016
+ --color-sf-utility-msg-info-icon-color-alt1: #0086c9;
3017
+ --color-sf-utility-msg-info-icon-color-alt2: #fff;
3018
+ --color-sf-utility-msg-info-close-icon-color: #344054;
3019
+ --color-sf-utility-msg-info-close-icon-color-alt1: #344054;
3020
+ --color-sf-utility-msg-info-close-icon-color-alt2: #fff;
3021
+ --color-sf-utility-appbar-bg-color-alt1: #fff;
3022
+ --color-sf-utility-appbar-color-alt1: #101828;
3023
+ --color-sf-utility-appbar-border-color-alt1: #eaecf0;
3024
+ --color-sf-utility-appbar-hover-bg-color-alt1: rgba(16, 24, 40, .056);
3025
+ --color-sf-utility-appbar-bg-color-alt2: #101828;
3026
+ --color-sf-utility-appbar-color-alt2: #fff;
3027
+ --color-sf-utility-appbar-border-color-alt2: #18212f;
3028
+ --color-sf-utility-appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08);
3029
+ --color-sf-utility-rating-selected-color: #fcb022;
3030
+ --color-sf-utility-rating-unrated-color: #eaecf0;
3031
+ --color-sf-utility-rating-selected-disabled-color: #fede88;
3032
+ --color-sf-utility-rating-unrated-disabled-color: #f2f4f7;
3033
+ --color-sf-utility-rating-selected-hover-color: #f78f08;
3034
+ --color-sf-utility-rating-unrated-hover-color: #fec84a;
3035
+ --color-sf-utility-rating-pressed-color: #f78f08;
3036
+ --color-sf-utility-avatar-border-color: rgba(0, 0, 0, .075);
3037
+ --color-sf-utility-overlay-bg-color: rgba(71, 84, 103, .7);
3038
+ }
3039
+
3040
+ .e-dark-mode {
3041
+ --color-sf-base-white: #fff;
3042
+ --color-sf-base-black: #000;
3043
+ --color-sf-base-transparent: transparent;
3044
+ --color-sf-brand-primary: #9d76ed;
3045
+ --color-sf-brand-primary-d10: rgb(140.8774193548, 95.4612903226, 234.0387096774);
3046
+ --color-sf-on-brand-solid-primary: #fff;
3047
+ --color-sf-brand-solid-primary: #7e56d8;
3048
+ --color-sf-text-primary: #f5f5f6;
3049
+ --color-sf-text-primary-on-brand: #f5f5f6;
3050
+ --color-sf-text-secondary: #cecfd2;
3051
+ --color-sf-text-secondary-hover: #ececed;
3052
+ --color-sf-text-secondary-on-brand: #cecfd2;
3053
+ --color-sf-text-tertiary: #94969c;
3054
+ --color-sf-text-tertiary-hover: #cecfd2;
3055
+ --color-sf-text-tertiary-on-brand: #94969c;
3056
+ --color-sf-text-quarterary: #94969c;
3057
+ --color-sf-text-quarterary-on-brand: #94969c;
3058
+ --color-sf-text-white: #fff;
3059
+ --color-sf-text-disabled: #85888e;
3060
+ --color-sf-text-placeholder: #85888e;
3061
+ --color-sf-text-placeholder-subtle: #333741;
3062
+ --color-sf-text-brand-primary: #f5f5f6;
3063
+ --color-sf-text-brand-secondary: #cecfd2;
3064
+ --color-sf-text-brand-tertiary: #94969c;
3065
+ --color-sf-text-brand-tertiary-alt: #f5f5f6;
3066
+ --color-sf-text-error-primary: #f97066;
3067
+ --color-sf-text-warning-primary: #fcb022;
3068
+ --color-sf-text-success-primary: #47cd89;
3069
+ --color-sf-bg-primary: #0c111d;
3070
+ --color-sf-bg-secondary: #161b26;
3071
+ --color-sf-bg-primary-alt: #161b26;
3072
+ --color-sf-bg-primary-hover: #1f242f;
3073
+ --color-sf-bg-primary-solid: #161b26;
3074
+ --color-sf-bg-secondary-alt: #0c111d;
3075
+ --color-sf-bg-secondary-hover: #1f242f;
3076
+ --color-sf-bg-secondary-subtle: #161b26;
3077
+ --color-sf-bg-secondary-solid: #61646c;
3078
+ --color-sf-bg-tertiary: #1f242f;
3079
+ --color-sf-bg-quaternary: #333741;
3080
+ --color-sf-bg-active: #1f242f;
3081
+ --color-sf-bg-disabled: #1f242f;
3082
+ --color-sf-bg-disabled-subtle: #161b26;
3083
+ --color-sf-bg-overlay: #1f242f;
3084
+ --color-sf-bg-brand-primary: #9d76ed;
3085
+ --color-sf-bg-brand-primary-alt: mapcolorvariable("bg-secondary");
3086
+ --color-sf-bg-brand-secondary: #7e56d8;
3087
+ --color-sf-bg-brand-solid: #7e56d8;
3088
+ --color-sf-bg-brand-solid-hover: #9d76ed;
3089
+ --color-sf-bg-brand-section: mapcolorvariable("bg-secondary");
3090
+ --color-sf-bg-brand-section-subtle: mapcolorvariable("bg-primary");
3091
+ --color-sf-bg-error-primary: #f04437;
3092
+ --color-sf-bg-error-secondary: #d92c20;
3093
+ --color-sf-bg-error-solid: #d92c20;
3094
+ --color-sf-bg-warning-primary: #f78f08;
3095
+ --color-sf-bg-warning-secondary: #db6803;
3096
+ --color-sf-bg-warning-solid: #db6803;
3097
+ --color-sf-bg-success-primary: #17b169;
3098
+ --color-sf-bg-success-secondary: #069454;
3099
+ --color-sf-bg-success-solid: #069454;
3100
+ --color-sf-border-primary: #333741;
3101
+ --color-sf-border-primary-alt: #61646c;
3102
+ --color-sf-border-secondary: #1f242f;
3103
+ --color-sf-border-tertiary: #1f242f;
3104
+ --color-sf-border-disabled: #333741;
3105
+ --color-sf-border-disabled-subtle: #1f242f;
3106
+ --color-sf-border-brand: #b692f6;
3107
+ --color-sf-border-brand-solid: #9d76ed;
3108
+ --color-sf-border-brand-solid-alt: #6840c6;
3109
+ --color-sf-border-error: #f97066;
3110
+ --color-sf-border-error-solid: #f04437;
3111
+ --color-sf-border-success: #47cd89;
3112
+ --color-sf-border-warning: #fcb022;
3113
+ --color-sf-fg-primary: #fff;
3114
+ --color-sf-fg-secondary: #cecfd2;
3115
+ --color-sf-fg-secondary-hover: #ececed;
3116
+ --color-sf-fg-tertiary: #94969c;
3117
+ --color-sf-fg-tertiary-hover: #cecfd2;
3118
+ --color-sf-fg-quarterary: #94969c;
3119
+ --color-sf-fg-quarterary-hover: #cecfd2;
3120
+ --color-sf-fg-quinary: #85888e;
3121
+ --color-sf-fg-quinary-hover: #94969c;
3122
+ --color-sf-fg-senary: #61646c;
3123
+ --color-sf-fg-white: #fff;
3124
+ --color-sf-fg-disabled: #85888e;
3125
+ --color-sf-fg-disabled-subtle: #61646c;
3126
+ --color-sf-fg-brand-primary: #9d76ed;
3127
+ --color-sf-fg-brand-primary-alt: #cecfd2;
3128
+ --color-sf-fg-brand-secondary: #9d76ed;
3129
+ --color-sf-fg-error-primary: #f04437;
3130
+ --color-sf-fg-error-secondary: #f97066;
3131
+ --color-sf-fg-warning-primary: #f78f08;
3132
+ --color-sf-fg-warning-secondary: #fcb022;
3133
+ --color-sf-fg-success-primary: #17b169;
3134
+ --color-sf-fg-success-secondary: #47cd89;
3135
+ --color-sf-utility-tooltip-bg: #ececed;
3136
+ --color-sf-utility-tooltip-text: #0c111d;
3137
+ --color-sf-utility-success: #47cd89;
3138
+ --color-sf-utility-info: #36bffa;
3139
+ --color-sf-utility-warning: #fcb022;
3140
+ --color-sf-utility-danger: #f97066;
3141
+ --color-sf-utility-success-light: #043320;
3142
+ --color-sf-utility-info-light: #0b4a6f;
3143
+ --color-sf-utility-warning-light: #4e1d08;
3144
+ --color-sf-utility-danger-light: #54150c;
3145
+ --color-sf-utility-primary-light: #52379e;
3146
+ --color-sf-utility-primary-alt: #d6bbfb;
3147
+ --color-sf-utility-primary-lighter: #2b1b5e;
3148
+ --color-sf-utility-success-lighter: #075d39;
3149
+ --color-sf-utility-info-lighter: #026aa2;
3150
+ --color-sf-utility-warning-lighter: #93370c;
3151
+ --color-sf-utility-danger-lighter: #901f17;
3152
+ --color-sf-utility-info-border-color: #52379e;
3153
+ --color-sf-utility-info-bg-color-hover: #2b1b5e;
3154
+ --color-sf-utility-info-bg-color-pressed: #52379e;
3155
+ --color-sf-utility-info-text: #9d76ed;
3156
+ --color-sf-utility-info-text-hover: #b692f6;
3157
+ --color-sf-utility-secondary-border-color: #333741;
3158
+ --color-sf-utility-secondary-bg-color: #161b26;
3159
+ --color-sf-utility-secondary-text-color: #cecfd2;
3160
+ --color-sf-utility-secondary-bg-color-hover: #1f242f;
3161
+ --color-sf-utility-secondary-text-color-hover: #f0f1f1;
3162
+ --color-sf-utility-secondary-bg-color-pressed: #333741;
3163
+ --color-sf-utility-secondary-text-color-pressed: #cecfd2;
3164
+ --color-sf-utility-content-bg-color-selected: #1f242f;
3165
+ --color-sf-utility-msg-color: #cecfd2;
3166
+ --color-sf-utility-msg-bg-color: #161b26;
3167
+ --color-sf-utility-msg-border-color: #333741;
3168
+ --color-sf-utility-msg-color-alt1: #ececed;
3169
+ --color-sf-utility-msg-bg-color-alt1: transparent;
3170
+ --color-sf-utility-msg-border-color-alt1: #61646c;
3171
+ --color-sf-utility-msg-color-alt2: #333741;
3172
+ --color-sf-utility-msg-bg-color-alt2: #ececed;
3173
+ --color-sf-utility-msg-border-color-alt2: #94969c;
3174
+ --color-sf-utility-msg-icon-color: #94969c;
3175
+ --color-sf-utility-msg-icon-color-alt1: #cecfd2;
3176
+ --color-sf-utility-msg-icon-color-alt2: #333741;
3177
+ --color-sf-utility-msg-close-icon-color: #cecfd2;
3178
+ --color-sf-utility-msg-close-icon-color-alt1: #cecfd2;
3179
+ --color-sf-utility-msg-close-icon-color-alt2: #333741;
3180
+ --color-sf-utility-msg-danger-color: #fca19b;
3181
+ --color-sf-utility-msg-danger-bg-color: #54150c;
3182
+ --color-sf-utility-msg-danger-border-color: #901f17;
3183
+ --color-sf-utility-msg-danger-color-alt1: #fecdc9;
3184
+ --color-sf-utility-msg-danger-bg-color-alt1: transparent;
3185
+ --color-sf-utility-msg-danger-border-color-alt1: #901f17;
3186
+ --color-sf-utility-msg-danger-color-alt2: #7a2619;
3187
+ --color-sf-utility-msg-danger-bg-color-alt2: #fecdc9;
3188
+ --color-sf-utility-msg-danger-border-color-alt2: #fca19b;
3189
+ --color-sf-utility-msg-danger-icon-color: #fca19b;
3190
+ --color-sf-utility-msg-danger-icon-color-alt1: #fca19b;
3191
+ --color-sf-utility-msg-danger-icon-color-alt2: #333741;
3192
+ --color-sf-utility-msg-danger-close-icon-color: #fca19b;
3193
+ --color-sf-utility-msg-danger-close-icon-color-alt1: #fca19b;
3194
+ --color-sf-utility-msg-danger-close-icon-color-alt2: #161b26;
3195
+ --color-sf-utility-msg-success-color: #75dfa6;
3196
+ --color-sf-utility-msg-success-bg-color: #043320;
3197
+ --color-sf-utility-msg-success-border-color: #075d39;
3198
+ --color-sf-utility-msg-success-color-alt1: #aaefc6;
3199
+ --color-sf-utility-msg-success-bg-color-alt1: transparent;
3200
+ --color-sf-utility-msg-success-border-color-alt1: #075d39;
3201
+ --color-sf-utility-msg-success-color-alt2: #161b26;
3202
+ --color-sf-utility-msg-success-bg-color-alt2: #aaefc6;
3203
+ --color-sf-utility-msg-success-border-color-alt2: #75dfa6;
3204
+ --color-sf-utility-msg-success-icon-color: #47cd89;
3205
+ --color-sf-utility-msg-success-icon-color-alt1: #75dfa6;
3206
+ --color-sf-utility-msg-success-icon-color-alt2: #333741;
3207
+ --color-sf-utility-msg-success-close-icon-color: #75dfa6;
3208
+ --color-sf-utility-msg-success-close-icon-color-alt1: #75dfa6;
3209
+ --color-sf-utility-msg-success-close-icon-color-alt2: #161b26;
3210
+ --color-sf-utility-msg-warning-color: #fec84a;
3211
+ --color-sf-utility-msg-warning-bg-color: #4e1d08;
3212
+ --color-sf-utility-msg-warning-border-color: #93370c;
3213
+ --color-sf-utility-msg-warning-color-alt1: #fede88;
3214
+ --color-sf-utility-msg-warning-bg-color-alt1: transparent;
3215
+ --color-sf-utility-msg-warning-border-color-alt1: #93370c;
3216
+ --color-sf-utility-msg-warning-color-alt2: #161b26;
3217
+ --color-sf-utility-msg-warning-bg-color-alt2: #fede88;
3218
+ --color-sf-utility-msg-warning-border-color-alt2: #fec84a;
3219
+ --color-sf-utility-msg-warning-icon-color: #f78f08;
3220
+ --color-sf-utility-msg-warning-icon-color-alt1: #f78f08;
3221
+ --color-sf-utility-msg-warning-icon-color-alt2: #333741;
3222
+ --color-sf-utility-msg-warning-close-icon-color: #fec84a;
3223
+ --color-sf-utility-msg-warning-close-icon-color-alt1: #fec84a;
3224
+ --color-sf-utility-msg-warning-close-icon-color-alt2: #161b26;
3225
+ --color-sf-utility-msg-info-color: #7cd4fd;
3226
+ --color-sf-utility-msg-info-bg-color: #0b4a6f;
3227
+ --color-sf-utility-msg-info-border-color: #065986;
3228
+ --color-sf-utility-msg-info-color-alt1: #b9e6fe;
3229
+ --color-sf-utility-msg-info-bg-color-alt1: transparent;
3230
+ --color-sf-utility-msg-info-border-color-alt1: #065986;
3231
+ --color-sf-utility-msg-info-color-alt2: #065986;
3232
+ --color-sf-utility-msg-info-bg-color-alt2: #d0d5dd;
3233
+ --color-sf-utility-msg-info-border-color-alt2: #d0d5dd;
3234
+ --color-sf-utility-msg-info-icon-color: #0ba5ec;
3235
+ --color-sf-utility-msg-info-icon-color-alt1: #0ba5ec;
3236
+ --color-sf-utility-msg-info-icon-color-alt2: #d0d5dd;
3237
+ --color-sf-utility-msg-info-close-icon-color: #7cd4fd;
3238
+ --color-sf-utility-msg-info-close-icon-color-alt1: #7cd4fd;
3239
+ --color-sf-utility-msg-info-close-icon-color-alt2: #161b26;
3240
+ --color-sf-utility-appbar-bg-color-alt1: #0c111d;
3241
+ --color-sf-utility-appbar-color-alt1: #f5f5f6;
3242
+ --color-sf-utility-appbar-border-color-alt1: #1f242f;
3243
+ --color-sf-utility-appbar-hover-bg-color-alt1: rgba(245, 245, 246, .06);
3244
+ --color-sf-utility-appbar-bg-color-alt2: #f0f1f1;
3245
+ --color-sf-utility-appbar-color-alt2: #161b26;
3246
+ --color-sf-utility-appbar-border-color-alt2: #ececed;
3247
+ --color-sf-utility-appbar-hover-bg-color-alt2: rgba(22, 27, 38, .08);
3248
+ --color-sf-utility-rating-selected-color: #fcb022;
3249
+ --color-sf-utility-rating-unrated-color: #333741;
3250
+ --color-sf-utility-rating-selected-disabled-color: #93370c;
3251
+ --color-sf-utility-rating-unrated-disabled-color: #1f242f;
3252
+ --color-sf-utility-rating-selected-hover-color: #f78f08;
3253
+ --color-sf-utility-rating-unrated-hover-color: #fec84a;
3254
+ --color-sf-utility-rating-pressed-color: #f78f08;
3255
+ --color-sf-utility-avatar-border-color: rgba(255, 255, 255, .075);
3256
+ --color-sf-utility-overlay-bg-color: rgba(97, 100, 108, .5);
3257
+ }
3258
+
2375
3259
  @-webkit-keyframes SlideLeftOut {
2376
3260
  from {
2377
3261
  -webkit-transform: translate(0, 0);