@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
@@ -2980,6 +2980,1149 @@
2980
2980
  --color-sf-sort-bg-color: #333333;
2981
2981
  }
2982
2982
 
2983
+ :root {
2984
+ --color-sf-black: #000;
2985
+ --color-sf-white: #fff;
2986
+ --color-sf-primary: #0f6cbd;
2987
+ --color-sf-primary-text-color: #fff;
2988
+ --color-sf-primary-light: #b4d6fa;
2989
+ --color-sf-primary-lighter: #ebf3fc;
2990
+ --color-sf-primary-dark: #0f548c;
2991
+ --color-sf-primary-darker: #0c3b5e;
2992
+ --color-sf-success: #0e700e;
2993
+ --color-sf-info: #008aa9;
2994
+ --color-sf-warning: #bc4b09;
2995
+ --color-sf-danger: #d13438;
2996
+ --color-sf-success-light: #54b054;
2997
+ --color-sf-info-light: #56bfd7;
2998
+ --color-sf-warning-light: #fee5d7;
2999
+ --color-sf-danger-light: #eeacb2;
3000
+ --color-sf-success-dark: #54b054;
3001
+ --color-sf-info-dark: #56bfd7;
3002
+ --color-sf-warning-dark: #8a3707;
3003
+ --color-sf-danger-dark: #6e0811;
3004
+ --color-sf-success-light-alt: #f1faf1;
3005
+ --color-sf-info-light-alt: #f2fafc;
3006
+ --color-sf-warning-light-alt: #fff9f5;
3007
+ --color-sf-danger-light-alt: #fdf3f4;
3008
+ --color-sf-badge-warning: #fde300;
3009
+ --color-sf-badge-warning-text: #847619;
3010
+ --color-sf-primary-label-color: var(--color-sf-primary);
3011
+ --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
3012
+ --color-sf-brand-primary: #7e56d8;
3013
+ --color-sf-brand-primary-d10: rgb(110.1850961538, 65.28125, 211.21875);
3014
+ --color-sf-content-bg-color: #fafafa;
3015
+ --color-sf-content-bg-color-alt1: #fff;
3016
+ --color-sf-content-bg-color-alt2: #f5f5f5;
3017
+ --color-sf-content-bg-color-alt3: #e6e6e6;
3018
+ --color-sf-content-bg-color-alt4: #f0f0f0;
3019
+ --color-sf-content-bg-color-alt5: #ebebeb;
3020
+ --color-sf-content-bg-color-alt6: #e6e6e6;
3021
+ --color-sf-content-bg-color-hover: #f0f0f0;
3022
+ --color-sf-content-bg-color-pressed: #dbdbdb;
3023
+ --color-sf-content-bg-color-focus: #f0f0f0;
3024
+ --color-sf-content-bg-color-selected: #e6e6e6;
3025
+ --color-sf-content-bg-color-dragged: #ebf3fc;
3026
+ --color-sf-content-bg-color-disabled: #f0f0f0;
3027
+ --color-sf-flyout-bg-color: #fff;
3028
+ --color-sf-flyout-bg-color-hover: #f5f5f5;
3029
+ --color-sf-flyout-bg-color-pressed: #e0e0e0;
3030
+ --color-sf-flyout-bg-color-selected: #ebebeb;
3031
+ --color-sf-flyout-bg-color-focus: #f5f5f5;
3032
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
3033
+ --color-sf-table-bg-color-hover: #f5f5f5;
3034
+ --color-sf-table-bg-color-pressed: #e0e0e0;
3035
+ --color-sf-table-bg-color-selected: #ebf3fc;
3036
+ --color-sf-content-text-color: #242424;
3037
+ --color-sf-content-text-color-alt1: #424242;
3038
+ --color-sf-content-text-color-alt2: #616161;
3039
+ --color-sf-content-text-color-alt3: #707070;
3040
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
3041
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
3042
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
3043
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
3044
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
3045
+ --color-sf-content-text-color-disabled: #bdbdbd;
3046
+ --color-sf-placeholder-text-color: #707070;
3047
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
3048
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
3049
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
3050
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
3051
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
3052
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
3053
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
3054
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
3055
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
3056
+ --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
3057
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
3058
+ --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
3059
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
3060
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
3061
+ --color-sf-border-light: #e0e0e0;
3062
+ --color-sf-border: #d1d1d1;
3063
+ --color-sf-border-alt: #616161;
3064
+ --color-sf-border-dark: #c7c7c7;
3065
+ --color-sf-border-hover: #575757;
3066
+ --color-sf-border-pressed: #4d4d4d;
3067
+ --color-sf-border-focus: var(--color-sf-border);
3068
+ --color-sf-border-selected: #b3b3b3;
3069
+ --color-sf-border-dragged: #ebf3fc;
3070
+ --color-sf-border-disabled: var(--color-sf-border-light);
3071
+ --color-sf-border-warning: #da3b01;
3072
+ --color-sf-border-error: #c50f1f;
3073
+ --color-sf-border-success: #107c10;
3074
+ --color-sf-border-info: #0099bc;
3075
+ --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
3076
+ --color-sf-flyout-border: var(--color-sf-border-light);
3077
+ --color-sf-primary-bg-color: var(--color-sf-primary);
3078
+ --color-sf-primary-border-color: var(--color-sf-primary);
3079
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
3080
+ --color-sf-primary-bg-color-hover: #115ea3;
3081
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
3082
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
3083
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
3084
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
3085
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
3086
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
3087
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
3088
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
3089
+ --color-sf-primary-bg-color-disabled: #f0f0f0;
3090
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
3091
+ --color-sf-primary-text-disabled: #b8b8b8;
3092
+ --color-sf-primary-bg-color-selected: #0f548c;
3093
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
3094
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
3095
+ --color-sf-secondary-bg-color: #fff;
3096
+ --color-sf-secondary-border-color: #d1d1d1;
3097
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
3098
+ --color-sf-secondary-bg-color-hover: #f5f5f5;
3099
+ --color-sf-secondary-border-color-hover: #c7c7c7;
3100
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
3101
+ --color-sf-secondary-bg-color-pressed: #e0e0e0;
3102
+ --color-sf-secondary-border-color-pressed: #b3b3b3;
3103
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
3104
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
3105
+ --color-sf-secondary-border-color-focus: #000;
3106
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
3107
+ --color-sf-secondary-bg-color-disabled: #f0f0f0;
3108
+ --color-sf-secondary-border-color-disabled: #e0e0e0;
3109
+ --color-sf-secondary-text-color-disabled: #bdbdbd;
3110
+ --color-sf-secondary-bg-color-selected: #ebebeb;
3111
+ --color-sf-secondary-border-color-selected: #bdbdbd;
3112
+ --color-sf-secondary-text-color-selected: #242424;
3113
+ --color-sf-success-bg-color: #107c10;
3114
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
3115
+ --color-sf-success-text: var(--color-sf-primary-text-color);
3116
+ --color-sf-success-bg-color-hover: #0c5e0c;
3117
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
3118
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
3119
+ --color-sf-success-bg-color-pressed: #052505;
3120
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
3121
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
3122
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
3123
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
3124
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
3125
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3126
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
3127
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
3128
+ --color-sf-success-bg-color-selected: #094509;
3129
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
3130
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
3131
+ --color-sf-warning-bg-color: #f7630c;
3132
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
3133
+ --color-sf-warning-text: var(--color-sf-content-text-color);
3134
+ --color-sf-warning-bg-color-hover: #bc4b09;
3135
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
3136
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
3137
+ --color-sf-warning-bg-color-pressed: #4a1e04;
3138
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
3139
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
3140
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
3141
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
3142
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
3143
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3144
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
3145
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
3146
+ --color-sf-warning-bg-color-selected: #bc4b09;
3147
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
3148
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
3149
+ --color-sf-info-bg-color: #31afcc;
3150
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
3151
+ --color-sf-info-text: var(--color-sf-content-text-color);
3152
+ --color-sf-info-bg-color-hover: #008aa9;
3153
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
3154
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
3155
+ --color-sf-info-bg-color-pressed: #00748f;
3156
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
3157
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
3158
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
3159
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
3160
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
3161
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3162
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
3163
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
3164
+ --color-sf-info-bg-color-selected: #005669;
3165
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
3166
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
3167
+ --color-sf-danger-bg-color: #c50f1f;
3168
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
3169
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
3170
+ --color-sf-danger-bg-color-hover: #960b18;
3171
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
3172
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
3173
+ --color-sf-danger-bg-color-pressed: #3b0509;
3174
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
3175
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
3176
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
3177
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
3178
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
3179
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3180
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
3181
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
3182
+ --color-sf-danger-bg-color-selected: #6e0811;
3183
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
3184
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
3185
+ --color-sf-primary-outline: var(--color-sf-primary);
3186
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
3187
+ --color-sf-warning-outline: var(--color-sf-warning-border-color);
3188
+ --color-sf-danger-outline: var(--color-sf-danger-border-color);
3189
+ --color-sf-success-outline: var(--color-sf-success-border-color);
3190
+ --color-sf-info-outline: var(--color-sf-info-border-color);
3191
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
3192
+ --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
3193
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
3194
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
3195
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
3196
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
3197
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
3198
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
3199
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
3200
+ --color-sf-appbar-bg-color-alt2: #141414;
3201
+ --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
3202
+ --color-sf-appbar-border-color-alt2: #141414;
3203
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
3204
+ --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
3205
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
3206
+ --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
3207
+ --color-sf-rating-selected-color: #242424;
3208
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
3209
+ --color-sf-rating-selected-disabled-color: #b3b3b3;
3210
+ --color-sf-rating-unrated-disabled-color: #b3b3b3;
3211
+ --color-sf-rating-selected-hover-color: #115ea3;
3212
+ --color-sf-rating-unrated-hover-color: #0f6cbd;
3213
+ --color-sf-rating-pressed-color: #0f548c;
3214
+ --color-sf-msg-color: var(--color-sf-content-text-color);
3215
+ --color-sf-msg-bg-color: #f5f5f5;
3216
+ --color-sf-msg-border-color: #d1d1d1;
3217
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
3218
+ --color-sf-msg-bg-color-alt1: transparent;
3219
+ --color-sf-msg-border-color-alt1: #d1d1d1;
3220
+ --color-sf-msg-color-alt2: #fff;
3221
+ --color-sf-msg-bg-color-alt2: #616161;
3222
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
3223
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
3224
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
3225
+ --color-sf-msg-icon-color-alt2: #fff;
3226
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
3227
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
3228
+ --color-sf-msg-close-icon-color-alt2: #fff;
3229
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
3230
+ --color-sf-msg-success-bg-color: #f1faf1;
3231
+ --color-sf-msg-success-border-color: #9fd89f;
3232
+ --color-sf-msg-success-color-alt1: #0e700e;
3233
+ --color-sf-msg-success-bg-color-alt1: transparent;
3234
+ --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
3235
+ --color-sf-msg-success-color-alt2: #fff;
3236
+ --color-sf-msg-success-bg-color-alt2: #107c10;
3237
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
3238
+ --color-sf-msg-success-icon-color: #0e700e;
3239
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
3240
+ --color-sf-msg-success-icon-color-alt2: #fff;
3241
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
3242
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
3243
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
3244
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
3245
+ --color-sf-msg-danger-bg-color: #fdf3f4;
3246
+ --color-sf-msg-danger-border-color: #eeacb2;
3247
+ --color-sf-msg-danger-color-alt1: #b10e1c;
3248
+ --color-sf-msg-danger-bg-color-alt1: transparent;
3249
+ --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
3250
+ --color-sf-msg-danger-color-alt2: #fff;
3251
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
3252
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
3253
+ --color-sf-msg-danger-icon-color: #b10e1c;
3254
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
3255
+ --color-sf-msg-danger-icon-color-alt2: #fff;
3256
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
3257
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
3258
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
3259
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
3260
+ --color-sf-msg-info-bg-color: #f2fafc;
3261
+ --color-sf-msg-info-border-color: #a4deeb;
3262
+ --color-sf-msg-info-color-alt1: #00748f;
3263
+ --color-sf-msg-info-bg-color-alt1: transparent;
3264
+ --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
3265
+ --color-sf-msg-info-color-alt2: #fff;
3266
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
3267
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
3268
+ --color-sf-msg-info-icon-color: #008aa9;
3269
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
3270
+ --color-sf-msg-info-icon-color-alt2: #fff;
3271
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
3272
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
3273
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
3274
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
3275
+ --color-sf-msg-warning-bg-color: #fdf6f3;
3276
+ --color-sf-msg-warning-border-color: #f4bfab;
3277
+ --color-sf-msg-warning-color-alt1: #c43501;
3278
+ --color-sf-msg-warning-bg-color-alt1: transparent;
3279
+ --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
3280
+ --color-sf-msg-warning-color-alt2: #fff;
3281
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
3282
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
3283
+ --color-sf-msg-warning-icon-color: #c43501;
3284
+ --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
3285
+ --color-sf-msg-warning-icon-color-alt2: #fff;
3286
+ --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
3287
+ --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
3288
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
3289
+ --color-sf-utility-primary-lighter: #f9f5ff;
3290
+ --color-sf-utility-success-lighter: #aaefc6;
3291
+ --color-sf-utility-info-lighter: #b9e6fe;
3292
+ --color-sf-utility-warning-lighter: #fede88;
3293
+ --color-sf-utility-danger-lighter: #fecdc9;
3294
+ --color-sf-fg-white: #fff;
3295
+ --color-sf-shadow-color: #000;
3296
+ --color-sf-shadow-color1: #fff;
3297
+ --color-sf-link-button: var(--color-sf-primary);
3298
+ --color-sf-link-button-hover: #115ea3;
3299
+ --color-sf-link-button-pressed: #0c3b5e;
3300
+ --color-sf-link-button-focus: #0f6cbd;
3301
+ --color-sf-link-button-border-focus: #242424;
3302
+ --color-sf-chip-bg-color: #f5f5f5;
3303
+ --color-sf-chip-border-color: #f5f5f5;
3304
+ --color-sf-chip-bg-disabled: #f0f0f0;
3305
+ --color-sf-chip-border-disabled: #fff;
3306
+ --color-sf-secondary-outline-button-text-color-hover: #242424;
3307
+ --color-sf-secondary-outline-button-text-color-pressed: #242424;
3308
+ --color-sf-secondary-outline-button-text-color-selected: #242424;
3309
+ --color-sf-secondary-outline-button-text-color-focus: #242424;
3310
+ --color-sf-slider-shadow1: #fff;
3311
+ --color-sf-slider-shadow2: #d1d1d1;
3312
+ --color-sf-slider-disabled: #d1d1d1;
3313
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
3314
+ --color-sf-slider-bg-disabled: #e0e0e0;
3315
+ --color-sf-toggle-switch-border-disabled: #f0f0f0;
3316
+ --color-sf-calendar-icon-color: #0f6ebd;
3317
+ --color-sf-calendar-header-text-color-pressed: #0f548c;
3318
+ --color-sf-calendar-today-bg-color: #0f63bd;
3319
+ --color-sf-dialog-border: #fafafa;
3320
+ --color-sf-badge-light-bg-color: #e6e6e6;
3321
+ --color-sf-secondary-badge-border-color: #fff;
3322
+ --color-sf-secondary-badge-bg-color: #fff;
3323
+ --color-sf-secondary-badge-bg-color-focus: #fff;
3324
+ --color-sf-skeleton-bg-color: #e6e6e6;
3325
+ --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
3326
+ --color-sf-tab-selected-text-color-disabled: #bdbdbd;
3327
+ --color-sf-ribbon-border-color: #00000000;
3328
+ --color-sf-toolbar-icon-color: #0f6cbd;
3329
+ --color-sf-contextual-text: #616161;
3330
+ --color-sf-cell-selection-bg-color: #ebf3fc;
3331
+ --color-sf-document-editor-border-color: #00000000;
3332
+ --color-sf-holiday-bg-color: #f5f5f5;
3333
+ --color-sf-taskbar-bg: #b4d6fa;
3334
+ --color-sf-taskbar-border: #0f6cbd;
3335
+ --color-sf-taskbar-progress: #0f6cbd;
3336
+ --color-sf-sort-bg-color: #e6e6e6;
3337
+ }
3338
+
3339
+ :root,
3340
+ .e-dark-mode {
3341
+ --e-font-name: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
3342
+ --e-serif-font-name: "Roboto";
3343
+ --e-mono-font-name: "Roboto Mono";
3344
+ --e-radius: 1rem;
3345
+ --e-border: 1rem;
3346
+ --e-font-sans: sans-serif;
3347
+ --e-font-serif: serif;
3348
+ --e-font-mono: monospace;
3349
+ }
3350
+
3351
+ :root,
3352
+ .e-dark-mode {
3353
+ --e-font-family: var(--e-font-name), var(--e-font-sans);
3354
+ }
3355
+
3356
+ /* Font Family */
3357
+ /* Font Sizes */
3358
+ /* Radius */
3359
+ /* 1px */
3360
+ /* 2px */
3361
+ /* 3px */
3362
+ /* 4px */
3363
+ /* 5px */
3364
+ /* 6px */
3365
+ /* 7px */
3366
+ /* 8px */
3367
+ /* 9px */
3368
+ /* 10px */
3369
+ /* 11px */
3370
+ /* 12px */
3371
+ /* 13px */
3372
+ /* 14px */
3373
+ /* 15px */
3374
+ /* 16px */
3375
+ /* 17px */
3376
+ /* 18px */
3377
+ /* 19px */
3378
+ /* 20px */
3379
+ /* 21px */
3380
+ /* 22px */
3381
+ /* 23px */
3382
+ /* 24px */
3383
+ /* 25px */
3384
+ /* 26px */
3385
+ /* 27px */
3386
+ /* 28px */
3387
+ /* 29px */
3388
+ /* 30px */
3389
+ /* 31px */
3390
+ /* 32px */
3391
+ /* 33px */
3392
+ /* 34px */
3393
+ /* 35px */
3394
+ /* 36px */
3395
+ /* 37px */
3396
+ /* 38px */
3397
+ /* 39px */
3398
+ /* 40px */
3399
+ /* 41px */
3400
+ /* 42px */
3401
+ /* 43px */
3402
+ /* 44px */
3403
+ /* 45px */
3404
+ /* 46px */
3405
+ /* 47px */
3406
+ /* 48px */
3407
+ /* 49px */
3408
+ /* 50px */
3409
+ /* 5em */
3410
+ /* 65% */
3411
+ /* border */
3412
+ /* 0px */
3413
+ /* 1px */
3414
+ /* 1.5px */
3415
+ /* 2px */
3416
+ /* 3px */
3417
+ /* 4px */
3418
+ /* 5px */
3419
+ /* 6px */
3420
+ /* 7px */
3421
+ /* 8px */
3422
+ /* 9px */
3423
+ /* 10px */
3424
+ /* 11px */
3425
+ /* 12px */
3426
+ /* 13px */
3427
+ /* 14px */
3428
+ /* 15px */
3429
+ /* 16px */
3430
+ .e-dark-mode {
3431
+ --color-sf-black: #000;
3432
+ --color-sf-white: #fff;
3433
+ --color-sf-content-bg-color: #1f1f1f;
3434
+ --color-sf-content-bg-color-alt1: #292929;
3435
+ --color-sf-content-bg-color-alt2: #141414;
3436
+ --color-sf-content-bg-color-alt3: #333;
3437
+ --color-sf-content-bg-color-alt4: #0a0a0a;
3438
+ --color-sf-content-bg-color-alt5: #000;
3439
+ --color-sf-content-bg-color-alt6: #050505;
3440
+ --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
3441
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
3442
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
3443
+ --color-sf-content-bg-color-selected: #2e2e2e;
3444
+ --color-sf-content-bg-color-dragged: #08233b;
3445
+ --color-sf-content-bg-color-disabled: #141414;
3446
+ --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
3447
+ --color-sf-flyout-bg-color-hover: #3d3d3d;
3448
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
3449
+ --color-sf-flyout-bg-color-selected: #383838;
3450
+ --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
3451
+ --color-sf-overlay-bg-color: rgba($black, .4);
3452
+ --color-sf-table-bg-color-hover: #383838;
3453
+ --color-sf-table-bg-color-pressed: #2e2e2e;
3454
+ --color-sf-table-bg-color-selected: #082338;
3455
+ --color-sf-content-text-color: #fff;
3456
+ --color-sf-content-text-color-alt1: #d6d6d6;
3457
+ --color-sf-content-text-color-alt2: #adadad;
3458
+ --color-sf-content-text-color-alt3: #999;
3459
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
3460
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
3461
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
3462
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
3463
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
3464
+ --color-sf-content-text-color-disabled: #5c5c5c;
3465
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
3466
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
3467
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
3468
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
3469
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
3470
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
3471
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
3472
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
3473
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
3474
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
3475
+ --color-sf-icon-color: #d6d6d6;
3476
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
3477
+ --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
3478
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
3479
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
3480
+ --color-sf-border-light: #525252;
3481
+ --color-sf-border: #666;
3482
+ --color-sf-border-alt: #adadad;
3483
+ --color-sf-border-dark: #757575;
3484
+ --color-sf-border-hover: #757575;
3485
+ --color-sf-border-pressed: #4d4d4d;
3486
+ --color-sf-border-focus: var(--color-sf-border);
3487
+ --color-sf-border-selected: #6b6b6b;
3488
+ --color-sf-border-dragged: var(--color-sf-primary);
3489
+ --color-sf-border-disabled: #424242;
3490
+ --color-sf-border-warning: #bc4b09;
3491
+ --color-sf-border-error: #dc626d;
3492
+ --color-sf-border-success: #9fd89f;
3493
+ --color-sf-border-info: #18a4c4;
3494
+ --color-sf-spreadsheet-gridline: #e6e6e6;
3495
+ --color-sf-flyout-border: #525252;
3496
+ --color-sf-primary: #115ea3;
3497
+ --color-sf-primary-text-color: #fff;
3498
+ --color-sf-primary-light: #0e4775;
3499
+ --color-sf-primary-lighter: #082338;
3500
+ --color-sf-primary-dark: #62abf5;
3501
+ --color-sf-primary-darker: #96c6fa;
3502
+ --color-sf-success: #107c10;
3503
+ --color-sf-info: #0099bc;
3504
+ --color-sf-warning: #faa06b;
3505
+ --color-sf-danger: #dc626d;
3506
+ --color-sf-success-light: #094509;
3507
+ --color-sf-info-light: #005669;
3508
+ --color-sf-warning-light: #4a1e04;
3509
+ --color-sf-danger-light: #6e0811;
3510
+ --color-sf-success-dark: #c9eac9;
3511
+ --color-sf-info-dark: #cdedf4;
3512
+ --color-sf-warning-dark: #fee5d7;
3513
+ --color-sf-danger-dark: #fee5d7;
3514
+ --color-sf-success-light-alt: #052505;
3515
+ --color-sf-info-light-alt: #002e38;
3516
+ --color-sf-warning-light-alt: #4a1e04;
3517
+ --color-sf-danger-light-alt: #3b0509;
3518
+ --color-sf-badge-warning: #fde300;
3519
+ --color-sf-badge-warning-text: #fde300;
3520
+ --color-sf-primary-label-color: #479ef5;
3521
+ --color-sf-primary-cell-selection: #ebf3fc;
3522
+ --color-sf-primary-bg-color: var(--color-sf-primary);
3523
+ --color-sf-primary-border-color: var(--color-sf-primary);
3524
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
3525
+ --color-sf-primary-bg-color-hover: #0f6cbd;
3526
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
3527
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
3528
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
3529
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
3530
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
3531
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
3532
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
3533
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
3534
+ --color-sf-primary-bg-color-disabled: #141414;
3535
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
3536
+ --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
3537
+ --color-sf-primary-bg-color-selected: #0f548c;
3538
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
3539
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
3540
+ --color-sf-secondary-bg-color: #292929;
3541
+ --color-sf-secondary-border-color: var(--color-sf-border);
3542
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
3543
+ --color-sf-secondary-bg-color-hover: #3d3d3d;
3544
+ --color-sf-secondary-border-color-hover: #757575;
3545
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
3546
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
3547
+ --color-sf-secondary-border-color-pressed: #6b6b6b;
3548
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
3549
+ --color-sf-secondary-bg-color-focus: #383838;
3550
+ --color-sf-secondary-border-color-focus: #fff;
3551
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
3552
+ --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
3553
+ --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
3554
+ --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
3555
+ --color-sf-secondary-bg-color-selected: #383838;
3556
+ --color-sf-secondary-border-color-selected: #707070;
3557
+ --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
3558
+ --color-sf-success-bg-color: #218c21;
3559
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
3560
+ --color-sf-success-text: var(--color-sf-primary-text-color);
3561
+ --color-sf-success-bg-color-hover: #0e700e;
3562
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
3563
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
3564
+ --color-sf-success-bg-color-pressed: #052505;
3565
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
3566
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
3567
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
3568
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
3569
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
3570
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3571
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
3572
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
3573
+ --color-sf-success-bg-color-selected: #094509;
3574
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
3575
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
3576
+ --color-sf-warning-bg-color: #f87528;
3577
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
3578
+ --color-sf-warning-text: #242424;
3579
+ --color-sf-warning-bg-color-hover: #de590b;
3580
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
3581
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
3582
+ --color-sf-warning-bg-color-pressed: #4a1e04;
3583
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
3584
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
3585
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
3586
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
3587
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
3588
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3589
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
3590
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
3591
+ --color-sf-warning-bg-color-selected: #8a3707;
3592
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
3593
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
3594
+ --color-sf-info-bg-color: #18a4c4;
3595
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
3596
+ --color-sf-info-text: #242424;
3597
+ --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
3598
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
3599
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
3600
+ --color-sf-info-bg-color-pressed: #002e38;
3601
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
3602
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
3603
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
3604
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
3605
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
3606
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3607
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
3608
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
3609
+ --color-sf-info-bg-color-selected: #005669;
3610
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
3611
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
3612
+ --color-sf-danger-bg-color: #cc2635;
3613
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
3614
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
3615
+ --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
3616
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
3617
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
3618
+ --color-sf-danger-bg-color-pressed: #3b0509;
3619
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
3620
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
3621
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
3622
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
3623
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
3624
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
3625
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
3626
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
3627
+ --color-sf-danger-bg-color-selected: #6e0811;
3628
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
3629
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
3630
+ --color-sf-primary-outline: var(--color-sf-primary);
3631
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
3632
+ --color-sf-warning-outline: #f7630c;
3633
+ --color-sf-danger-outline: #c50f1f;
3634
+ --color-sf-success-outline: #107c10;
3635
+ --color-sf-info-outline: #0099bc;
3636
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
3637
+ --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
3638
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
3639
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
3640
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
3641
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
3642
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
3643
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
3644
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
3645
+ --color-sf-appbar-bg-color-alt2: #f5f5f5;
3646
+ --color-sf-appbar-color-alt2: #242424;
3647
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
3648
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
3649
+ --color-sf-diagram-palette-background: #e0e0e0;
3650
+ --color-sf-diagram-palette-hover-background: #bdbdbd;
3651
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
3652
+ --color-sf-rating-selected-color: #fff;
3653
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
3654
+ --color-sf-rating-selected-disabled-color: #575757;
3655
+ --color-sf-rating-unrated-disabled-color: #4d4d4d;
3656
+ --color-sf-rating-selected-hover-color: #2886de;
3657
+ --color-sf-rating-unrated-hover-color: #115ea3;
3658
+ --color-sf-rating-pressed-color: #479ef5;
3659
+ --color-sf-msg-color: var(--color-sf-content-text-color);
3660
+ --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
3661
+ --color-sf-msg-border-color: var(--color-sf-border);
3662
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
3663
+ --color-sf-msg-bg-color-alt1: transparent;
3664
+ --color-sf-msg-border-color-alt1: #666666;
3665
+ --color-sf-msg-color-alt2: #242424;
3666
+ --color-sf-msg-bg-color-alt2: #c2c2c2;
3667
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
3668
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
3669
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
3670
+ --color-sf-msg-icon-color-alt2: #fff;
3671
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
3672
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
3673
+ --color-sf-msg-close-icon-color-alt2: #fff;
3674
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
3675
+ --color-sf-msg-success-bg-color: #052505;
3676
+ --color-sf-msg-success-border-color: #107c10;
3677
+ --color-sf-msg-success-color-alt1: #54b054;
3678
+ --color-sf-msg-success-bg-color-alt1: transparent;
3679
+ --color-sf-msg-success-border-color-alt1: #218c21;
3680
+ --color-sf-msg-success-color-alt2: #fff;
3681
+ --color-sf-msg-success-bg-color-alt2: #107c10;
3682
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
3683
+ --color-sf-msg-success-icon-color: #54b054;
3684
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
3685
+ --color-sf-msg-success-icon-color-alt2: #fff;
3686
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
3687
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
3688
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
3689
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
3690
+ --color-sf-msg-danger-bg-color: #3b0509;
3691
+ --color-sf-msg-danger-border-color: #c50f1f;
3692
+ --color-sf-msg-danger-color-alt1: #dc626d;
3693
+ --color-sf-msg-danger-bg-color-alt1: transparent;
3694
+ --color-sf-msg-danger-border-color-alt1: #d33f4c;
3695
+ --color-sf-msg-danger-color-alt2: #fff;
3696
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
3697
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
3698
+ --color-sf-msg-danger-icon-color: #dc626d;
3699
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
3700
+ --color-sf-msg-danger-icon-color-alt2: #fff;
3701
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
3702
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
3703
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
3704
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
3705
+ --color-sf-msg-info-bg-color: #002e38;
3706
+ --color-sf-msg-info-border-color: #0099bc;
3707
+ --color-sf-msg-info-color-alt1: #56bfd7;
3708
+ --color-sf-msg-info-bg-color-alt1: transparent;
3709
+ --color-sf-msg-info-border-color-alt1: #31afdd;
3710
+ --color-sf-msg-info-color-alt2: #fff;
3711
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
3712
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
3713
+ --color-sf-msg-info-icon-color: #56bfd7;
3714
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
3715
+ --color-sf-msg-info-icon-color-alt2: #fff;
3716
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
3717
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
3718
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
3719
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
3720
+ --color-sf-msg-warning-bg-color: #411200;
3721
+ --color-sf-msg-warning-border-color: #da3b01;
3722
+ --color-sf-msg-warning-color-alt1: #e9835e;
3723
+ --color-sf-msg-warning-bg-color-alt1: transparent;
3724
+ --color-sf-msg-warning-border-color-alt1: #e36537;
3725
+ --color-sf-msg-warning-color-alt2: #fff;
3726
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
3727
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
3728
+ --color-sf-msg-warning-icon-color: #e9835e;
3729
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
3730
+ --color-sf-msg-warning-icon-color-alt2: #fff;
3731
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
3732
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
3733
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
3734
+ --color-sf-shadow-color: #fff;
3735
+ --color-sf-shadow-color1: #000;
3736
+ --color-sf-link-button: var(--color-sf-primary);
3737
+ --color-sf-link-button-hover: #0f6cbd;
3738
+ --color-sf-link-button-pressed: #115ea3;
3739
+ --color-sf-link-button-focus: #115ea3;
3740
+ --color-sf-link-button-border-focus: #fff;
3741
+ --color-sf-chip-bg-color: #141414;
3742
+ --color-sf-chip-border-color: #141414;
3743
+ --color-sf-chip-bg-disabled: #141414;
3744
+ --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
3745
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
3746
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
3747
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
3748
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
3749
+ --color-sf-slider-shadow1: #000;
3750
+ --color-sf-slider-shadow2: #666666;
3751
+ --color-sf-slider-disabled: #666666;
3752
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
3753
+ --color-sf-slider-bg-disabled: #525252;
3754
+ --color-sf-toggle-switch-border-disabled: #141414;
3755
+ --color-sf-calendar-icon-color: #1153a3;
3756
+ --color-sf-calendar-header-text-color-pressed: #62abf5;
3757
+ --color-sf-calendar-today-bg-color: #1153a3;
3758
+ --color-sf-dialog-border: #1f1f1f;
3759
+ --color-sf-badge-light-bg-color: #333333;
3760
+ --color-sf-secondary-badge-border-color: #292929;
3761
+ --color-sf-secondary-badge-bg-color: #292929;
3762
+ --color-sf-secondary-badge-bg-color-focus: #292929;
3763
+ --color-sf-skeleton-bg-color: #575757;
3764
+ --color-sf-tab-selected-bg-color-disabled: #115ea3;
3765
+ --color-sf-tab-selected-text-color-disabled: #a3a3a3;
3766
+ --color-sf-ribbon-border-color: #00000000;
3767
+ --color-sf-toolbar-icon-color: #479ef5;
3768
+ --color-sf-contextual-text: #fff;
3769
+ --color-sf-cell-selection-bg-color: #08233b;
3770
+ --color-sf-document-editor-border-color: #00000000;
3771
+ --color-sf-holiday-bg-color: #141414;
3772
+ --color-sf-taskbar-bg: #b4d6fa;
3773
+ --color-sf-taskbar-border: #0f6cbd;
3774
+ --color-sf-taskbar-progress: #0f6cbd;
3775
+ --color-sf-sort-bg-color: #333333;
3776
+ }
3777
+
3778
+ .e-high-contrast {
3779
+ --color-sf-black: #000;
3780
+ --color-sf-white: #fff;
3781
+ --color-sf-content-bg-color: #000;
3782
+ --color-sf-content-bg-color-alt1: var(--color-sf-black);
3783
+ --color-sf-content-bg-color-alt2: var(--color-sf-black);
3784
+ --color-sf-content-bg-color-alt3: var(--color-sf-black);
3785
+ --color-sf-content-bg-color-alt4: var(--color-sf-black);
3786
+ --color-sf-content-bg-color-alt5: var(--color-sf-black);
3787
+ --color-sf-content-bg-color-alt6: var(--color-sf-black);
3788
+ --color-sf-content-bg-color-hover: #1aebff;
3789
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
3790
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
3791
+ --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
3792
+ --color-sf-content-bg-color-dragged: #fff;
3793
+ --color-sf-content-bg-color-disabled: #000000;
3794
+ --color-sf-flyout-bg-color: var(--color-sf-black);
3795
+ --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
3796
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
3797
+ --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
3798
+ --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
3799
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
3800
+ --color-sf-table-bg-color-hover: #1aebff;
3801
+ --color-sf-table-bg-color-pressed: #1aebff;
3802
+ --color-sf-table-bg-color-selected: #1aebff;
3803
+ --color-sf-content-text-color: #fff;
3804
+ --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
3805
+ --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
3806
+ --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
3807
+ --color-sf-content-text-color-hover: #000;
3808
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
3809
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
3810
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
3811
+ --color-sf-content-text-color-dragged: #000;
3812
+ --color-sf-content-text-color-disabled: #3ff23f;
3813
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
3814
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
3815
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
3816
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
3817
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
3818
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
3819
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
3820
+ --color-sf-table-text-color-hover: #000;
3821
+ --color-sf-table-text-color-pressed: #000;
3822
+ --color-sf-table-text-color-selected: #000;
3823
+ --color-sf-icon-color: #fff;
3824
+ --color-sf-icon-color-hover: #000;
3825
+ --color-sf-icon-color-hover-alt: #fff;
3826
+ --color-sf-icon-color-pressed: #000;
3827
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
3828
+ --color-sf-border-light: #fff;
3829
+ --color-sf-border: var(--color-sf-border-light);
3830
+ --color-sf-border-alt: var(--color-sf-border-light);
3831
+ --color-sf-border-dark: var(--color-sf-border-light);
3832
+ --color-sf-border-hover: #1aebff;
3833
+ --color-sf-border-pressed: var(--color-sf-border-hover);
3834
+ --color-sf-border-focus: var(--color-sf-border-hover);
3835
+ --color-sf-border-selected: var(--color-sf-border-hover);
3836
+ --color-sf-border-dragged: var(--color-sf-border-light);
3837
+ --color-sf-border-disabled: #3ff23f;
3838
+ --color-sf-border-warning: #f7630c;
3839
+ --color-sf-border-error: #c50f1f;
3840
+ --color-sf-border-success: #107c10;
3841
+ --color-sf-border-info: #0099bc;
3842
+ --color-sf-spreadsheet-gridline: #e6e6e6;
3843
+ --color-sf-flyout-border: var(--color-sf-border-light);
3844
+ --color-sf-primary: #1aebff;
3845
+ --color-sf-primary-text-color: #000;
3846
+ --color-sf-primary-light: rgba(72, 245, 255, 1);
3847
+ --color-sf-primary-lighter: var(--color-sf-primary-light);
3848
+ --color-sf-primary-dark: var(--color-sf-primary);
3849
+ --color-sf-primary-darker: var(--color-sf-primary);
3850
+ --color-sf-success: #107c10;
3851
+ --color-sf-info: #0099bc;
3852
+ --color-sf-warning: #f7630c;
3853
+ --color-sf-danger: #c50f1f;
3854
+ --color-sf-success-light: #094509;
3855
+ --color-sf-info-light: #005669;
3856
+ --color-sf-warning-light: #4a1e04;
3857
+ --color-sf-danger-light: #6e0811;
3858
+ --color-sf-success-dark: #c9eac9;
3859
+ --color-sf-info-dark: #cdedf4;
3860
+ --color-sf-warning-dark: #fee5d7;
3861
+ --color-sf-danger-dark: #f6d1d5;
3862
+ --color-sf-success-light-alt: #052505;
3863
+ --color-sf-info-light-alt: #002e38;
3864
+ --color-sf-warning-light-alt: #4a1e04;
3865
+ --color-sf-danger-light-alt: #3b0509;
3866
+ --color-sf-badge-warning: #fde300;
3867
+ --color-sf-badge-warning-text: #fde300;
3868
+ --color-sf-primary-label-color: #1aebff;
3869
+ --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
3870
+ --color-sf-primary-bg-color: #1aebff;
3871
+ --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
3872
+ --color-sf-primary-text: #000;
3873
+ --color-sf-primary-bg-color-hover: #fff;
3874
+ --color-sf-primary-border-color-hover: #fff;
3875
+ --color-sf-primary-text-hover: #000;
3876
+ --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
3877
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
3878
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text);
3879
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
3880
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
3881
+ --color-sf-primary-text-focus: var(--color-sf-primary-text);
3882
+ --color-sf-primary-bg-color-disabled: #000;
3883
+ --color-sf-primary-border-color-disabled: #3ff23f;
3884
+ --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
3885
+ --color-sf-primary-bg-color-selected: #fff;
3886
+ --color-sf-primary-border-color-selected: #fff;
3887
+ --color-sf-primary-text-selected: #000;
3888
+ --color-sf-secondary-bg-color: #000;
3889
+ --color-sf-secondary-border-color: var(--color-sf-border);
3890
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
3891
+ --color-sf-secondary-bg-color-hover: #1aebff;
3892
+ --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
3893
+ --color-sf-secondary-text-color-hover: #000;
3894
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
3895
+ --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
3896
+ --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
3897
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
3898
+ --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
3899
+ --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
3900
+ --color-sf-secondary-bg-color-disabled: #000;
3901
+ --color-sf-secondary-border-color-disabled: #3ff23f;
3902
+ --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
3903
+ --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
3904
+ --color-sf-secondary-border-color-selected: #fff;
3905
+ --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
3906
+ --color-sf-success-bg-color: #107c10;
3907
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
3908
+ --color-sf-success-text: #fff;
3909
+ --color-sf-success-bg-color-hover: #fff;
3910
+ --color-sf-success-border-color-hover: #fff;
3911
+ --color-sf-success-text-hover: #000;
3912
+ --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
3913
+ --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
3914
+ --color-sf-success-text-pressed: var(--color-sf-success-text);
3915
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
3916
+ --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
3917
+ --color-sf-success-text-focus: var(--color-sf-success-text);
3918
+ --color-sf-success-bg-color-disabled: #000;
3919
+ --color-sf-success-border-color-disabled: #3ff23f;
3920
+ --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
3921
+ --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
3922
+ --color-sf-success-border-color-selected: #fff;
3923
+ --color-sf-success-text-selected: var(--color-sf-success-text);
3924
+ --color-sf-warning-bg-color: #f7630c;
3925
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
3926
+ --color-sf-warning-text: #000;
3927
+ --color-sf-warning-bg-color-hover: #fff;
3928
+ --color-sf-warning-border-color-hover: #fff;
3929
+ --color-sf-warning-text-hover: #000;
3930
+ --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
3931
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
3932
+ --color-sf-warning-text-pressed: var(--color-sf-warning-text);
3933
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
3934
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
3935
+ --color-sf-warning-text-focus: var(--color-sf-warning-text);
3936
+ --color-sf-warning-bg-color-disabled: #000;
3937
+ --color-sf-warning-border-color-disabled: #3ff23f;
3938
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
3939
+ --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
3940
+ --color-sf-warning-border-color-selected: #fff;
3941
+ --color-sf-warning-text-selected: var(--color-sf-warning-text);
3942
+ --color-sf-info-bg-color: #0099bc;
3943
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
3944
+ --color-sf-info-text: #000;
3945
+ --color-sf-info-bg-color-hover: #fff;
3946
+ --color-sf-info-border-color-hover: #fff;
3947
+ --color-sf-info-text-hover: #000;
3948
+ --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
3949
+ --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
3950
+ --color-sf-info-text-pressed: var(--color-sf-info-text);
3951
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
3952
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
3953
+ --color-sf-info-text-focus: var(--color-sf-info-text);
3954
+ --color-sf-info-bg-color-disabled: #000;
3955
+ --color-sf-info-border-color-disabled: #3ff23f;
3956
+ --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
3957
+ --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
3958
+ --color-sf-info-border-color-selected: #fff;
3959
+ --color-sf-info-text-selected: var(--color-sf-info-text);
3960
+ --color-sf-danger-bg-color: #c50f1f;
3961
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
3962
+ --color-sf-danger-text: #fff;
3963
+ --color-sf-danger-bg-color-hover: #fff;
3964
+ --color-sf-danger-border-color-hover: #fff;
3965
+ --color-sf-danger-text-hover: #000;
3966
+ --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
3967
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
3968
+ --color-sf-danger-text-pressed: var(--color-sf-danger-text);
3969
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
3970
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
3971
+ --color-sf-danger-text-focus: var(--color-sf-danger-text);
3972
+ --color-sf-danger-bg-color-disabled: #000;
3973
+ --color-sf-danger-border-color-disabled: #3ff23f;
3974
+ --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
3975
+ --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
3976
+ --color-sf-danger-border-color-selected: #fff;
3977
+ --color-sf-danger-text-selected: var(--color-sf-danger-text);
3978
+ --color-sf-primary-outline: var(--color-sf-primary);
3979
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
3980
+ --color-sf-warning-outline: #f7630c;
3981
+ --color-sf-danger-outline: #c50f1f;
3982
+ --color-sf-success-outline: #107c10;
3983
+ --color-sf-info-outline: #0099bc;
3984
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
3985
+ --color-sf-tooltip-border: var(--color-sf-border-light);
3986
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
3987
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
3988
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
3989
+ --color-sf-appbar-bg-color-alt1: #fff;
3990
+ --color-sf-appbar-color-alt1: #000;
3991
+ --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
3992
+ --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
3993
+ --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
3994
+ --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
3995
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
3996
+ --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
3997
+ --color-sf-diagram-palette-background: #cccccc;
3998
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
3999
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
4000
+ --color-sf-rating-selected-color: #fff;
4001
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
4002
+ --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
4003
+ --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
4004
+ --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
4005
+ --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
4006
+ --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
4007
+ --color-sf-msg-color: #fff;
4008
+ --color-sf-msg-bg-color: #000;
4009
+ --color-sf-msg-border-color: var(--color-sf-msg-color);
4010
+ --color-sf-msg-color-alt1: #1aebff;
4011
+ --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
4012
+ --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
4013
+ --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
4014
+ --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
4015
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
4016
+ --color-sf-msg-icon-color: var(--color-sf-msg-color);
4017
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
4018
+ --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
4019
+ --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
4020
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
4021
+ --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
4022
+ --color-sf-msg-success-color: #107c10;
4023
+ --color-sf-msg-success-bg-color: #000;
4024
+ --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
4025
+ --color-sf-msg-success-color-alt1: #107c10;
4026
+ --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
4027
+ --color-sf-msg-success-border-color-alt1: #fff;
4028
+ --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
4029
+ --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
4030
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
4031
+ --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
4032
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
4033
+ --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
4034
+ --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
4035
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
4036
+ --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
4037
+ --color-sf-msg-danger-color: #c50f1f;
4038
+ --color-sf-msg-danger-bg-color: #000;
4039
+ --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
4040
+ --color-sf-msg-danger-color-alt1: #c50f1f;
4041
+ --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
4042
+ --color-sf-msg-danger-border-color-alt1: #fff;
4043
+ --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
4044
+ --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
4045
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
4046
+ --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
4047
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
4048
+ --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
4049
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
4050
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
4051
+ --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
4052
+ --color-sf-msg-info-color: #0099bc;
4053
+ --color-sf-msg-info-bg-color: #000;
4054
+ --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
4055
+ --color-sf-msg-info-color-alt1: #0099bc;
4056
+ --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
4057
+ --color-sf-msg-info-border-color-alt1: #fff;
4058
+ --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
4059
+ --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
4060
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
4061
+ --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
4062
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
4063
+ --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
4064
+ --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
4065
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
4066
+ --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
4067
+ --color-sf-msg-warning-color: #f7630c;
4068
+ --color-sf-msg-warning-bg-color: #000;
4069
+ --color-sf-msg-warning-border-color: #da3b01;
4070
+ --color-sf-msg-warning-color-alt1: #f7630c;
4071
+ --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
4072
+ --color-sf-msg-warning-border-color-alt1: #fff;
4073
+ --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
4074
+ --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
4075
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
4076
+ --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
4077
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
4078
+ --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
4079
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
4080
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
4081
+ --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
4082
+ --color-sf-shadow-color: #fff;
4083
+ --color-sf-shadow-color1: #1aebff;
4084
+ --color-sf-link-button: #fff000;
4085
+ --color-sf-link-button-hover: #fff000;
4086
+ --color-sf-link-button-pressed: #fff000;
4087
+ --color-sf-link-button-focus: #fff000;
4088
+ --color-sf-link-button-border-focus: #1aebff;
4089
+ --color-sf-chip-bg-color: #000;
4090
+ --color-sf-chip-border-color: #fff;
4091
+ --color-sf-chip-bg-disabled: #000;
4092
+ --color-sf-chip-border-disabled: #3ff23f;
4093
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
4094
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
4095
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
4096
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
4097
+ --color-sf-slider-shadow1: #000;
4098
+ --color-sf-slider-shadow2: #fff;
4099
+ --color-sf-slider-disabled: #3ff23f;
4100
+ --color-sf-slider-border-color: #fff;
4101
+ --color-sf-slider-bg-disabled: #000;
4102
+ --color-sf-toggle-switch-border-disabled: #3ff23f;
4103
+ --color-sf-calendar-icon-color: #000;
4104
+ --color-sf-calendar-header-text-color-pressed: #000;
4105
+ --color-sf-calendar-today-bg-color: #fff;
4106
+ --color-sf-dialog-border: #fff;
4107
+ --color-sf-badge-light-bg-color: #000;
4108
+ --color-sf-secondary-badge-border-color: #fff;
4109
+ --color-sf-secondary-badge-bg-color: #000;
4110
+ --color-sf-secondary-badge-bg-color-focus: #fff;
4111
+ --color-sf-skeleton-bg-color: #ffffff;
4112
+ --color-sf-tab-selected-bg-color-disabled: #000;
4113
+ --color-sf-tab-selected-text-color-disabled: #3ff23f;
4114
+ --color-sf-ribbon-border-color: #fff;
4115
+ --color-sf-toolbar-icon-color: #000;
4116
+ --color-sf-contextual-text: #000;
4117
+ --color-sf-cell-selection-bg-color: #1aecff1f;
4118
+ --color-sf-document-editor-border-color: #fff;
4119
+ --color-sf-holiday-bg-color: #333333;
4120
+ --color-sf-taskbar-bg: #3e047d;
4121
+ --color-sf-taskbar-border: #fff;
4122
+ --color-sf-taskbar-progress: #6e06f1;
4123
+ --color-sf-sort-bg-color: #333333;
4124
+ }
4125
+
2983
4126
  .e-control,
2984
4127
  .e-css,
2985
4128
  .e-error {
@@ -3052,25 +4195,1168 @@
3052
4195
  color: #0b6a0b;
3053
4196
  }
3054
4197
 
3055
- .e-information {
3056
- color: #fff;
4198
+ .e-information {
4199
+ color: #fff;
4200
+ }
4201
+
4202
+ .e-block-touch {
4203
+ -ms-touch-action: pinch-zoom;
4204
+ touch-action: pinch-zoom;
4205
+ }
4206
+
4207
+ .e-license {
4208
+ color: #ff0;
4209
+ text-decoration: none;
4210
+ }
4211
+
4212
+ .e-license-banner {
4213
+ position: absolute;
4214
+ right: 10px;
4215
+ top: 27%;
4216
+ cursor: pointer;
4217
+ }
4218
+
4219
+ :root {
4220
+ --color-sf-black: #000;
4221
+ --color-sf-white: #fff;
4222
+ --color-sf-primary: #0f6cbd;
4223
+ --color-sf-primary-text-color: #fff;
4224
+ --color-sf-primary-light: #b4d6fa;
4225
+ --color-sf-primary-lighter: #ebf3fc;
4226
+ --color-sf-primary-dark: #0f548c;
4227
+ --color-sf-primary-darker: #0c3b5e;
4228
+ --color-sf-success: #0e700e;
4229
+ --color-sf-info: #008aa9;
4230
+ --color-sf-warning: #bc4b09;
4231
+ --color-sf-danger: #d13438;
4232
+ --color-sf-success-light: #54b054;
4233
+ --color-sf-info-light: #56bfd7;
4234
+ --color-sf-warning-light: #fee5d7;
4235
+ --color-sf-danger-light: #eeacb2;
4236
+ --color-sf-success-dark: #54b054;
4237
+ --color-sf-info-dark: #56bfd7;
4238
+ --color-sf-warning-dark: #8a3707;
4239
+ --color-sf-danger-dark: #6e0811;
4240
+ --color-sf-success-light-alt: #f1faf1;
4241
+ --color-sf-info-light-alt: #f2fafc;
4242
+ --color-sf-warning-light-alt: #fff9f5;
4243
+ --color-sf-danger-light-alt: #fdf3f4;
4244
+ --color-sf-badge-warning: #fde300;
4245
+ --color-sf-badge-warning-text: #847619;
4246
+ --color-sf-primary-label-color: var(--color-sf-primary);
4247
+ --color-sf-primary-cell-selection: var(--color-sf-primary-lighter);
4248
+ --color-sf-brand-primary: #7e56d8;
4249
+ --color-sf-brand-primary-d10: rgb(110.1850961538, 65.28125, 211.21875);
4250
+ --color-sf-content-bg-color: #fafafa;
4251
+ --color-sf-content-bg-color-alt1: #fff;
4252
+ --color-sf-content-bg-color-alt2: #f5f5f5;
4253
+ --color-sf-content-bg-color-alt3: #e6e6e6;
4254
+ --color-sf-content-bg-color-alt4: #f0f0f0;
4255
+ --color-sf-content-bg-color-alt5: #ebebeb;
4256
+ --color-sf-content-bg-color-alt6: #e6e6e6;
4257
+ --color-sf-content-bg-color-hover: #f0f0f0;
4258
+ --color-sf-content-bg-color-pressed: #dbdbdb;
4259
+ --color-sf-content-bg-color-focus: #f0f0f0;
4260
+ --color-sf-content-bg-color-selected: #e6e6e6;
4261
+ --color-sf-content-bg-color-dragged: #ebf3fc;
4262
+ --color-sf-content-bg-color-disabled: #f0f0f0;
4263
+ --color-sf-flyout-bg-color: #fff;
4264
+ --color-sf-flyout-bg-color-hover: #f5f5f5;
4265
+ --color-sf-flyout-bg-color-pressed: #e0e0e0;
4266
+ --color-sf-flyout-bg-color-selected: #ebebeb;
4267
+ --color-sf-flyout-bg-color-focus: #f5f5f5;
4268
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
4269
+ --color-sf-table-bg-color-hover: #f5f5f5;
4270
+ --color-sf-table-bg-color-pressed: #e0e0e0;
4271
+ --color-sf-table-bg-color-selected: #ebf3fc;
4272
+ --color-sf-content-text-color: #242424;
4273
+ --color-sf-content-text-color-alt1: #424242;
4274
+ --color-sf-content-text-color-alt2: #616161;
4275
+ --color-sf-content-text-color-alt3: #707070;
4276
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
4277
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
4278
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color);
4279
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
4280
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
4281
+ --color-sf-content-text-color-disabled: #bdbdbd;
4282
+ --color-sf-placeholder-text-color: #707070;
4283
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
4284
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
4285
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
4286
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
4287
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
4288
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
4289
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
4290
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
4291
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
4292
+ --color-sf-icon-color: var(--color-sf-content-text-color-alt1);
4293
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
4294
+ --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
4295
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
4296
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
4297
+ --color-sf-border-light: #e0e0e0;
4298
+ --color-sf-border: #d1d1d1;
4299
+ --color-sf-border-alt: #616161;
4300
+ --color-sf-border-dark: #c7c7c7;
4301
+ --color-sf-border-hover: #575757;
4302
+ --color-sf-border-pressed: #4d4d4d;
4303
+ --color-sf-border-focus: var(--color-sf-border);
4304
+ --color-sf-border-selected: #b3b3b3;
4305
+ --color-sf-border-dragged: #ebf3fc;
4306
+ --color-sf-border-disabled: var(--color-sf-border-light);
4307
+ --color-sf-border-warning: #da3b01;
4308
+ --color-sf-border-error: #c50f1f;
4309
+ --color-sf-border-success: #107c10;
4310
+ --color-sf-border-info: #0099bc;
4311
+ --color-sf-spreadsheet-gridline: var(--color-sf-content-bg-color-alt3);
4312
+ --color-sf-flyout-border: var(--color-sf-border-light);
4313
+ --color-sf-primary-bg-color: var(--color-sf-primary);
4314
+ --color-sf-primary-border-color: var(--color-sf-primary);
4315
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
4316
+ --color-sf-primary-bg-color-hover: #115ea3;
4317
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
4318
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
4319
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
4320
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
4321
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
4322
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
4323
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
4324
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
4325
+ --color-sf-primary-bg-color-disabled: #f0f0f0;
4326
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
4327
+ --color-sf-primary-text-disabled: #b8b8b8;
4328
+ --color-sf-primary-bg-color-selected: #0f548c;
4329
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
4330
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
4331
+ --color-sf-secondary-bg-color: #fff;
4332
+ --color-sf-secondary-border-color: #d1d1d1;
4333
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
4334
+ --color-sf-secondary-bg-color-hover: #f5f5f5;
4335
+ --color-sf-secondary-border-color-hover: #c7c7c7;
4336
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
4337
+ --color-sf-secondary-bg-color-pressed: #e0e0e0;
4338
+ --color-sf-secondary-border-color-pressed: #b3b3b3;
4339
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
4340
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color);
4341
+ --color-sf-secondary-border-color-focus: #000;
4342
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
4343
+ --color-sf-secondary-bg-color-disabled: #f0f0f0;
4344
+ --color-sf-secondary-border-color-disabled: #e0e0e0;
4345
+ --color-sf-secondary-text-color-disabled: #bdbdbd;
4346
+ --color-sf-secondary-bg-color-selected: #ebebeb;
4347
+ --color-sf-secondary-border-color-selected: #bdbdbd;
4348
+ --color-sf-secondary-text-color-selected: #242424;
4349
+ --color-sf-success-bg-color: #107c10;
4350
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
4351
+ --color-sf-success-text: var(--color-sf-primary-text-color);
4352
+ --color-sf-success-bg-color-hover: #0c5e0c;
4353
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
4354
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
4355
+ --color-sf-success-bg-color-pressed: #052505;
4356
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
4357
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
4358
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
4359
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
4360
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
4361
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4362
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
4363
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
4364
+ --color-sf-success-bg-color-selected: #094509;
4365
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
4366
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
4367
+ --color-sf-warning-bg-color: #f7630c;
4368
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
4369
+ --color-sf-warning-text: var(--color-sf-content-text-color);
4370
+ --color-sf-warning-bg-color-hover: #bc4b09;
4371
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
4372
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
4373
+ --color-sf-warning-bg-color-pressed: #4a1e04;
4374
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
4375
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
4376
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
4377
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
4378
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
4379
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4380
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
4381
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
4382
+ --color-sf-warning-bg-color-selected: #bc4b09;
4383
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
4384
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
4385
+ --color-sf-info-bg-color: #31afcc;
4386
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
4387
+ --color-sf-info-text: var(--color-sf-content-text-color);
4388
+ --color-sf-info-bg-color-hover: #008aa9;
4389
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
4390
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
4391
+ --color-sf-info-bg-color-pressed: #00748f;
4392
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
4393
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
4394
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
4395
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
4396
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
4397
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4398
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
4399
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
4400
+ --color-sf-info-bg-color-selected: #005669;
4401
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
4402
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
4403
+ --color-sf-danger-bg-color: #c50f1f;
4404
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
4405
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
4406
+ --color-sf-danger-bg-color-hover: #960b18;
4407
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
4408
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
4409
+ --color-sf-danger-bg-color-pressed: #3b0509;
4410
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
4411
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
4412
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
4413
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
4414
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
4415
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4416
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
4417
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
4418
+ --color-sf-danger-bg-color-selected: #6e0811;
4419
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
4420
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
4421
+ --color-sf-primary-outline: var(--color-sf-primary);
4422
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
4423
+ --color-sf-warning-outline: var(--color-sf-warning-border-color);
4424
+ --color-sf-danger-outline: var(--color-sf-danger-border-color);
4425
+ --color-sf-success-outline: var(--color-sf-success-border-color);
4426
+ --color-sf-info-outline: var(--color-sf-info-border-color);
4427
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
4428
+ --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
4429
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
4430
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
4431
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
4432
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
4433
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
4434
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
4435
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
4436
+ --color-sf-appbar-bg-color-alt2: #141414;
4437
+ --color-sf-appbar-color-alt2: var(--color-sf-content-bg-color-alt1);
4438
+ --color-sf-appbar-border-color-alt2: #141414;
4439
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
4440
+ --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt1);
4441
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
4442
+ --color-sf-diagram-palette-selected-background: var(--color-sf-content-bg-color-selected);
4443
+ --color-sf-rating-selected-color: #242424;
4444
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
4445
+ --color-sf-rating-selected-disabled-color: #b3b3b3;
4446
+ --color-sf-rating-unrated-disabled-color: #b3b3b3;
4447
+ --color-sf-rating-selected-hover-color: #115ea3;
4448
+ --color-sf-rating-unrated-hover-color: #0f6cbd;
4449
+ --color-sf-rating-pressed-color: #0f548c;
4450
+ --color-sf-msg-color: var(--color-sf-content-text-color);
4451
+ --color-sf-msg-bg-color: #f5f5f5;
4452
+ --color-sf-msg-border-color: #d1d1d1;
4453
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
4454
+ --color-sf-msg-bg-color-alt1: transparent;
4455
+ --color-sf-msg-border-color-alt1: #d1d1d1;
4456
+ --color-sf-msg-color-alt2: #fff;
4457
+ --color-sf-msg-bg-color-alt2: #616161;
4458
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
4459
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
4460
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
4461
+ --color-sf-msg-icon-color-alt2: #fff;
4462
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
4463
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
4464
+ --color-sf-msg-close-icon-color-alt2: #fff;
4465
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
4466
+ --color-sf-msg-success-bg-color: #f1faf1;
4467
+ --color-sf-msg-success-border-color: #9fd89f;
4468
+ --color-sf-msg-success-color-alt1: #0e700e;
4469
+ --color-sf-msg-success-bg-color-alt1: transparent;
4470
+ --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
4471
+ --color-sf-msg-success-color-alt2: #fff;
4472
+ --color-sf-msg-success-bg-color-alt2: #107c10;
4473
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
4474
+ --color-sf-msg-success-icon-color: #0e700e;
4475
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
4476
+ --color-sf-msg-success-icon-color-alt2: #fff;
4477
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
4478
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
4479
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
4480
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
4481
+ --color-sf-msg-danger-bg-color: #fdf3f4;
4482
+ --color-sf-msg-danger-border-color: #eeacb2;
4483
+ --color-sf-msg-danger-color-alt1: #b10e1c;
4484
+ --color-sf-msg-danger-bg-color-alt1: transparent;
4485
+ --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
4486
+ --color-sf-msg-danger-color-alt2: #fff;
4487
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
4488
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
4489
+ --color-sf-msg-danger-icon-color: #b10e1c;
4490
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
4491
+ --color-sf-msg-danger-icon-color-alt2: #fff;
4492
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
4493
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
4494
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
4495
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
4496
+ --color-sf-msg-info-bg-color: #f2fafc;
4497
+ --color-sf-msg-info-border-color: #a4deeb;
4498
+ --color-sf-msg-info-color-alt1: #00748f;
4499
+ --color-sf-msg-info-bg-color-alt1: transparent;
4500
+ --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
4501
+ --color-sf-msg-info-color-alt2: #fff;
4502
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
4503
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
4504
+ --color-sf-msg-info-icon-color: #008aa9;
4505
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
4506
+ --color-sf-msg-info-icon-color-alt2: #fff;
4507
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
4508
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
4509
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
4510
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
4511
+ --color-sf-msg-warning-bg-color: #fdf6f3;
4512
+ --color-sf-msg-warning-border-color: #f4bfab;
4513
+ --color-sf-msg-warning-color-alt1: #c43501;
4514
+ --color-sf-msg-warning-bg-color-alt1: transparent;
4515
+ --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
4516
+ --color-sf-msg-warning-color-alt2: #fff;
4517
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
4518
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
4519
+ --color-sf-msg-warning-icon-color: #c43501;
4520
+ --color-sf-msg-warning-icon-color-alt1: --color-sf-msg-warning-icon-color;
4521
+ --color-sf-msg-warning-icon-color-alt2: #fff;
4522
+ --color-sf-msg-warning-close-icon-color: --color-sf-content-text-color-alt1;
4523
+ --color-sf-msg-warning-close-icon-color-alt1: --color-sf-msg-warning-close-icon-color-alt1;
4524
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
4525
+ --color-sf-utility-primary-lighter: #f9f5ff;
4526
+ --color-sf-utility-success-lighter: #aaefc6;
4527
+ --color-sf-utility-info-lighter: #b9e6fe;
4528
+ --color-sf-utility-warning-lighter: #fede88;
4529
+ --color-sf-utility-danger-lighter: #fecdc9;
4530
+ --color-sf-fg-white: #fff;
4531
+ --color-sf-shadow-color: #000;
4532
+ --color-sf-shadow-color1: #fff;
4533
+ --color-sf-link-button: var(--color-sf-primary);
4534
+ --color-sf-link-button-hover: #115ea3;
4535
+ --color-sf-link-button-pressed: #0c3b5e;
4536
+ --color-sf-link-button-focus: #0f6cbd;
4537
+ --color-sf-link-button-border-focus: #242424;
4538
+ --color-sf-chip-bg-color: #f5f5f5;
4539
+ --color-sf-chip-border-color: #f5f5f5;
4540
+ --color-sf-chip-bg-disabled: #f0f0f0;
4541
+ --color-sf-chip-border-disabled: #fff;
4542
+ --color-sf-secondary-outline-button-text-color-hover: #242424;
4543
+ --color-sf-secondary-outline-button-text-color-pressed: #242424;
4544
+ --color-sf-secondary-outline-button-text-color-selected: #242424;
4545
+ --color-sf-secondary-outline-button-text-color-focus: #242424;
4546
+ --color-sf-slider-shadow1: #fff;
4547
+ --color-sf-slider-shadow2: #d1d1d1;
4548
+ --color-sf-slider-disabled: #d1d1d1;
4549
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
4550
+ --color-sf-slider-bg-disabled: #e0e0e0;
4551
+ --color-sf-toggle-switch-border-disabled: #f0f0f0;
4552
+ --color-sf-calendar-icon-color: #0f6ebd;
4553
+ --color-sf-calendar-header-text-color-pressed: #0f548c;
4554
+ --color-sf-calendar-today-bg-color: #0f63bd;
4555
+ --color-sf-dialog-border: #fafafa;
4556
+ --color-sf-badge-light-bg-color: #e6e6e6;
4557
+ --color-sf-secondary-badge-border-color: #fff;
4558
+ --color-sf-secondary-badge-bg-color: #fff;
4559
+ --color-sf-secondary-badge-bg-color-focus: #fff;
4560
+ --color-sf-skeleton-bg-color: #e6e6e6;
4561
+ --color-sf-tab-selected-bg-color-disabled: #0f6ebd;
4562
+ --color-sf-tab-selected-text-color-disabled: #bdbdbd;
4563
+ --color-sf-ribbon-border-color: #00000000;
4564
+ --color-sf-toolbar-icon-color: #0f6cbd;
4565
+ --color-sf-contextual-text: #616161;
4566
+ --color-sf-cell-selection-bg-color: #ebf3fc;
4567
+ --color-sf-document-editor-border-color: #00000000;
4568
+ --color-sf-holiday-bg-color: #f5f5f5;
4569
+ --color-sf-taskbar-bg: #b4d6fa;
4570
+ --color-sf-taskbar-border: #0f6cbd;
4571
+ --color-sf-taskbar-progress: #0f6cbd;
4572
+ --color-sf-sort-bg-color: #e6e6e6;
4573
+ }
4574
+
4575
+ :root,
4576
+ .e-dark-mode {
4577
+ --e-font-name: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
4578
+ --e-serif-font-name: "Roboto";
4579
+ --e-mono-font-name: "Roboto Mono";
4580
+ --e-radius: 1rem;
4581
+ --e-border: 1rem;
4582
+ --e-font-sans: sans-serif;
4583
+ --e-font-serif: serif;
4584
+ --e-font-mono: monospace;
3057
4585
  }
3058
4586
 
3059
- .e-block-touch {
3060
- -ms-touch-action: pinch-zoom;
3061
- touch-action: pinch-zoom;
4587
+ :root,
4588
+ .e-dark-mode {
4589
+ --e-font-family: var(--e-font-name), var(--e-font-sans);
3062
4590
  }
3063
4591
 
3064
- .e-license {
3065
- color: #ff0;
3066
- text-decoration: none;
4592
+ /* Font Family */
4593
+ /* Font Sizes */
4594
+ /* Radius */
4595
+ /* 1px */
4596
+ /* 2px */
4597
+ /* 3px */
4598
+ /* 4px */
4599
+ /* 5px */
4600
+ /* 6px */
4601
+ /* 7px */
4602
+ /* 8px */
4603
+ /* 9px */
4604
+ /* 10px */
4605
+ /* 11px */
4606
+ /* 12px */
4607
+ /* 13px */
4608
+ /* 14px */
4609
+ /* 15px */
4610
+ /* 16px */
4611
+ /* 17px */
4612
+ /* 18px */
4613
+ /* 19px */
4614
+ /* 20px */
4615
+ /* 21px */
4616
+ /* 22px */
4617
+ /* 23px */
4618
+ /* 24px */
4619
+ /* 25px */
4620
+ /* 26px */
4621
+ /* 27px */
4622
+ /* 28px */
4623
+ /* 29px */
4624
+ /* 30px */
4625
+ /* 31px */
4626
+ /* 32px */
4627
+ /* 33px */
4628
+ /* 34px */
4629
+ /* 35px */
4630
+ /* 36px */
4631
+ /* 37px */
4632
+ /* 38px */
4633
+ /* 39px */
4634
+ /* 40px */
4635
+ /* 41px */
4636
+ /* 42px */
4637
+ /* 43px */
4638
+ /* 44px */
4639
+ /* 45px */
4640
+ /* 46px */
4641
+ /* 47px */
4642
+ /* 48px */
4643
+ /* 49px */
4644
+ /* 50px */
4645
+ /* 5em */
4646
+ /* 65% */
4647
+ /* border */
4648
+ /* 0px */
4649
+ /* 1px */
4650
+ /* 1.5px */
4651
+ /* 2px */
4652
+ /* 3px */
4653
+ /* 4px */
4654
+ /* 5px */
4655
+ /* 6px */
4656
+ /* 7px */
4657
+ /* 8px */
4658
+ /* 9px */
4659
+ /* 10px */
4660
+ /* 11px */
4661
+ /* 12px */
4662
+ /* 13px */
4663
+ /* 14px */
4664
+ /* 15px */
4665
+ /* 16px */
4666
+ .e-dark-mode {
4667
+ --color-sf-black: #000;
4668
+ --color-sf-white: #fff;
4669
+ --color-sf-content-bg-color: #1f1f1f;
4670
+ --color-sf-content-bg-color-alt1: #292929;
4671
+ --color-sf-content-bg-color-alt2: #141414;
4672
+ --color-sf-content-bg-color-alt3: #333;
4673
+ --color-sf-content-bg-color-alt4: #0a0a0a;
4674
+ --color-sf-content-bg-color-alt5: #000;
4675
+ --color-sf-content-bg-color-alt6: #050505;
4676
+ --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
4677
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
4678
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
4679
+ --color-sf-content-bg-color-selected: #2e2e2e;
4680
+ --color-sf-content-bg-color-dragged: #08233b;
4681
+ --color-sf-content-bg-color-disabled: #141414;
4682
+ --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
4683
+ --color-sf-flyout-bg-color-hover: #3d3d3d;
4684
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
4685
+ --color-sf-flyout-bg-color-selected: #383838;
4686
+ --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
4687
+ --color-sf-overlay-bg-color: rgba($black, .4);
4688
+ --color-sf-table-bg-color-hover: #383838;
4689
+ --color-sf-table-bg-color-pressed: #2e2e2e;
4690
+ --color-sf-table-bg-color-selected: #082338;
4691
+ --color-sf-content-text-color: #fff;
4692
+ --color-sf-content-text-color-alt1: #d6d6d6;
4693
+ --color-sf-content-text-color-alt2: #adadad;
4694
+ --color-sf-content-text-color-alt3: #999;
4695
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
4696
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
4697
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
4698
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
4699
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
4700
+ --color-sf-content-text-color-disabled: #5c5c5c;
4701
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
4702
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
4703
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
4704
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
4705
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
4706
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
4707
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
4708
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
4709
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
4710
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
4711
+ --color-sf-icon-color: #d6d6d6;
4712
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
4713
+ --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
4714
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
4715
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
4716
+ --color-sf-border-light: #525252;
4717
+ --color-sf-border: #666;
4718
+ --color-sf-border-alt: #adadad;
4719
+ --color-sf-border-dark: #757575;
4720
+ --color-sf-border-hover: #757575;
4721
+ --color-sf-border-pressed: #4d4d4d;
4722
+ --color-sf-border-focus: var(--color-sf-border);
4723
+ --color-sf-border-selected: #6b6b6b;
4724
+ --color-sf-border-dragged: var(--color-sf-primary);
4725
+ --color-sf-border-disabled: #424242;
4726
+ --color-sf-border-warning: #bc4b09;
4727
+ --color-sf-border-error: #dc626d;
4728
+ --color-sf-border-success: #9fd89f;
4729
+ --color-sf-border-info: #18a4c4;
4730
+ --color-sf-spreadsheet-gridline: #e6e6e6;
4731
+ --color-sf-flyout-border: #525252;
4732
+ --color-sf-primary: #115ea3;
4733
+ --color-sf-primary-text-color: #fff;
4734
+ --color-sf-primary-light: #0e4775;
4735
+ --color-sf-primary-lighter: #082338;
4736
+ --color-sf-primary-dark: #62abf5;
4737
+ --color-sf-primary-darker: #96c6fa;
4738
+ --color-sf-success: #107c10;
4739
+ --color-sf-info: #0099bc;
4740
+ --color-sf-warning: #faa06b;
4741
+ --color-sf-danger: #dc626d;
4742
+ --color-sf-success-light: #094509;
4743
+ --color-sf-info-light: #005669;
4744
+ --color-sf-warning-light: #4a1e04;
4745
+ --color-sf-danger-light: #6e0811;
4746
+ --color-sf-success-dark: #c9eac9;
4747
+ --color-sf-info-dark: #cdedf4;
4748
+ --color-sf-warning-dark: #fee5d7;
4749
+ --color-sf-danger-dark: #fee5d7;
4750
+ --color-sf-success-light-alt: #052505;
4751
+ --color-sf-info-light-alt: #002e38;
4752
+ --color-sf-warning-light-alt: #4a1e04;
4753
+ --color-sf-danger-light-alt: #3b0509;
4754
+ --color-sf-badge-warning: #fde300;
4755
+ --color-sf-badge-warning-text: #fde300;
4756
+ --color-sf-primary-label-color: #479ef5;
4757
+ --color-sf-primary-cell-selection: #ebf3fc;
4758
+ --color-sf-primary-bg-color: var(--color-sf-primary);
4759
+ --color-sf-primary-border-color: var(--color-sf-primary);
4760
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
4761
+ --color-sf-primary-bg-color-hover: #0f6cbd;
4762
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
4763
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
4764
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
4765
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
4766
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
4767
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
4768
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
4769
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
4770
+ --color-sf-primary-bg-color-disabled: #141414;
4771
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
4772
+ --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
4773
+ --color-sf-primary-bg-color-selected: #0f548c;
4774
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
4775
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
4776
+ --color-sf-secondary-bg-color: #292929;
4777
+ --color-sf-secondary-border-color: var(--color-sf-border);
4778
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
4779
+ --color-sf-secondary-bg-color-hover: #3d3d3d;
4780
+ --color-sf-secondary-border-color-hover: #757575;
4781
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
4782
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
4783
+ --color-sf-secondary-border-color-pressed: #6b6b6b;
4784
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
4785
+ --color-sf-secondary-bg-color-focus: #383838;
4786
+ --color-sf-secondary-border-color-focus: #fff;
4787
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
4788
+ --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
4789
+ --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
4790
+ --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
4791
+ --color-sf-secondary-bg-color-selected: #383838;
4792
+ --color-sf-secondary-border-color-selected: #707070;
4793
+ --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
4794
+ --color-sf-success-bg-color: #218c21;
4795
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
4796
+ --color-sf-success-text: var(--color-sf-primary-text-color);
4797
+ --color-sf-success-bg-color-hover: #0e700e;
4798
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
4799
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
4800
+ --color-sf-success-bg-color-pressed: #052505;
4801
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
4802
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
4803
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
4804
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
4805
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
4806
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4807
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
4808
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
4809
+ --color-sf-success-bg-color-selected: #094509;
4810
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
4811
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
4812
+ --color-sf-warning-bg-color: #f87528;
4813
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
4814
+ --color-sf-warning-text: #242424;
4815
+ --color-sf-warning-bg-color-hover: #de590b;
4816
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
4817
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
4818
+ --color-sf-warning-bg-color-pressed: #4a1e04;
4819
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
4820
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
4821
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
4822
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
4823
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
4824
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4825
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
4826
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
4827
+ --color-sf-warning-bg-color-selected: #8a3707;
4828
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
4829
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
4830
+ --color-sf-info-bg-color: #18a4c4;
4831
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
4832
+ --color-sf-info-text: #242424;
4833
+ --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
4834
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
4835
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
4836
+ --color-sf-info-bg-color-pressed: #002e38;
4837
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
4838
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
4839
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
4840
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
4841
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
4842
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4843
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
4844
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
4845
+ --color-sf-info-bg-color-selected: #005669;
4846
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
4847
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
4848
+ --color-sf-danger-bg-color: #cc2635;
4849
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
4850
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
4851
+ --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
4852
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
4853
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
4854
+ --color-sf-danger-bg-color-pressed: #3b0509;
4855
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
4856
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
4857
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
4858
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
4859
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
4860
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
4861
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
4862
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
4863
+ --color-sf-danger-bg-color-selected: #6e0811;
4864
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
4865
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
4866
+ --color-sf-primary-outline: var(--color-sf-primary);
4867
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
4868
+ --color-sf-warning-outline: #f7630c;
4869
+ --color-sf-danger-outline: #c50f1f;
4870
+ --color-sf-success-outline: #107c10;
4871
+ --color-sf-info-outline: #0099bc;
4872
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
4873
+ --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
4874
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
4875
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
4876
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
4877
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
4878
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
4879
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
4880
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
4881
+ --color-sf-appbar-bg-color-alt2: #f5f5f5;
4882
+ --color-sf-appbar-color-alt2: #242424;
4883
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
4884
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
4885
+ --color-sf-diagram-palette-background: #e0e0e0;
4886
+ --color-sf-diagram-palette-hover-background: #bdbdbd;
4887
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
4888
+ --color-sf-rating-selected-color: #fff;
4889
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
4890
+ --color-sf-rating-selected-disabled-color: #575757;
4891
+ --color-sf-rating-unrated-disabled-color: #4d4d4d;
4892
+ --color-sf-rating-selected-hover-color: #2886de;
4893
+ --color-sf-rating-unrated-hover-color: #115ea3;
4894
+ --color-sf-rating-pressed-color: #479ef5;
4895
+ --color-sf-msg-color: var(--color-sf-content-text-color);
4896
+ --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
4897
+ --color-sf-msg-border-color: var(--color-sf-border);
4898
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
4899
+ --color-sf-msg-bg-color-alt1: transparent;
4900
+ --color-sf-msg-border-color-alt1: #666666;
4901
+ --color-sf-msg-color-alt2: #242424;
4902
+ --color-sf-msg-bg-color-alt2: #c2c2c2;
4903
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
4904
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
4905
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
4906
+ --color-sf-msg-icon-color-alt2: #fff;
4907
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
4908
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
4909
+ --color-sf-msg-close-icon-color-alt2: #fff;
4910
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
4911
+ --color-sf-msg-success-bg-color: #052505;
4912
+ --color-sf-msg-success-border-color: #107c10;
4913
+ --color-sf-msg-success-color-alt1: #54b054;
4914
+ --color-sf-msg-success-bg-color-alt1: transparent;
4915
+ --color-sf-msg-success-border-color-alt1: #218c21;
4916
+ --color-sf-msg-success-color-alt2: #fff;
4917
+ --color-sf-msg-success-bg-color-alt2: #107c10;
4918
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
4919
+ --color-sf-msg-success-icon-color: #54b054;
4920
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
4921
+ --color-sf-msg-success-icon-color-alt2: #fff;
4922
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
4923
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
4924
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
4925
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
4926
+ --color-sf-msg-danger-bg-color: #3b0509;
4927
+ --color-sf-msg-danger-border-color: #c50f1f;
4928
+ --color-sf-msg-danger-color-alt1: #dc626d;
4929
+ --color-sf-msg-danger-bg-color-alt1: transparent;
4930
+ --color-sf-msg-danger-border-color-alt1: #d33f4c;
4931
+ --color-sf-msg-danger-color-alt2: #fff;
4932
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
4933
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
4934
+ --color-sf-msg-danger-icon-color: #dc626d;
4935
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
4936
+ --color-sf-msg-danger-icon-color-alt2: #fff;
4937
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
4938
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
4939
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
4940
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
4941
+ --color-sf-msg-info-bg-color: #002e38;
4942
+ --color-sf-msg-info-border-color: #0099bc;
4943
+ --color-sf-msg-info-color-alt1: #56bfd7;
4944
+ --color-sf-msg-info-bg-color-alt1: transparent;
4945
+ --color-sf-msg-info-border-color-alt1: #31afdd;
4946
+ --color-sf-msg-info-color-alt2: #fff;
4947
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
4948
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
4949
+ --color-sf-msg-info-icon-color: #56bfd7;
4950
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
4951
+ --color-sf-msg-info-icon-color-alt2: #fff;
4952
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
4953
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
4954
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
4955
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
4956
+ --color-sf-msg-warning-bg-color: #411200;
4957
+ --color-sf-msg-warning-border-color: #da3b01;
4958
+ --color-sf-msg-warning-color-alt1: #e9835e;
4959
+ --color-sf-msg-warning-bg-color-alt1: transparent;
4960
+ --color-sf-msg-warning-border-color-alt1: #e36537;
4961
+ --color-sf-msg-warning-color-alt2: #fff;
4962
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
4963
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
4964
+ --color-sf-msg-warning-icon-color: #e9835e;
4965
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
4966
+ --color-sf-msg-warning-icon-color-alt2: #fff;
4967
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
4968
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
4969
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
4970
+ --color-sf-shadow-color: #fff;
4971
+ --color-sf-shadow-color1: #000;
4972
+ --color-sf-link-button: var(--color-sf-primary);
4973
+ --color-sf-link-button-hover: #0f6cbd;
4974
+ --color-sf-link-button-pressed: #115ea3;
4975
+ --color-sf-link-button-focus: #115ea3;
4976
+ --color-sf-link-button-border-focus: #fff;
4977
+ --color-sf-chip-bg-color: #141414;
4978
+ --color-sf-chip-border-color: #141414;
4979
+ --color-sf-chip-bg-disabled: #141414;
4980
+ --color-sf-chip-border-disabled: rgba(0, 0, 0, 0);
4981
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
4982
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
4983
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
4984
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
4985
+ --color-sf-slider-shadow1: #000;
4986
+ --color-sf-slider-shadow2: #666666;
4987
+ --color-sf-slider-disabled: #666666;
4988
+ --color-sf-slider-border-color: rgba(255, 255, 255, 0);
4989
+ --color-sf-slider-bg-disabled: #525252;
4990
+ --color-sf-toggle-switch-border-disabled: #141414;
4991
+ --color-sf-calendar-icon-color: #1153a3;
4992
+ --color-sf-calendar-header-text-color-pressed: #62abf5;
4993
+ --color-sf-calendar-today-bg-color: #1153a3;
4994
+ --color-sf-dialog-border: #1f1f1f;
4995
+ --color-sf-badge-light-bg-color: #333333;
4996
+ --color-sf-secondary-badge-border-color: #292929;
4997
+ --color-sf-secondary-badge-bg-color: #292929;
4998
+ --color-sf-secondary-badge-bg-color-focus: #292929;
4999
+ --color-sf-skeleton-bg-color: #575757;
5000
+ --color-sf-tab-selected-bg-color-disabled: #115ea3;
5001
+ --color-sf-tab-selected-text-color-disabled: #a3a3a3;
5002
+ --color-sf-ribbon-border-color: #00000000;
5003
+ --color-sf-toolbar-icon-color: #479ef5;
5004
+ --color-sf-contextual-text: #fff;
5005
+ --color-sf-cell-selection-bg-color: #08233b;
5006
+ --color-sf-document-editor-border-color: #00000000;
5007
+ --color-sf-holiday-bg-color: #141414;
5008
+ --color-sf-taskbar-bg: #b4d6fa;
5009
+ --color-sf-taskbar-border: #0f6cbd;
5010
+ --color-sf-taskbar-progress: #0f6cbd;
5011
+ --color-sf-sort-bg-color: #333333;
3067
5012
  }
3068
5013
 
3069
- .e-license-banner {
3070
- position: absolute;
3071
- right: 10px;
3072
- top: 27%;
3073
- cursor: pointer;
5014
+ .e-high-contrast {
5015
+ --color-sf-black: #000;
5016
+ --color-sf-white: #fff;
5017
+ --color-sf-content-bg-color: #000;
5018
+ --color-sf-content-bg-color-alt1: var(--color-sf-black);
5019
+ --color-sf-content-bg-color-alt2: var(--color-sf-black);
5020
+ --color-sf-content-bg-color-alt3: var(--color-sf-black);
5021
+ --color-sf-content-bg-color-alt4: var(--color-sf-black);
5022
+ --color-sf-content-bg-color-alt5: var(--color-sf-black);
5023
+ --color-sf-content-bg-color-alt6: var(--color-sf-black);
5024
+ --color-sf-content-bg-color-hover: #1aebff;
5025
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-hover);
5026
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
5027
+ --color-sf-content-bg-color-selected: var(--color-sf-content-bg-color-hover);
5028
+ --color-sf-content-bg-color-dragged: #fff;
5029
+ --color-sf-content-bg-color-disabled: #000000;
5030
+ --color-sf-flyout-bg-color: var(--color-sf-black);
5031
+ --color-sf-flyout-bg-color-hover: var(--color-sf-content-bg-color-hover);
5032
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-content-bg-color-hover);
5033
+ --color-sf-flyout-bg-color-selected: var(--color-sf-content-bg-color-hover);
5034
+ --color-sf-flyout-bg-color-focus: var(--color-sf-content-bg-color-hover);
5035
+ --color-sf-overlay-bg-color: rgba(0, 0, 0, .4);
5036
+ --color-sf-table-bg-color-hover: #1aebff;
5037
+ --color-sf-table-bg-color-pressed: #1aebff;
5038
+ --color-sf-table-bg-color-selected: #1aebff;
5039
+ --color-sf-content-text-color: #fff;
5040
+ --color-sf-content-text-color-alt1: var(--color-sf-content-text-color);
5041
+ --color-sf-content-text-color-alt2: var(--color-sf-content-text-color);
5042
+ --color-sf-content-text-color-alt3: var(--color-sf-content-text-color);
5043
+ --color-sf-content-text-color-hover: #000;
5044
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color-hover);
5045
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-color-hover);
5046
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color-hover);
5047
+ --color-sf-content-text-color-dragged: #000;
5048
+ --color-sf-content-text-color-disabled: #3ff23f;
5049
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color);
5050
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
5051
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color-hover);
5052
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color-hover);
5053
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color-hover);
5054
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color-hover);
5055
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
5056
+ --color-sf-table-text-color-hover: #000;
5057
+ --color-sf-table-text-color-pressed: #000;
5058
+ --color-sf-table-text-color-selected: #000;
5059
+ --color-sf-icon-color: #fff;
5060
+ --color-sf-icon-color-hover: #000;
5061
+ --color-sf-icon-color-hover-alt: #fff;
5062
+ --color-sf-icon-color-pressed: #000;
5063
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
5064
+ --color-sf-border-light: #fff;
5065
+ --color-sf-border: var(--color-sf-border-light);
5066
+ --color-sf-border-alt: var(--color-sf-border-light);
5067
+ --color-sf-border-dark: var(--color-sf-border-light);
5068
+ --color-sf-border-hover: #1aebff;
5069
+ --color-sf-border-pressed: var(--color-sf-border-hover);
5070
+ --color-sf-border-focus: var(--color-sf-border-hover);
5071
+ --color-sf-border-selected: var(--color-sf-border-hover);
5072
+ --color-sf-border-dragged: var(--color-sf-border-light);
5073
+ --color-sf-border-disabled: #3ff23f;
5074
+ --color-sf-border-warning: #f7630c;
5075
+ --color-sf-border-error: #c50f1f;
5076
+ --color-sf-border-success: #107c10;
5077
+ --color-sf-border-info: #0099bc;
5078
+ --color-sf-spreadsheet-gridline: #e6e6e6;
5079
+ --color-sf-flyout-border: var(--color-sf-border-light);
5080
+ --color-sf-primary: #1aebff;
5081
+ --color-sf-primary-text-color: #000;
5082
+ --color-sf-primary-light: rgba(72, 245, 255, 1);
5083
+ --color-sf-primary-lighter: var(--color-sf-primary-light);
5084
+ --color-sf-primary-dark: var(--color-sf-primary);
5085
+ --color-sf-primary-darker: var(--color-sf-primary);
5086
+ --color-sf-success: #107c10;
5087
+ --color-sf-info: #0099bc;
5088
+ --color-sf-warning: #f7630c;
5089
+ --color-sf-danger: #c50f1f;
5090
+ --color-sf-success-light: #094509;
5091
+ --color-sf-info-light: #005669;
5092
+ --color-sf-warning-light: #4a1e04;
5093
+ --color-sf-danger-light: #6e0811;
5094
+ --color-sf-success-dark: #c9eac9;
5095
+ --color-sf-info-dark: #cdedf4;
5096
+ --color-sf-warning-dark: #fee5d7;
5097
+ --color-sf-danger-dark: #f6d1d5;
5098
+ --color-sf-success-light-alt: #052505;
5099
+ --color-sf-info-light-alt: #002e38;
5100
+ --color-sf-warning-light-alt: #4a1e04;
5101
+ --color-sf-danger-light-alt: #3b0509;
5102
+ --color-sf-badge-warning: #fde300;
5103
+ --color-sf-badge-warning-text: #fde300;
5104
+ --color-sf-primary-label-color: #1aebff;
5105
+ --color-sf-primary-cell-selection: rgba(26, 235, 255, .28);
5106
+ --color-sf-primary-bg-color: #1aebff;
5107
+ --color-sf-primary-border-color: var(--color-sf-primary-bg-color);
5108
+ --color-sf-primary-text: #000;
5109
+ --color-sf-primary-bg-color-hover: #fff;
5110
+ --color-sf-primary-border-color-hover: #fff;
5111
+ --color-sf-primary-text-hover: #000;
5112
+ --color-sf-primary-bg-color-pressed: var(--color-sf-primary-bg-color);
5113
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color);
5114
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text);
5115
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color);
5116
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color);
5117
+ --color-sf-primary-text-focus: var(--color-sf-primary-text);
5118
+ --color-sf-primary-bg-color-disabled: #000;
5119
+ --color-sf-primary-border-color-disabled: #3ff23f;
5120
+ --color-sf-primary-text-disabled: var(--color-sf-primary-border-color-disabled);
5121
+ --color-sf-primary-bg-color-selected: #fff;
5122
+ --color-sf-primary-border-color-selected: #fff;
5123
+ --color-sf-primary-text-selected: #000;
5124
+ --color-sf-secondary-bg-color: #000;
5125
+ --color-sf-secondary-border-color: var(--color-sf-border);
5126
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
5127
+ --color-sf-secondary-bg-color-hover: #1aebff;
5128
+ --color-sf-secondary-border-color-hover: var(--color-sf-secondary-bg-color-hover);
5129
+ --color-sf-secondary-text-color-hover: #000;
5130
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-secondary-bg-color-hover);
5131
+ --color-sf-secondary-border-color-pressed: var(--color-sf-secondary-border-color-hover);
5132
+ --color-sf-secondary-text-color-pressed: var(--color-sf-secondary-text-color-hover);
5133
+ --color-sf-secondary-bg-color-focus: var(--color-sf-secondary-bg-color-hover);
5134
+ --color-sf-secondary-border-color-focus: var(--color-sf-secondary-border-color-hover);
5135
+ --color-sf-secondary-text-color-focus: var(--color-sf-secondary-text-color-hover);
5136
+ --color-sf-secondary-bg-color-disabled: #000;
5137
+ --color-sf-secondary-border-color-disabled: #3ff23f;
5138
+ --color-sf-secondary-text-color-disabled: var(--color-sf-secondary-border-color-disabled);
5139
+ --color-sf-secondary-bg-color-selected: var(--color-sf-secondary-bg-color-hover);
5140
+ --color-sf-secondary-border-color-selected: #fff;
5141
+ --color-sf-secondary-text-color-selected: var(--color-sf-secondary-text-color-hover);
5142
+ --color-sf-success-bg-color: #107c10;
5143
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
5144
+ --color-sf-success-text: #fff;
5145
+ --color-sf-success-bg-color-hover: #fff;
5146
+ --color-sf-success-border-color-hover: #fff;
5147
+ --color-sf-success-text-hover: #000;
5148
+ --color-sf-success-bg-color-pressed: var(--color-sf-success-bg-color);
5149
+ --color-sf-success-border-color-pressed: var(--color-sf-success-border-color);
5150
+ --color-sf-success-text-pressed: var(--color-sf-success-text);
5151
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
5152
+ --color-sf-success-border-color-focus: var(--color-sf-success-border-color);
5153
+ --color-sf-success-text-focus: var(--color-sf-success-text);
5154
+ --color-sf-success-bg-color-disabled: #000;
5155
+ --color-sf-success-border-color-disabled: #3ff23f;
5156
+ --color-sf-success-text-disabled: var(--color-sf-success-border-color-disabled);
5157
+ --color-sf-success-bg-color-selected: var(--color-sf-success-bg-color);
5158
+ --color-sf-success-border-color-selected: #fff;
5159
+ --color-sf-success-text-selected: var(--color-sf-success-text);
5160
+ --color-sf-warning-bg-color: #f7630c;
5161
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
5162
+ --color-sf-warning-text: #000;
5163
+ --color-sf-warning-bg-color-hover: #fff;
5164
+ --color-sf-warning-border-color-hover: #fff;
5165
+ --color-sf-warning-text-hover: #000;
5166
+ --color-sf-warning-bg-color-pressed: var(--color-sf-warning-bg-color);
5167
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-border-color);
5168
+ --color-sf-warning-text-pressed: var(--color-sf-warning-text);
5169
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
5170
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
5171
+ --color-sf-warning-text-focus: var(--color-sf-warning-text);
5172
+ --color-sf-warning-bg-color-disabled: #000;
5173
+ --color-sf-warning-border-color-disabled: #3ff23f;
5174
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
5175
+ --color-sf-warning-bg-color-selected: var(--color-sf-warning-bg-color);
5176
+ --color-sf-warning-border-color-selected: #fff;
5177
+ --color-sf-warning-text-selected: var(--color-sf-warning-text);
5178
+ --color-sf-info-bg-color: #0099bc;
5179
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
5180
+ --color-sf-info-text: #000;
5181
+ --color-sf-info-bg-color-hover: #fff;
5182
+ --color-sf-info-border-color-hover: #fff;
5183
+ --color-sf-info-text-hover: #000;
5184
+ --color-sf-info-bg-color-pressed: var(--color-sf-info-bg-color);
5185
+ --color-sf-info-border-color-pressed: var(--color-sf-info-border-color);
5186
+ --color-sf-info-text-pressed: var(--color-sf-info-text);
5187
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
5188
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
5189
+ --color-sf-info-text-focus: var(--color-sf-info-text);
5190
+ --color-sf-info-bg-color-disabled: #000;
5191
+ --color-sf-info-border-color-disabled: #3ff23f;
5192
+ --color-sf-info-text-disabled: var(--color-sf-info-border-color-disabled);
5193
+ --color-sf-info-bg-color-selected: var(--color-sf-info-bg-color);
5194
+ --color-sf-info-border-color-selected: #fff;
5195
+ --color-sf-info-text-selected: var(--color-sf-info-text);
5196
+ --color-sf-danger-bg-color: #c50f1f;
5197
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
5198
+ --color-sf-danger-text: #fff;
5199
+ --color-sf-danger-bg-color-hover: #fff;
5200
+ --color-sf-danger-border-color-hover: #fff;
5201
+ --color-sf-danger-text-hover: #000;
5202
+ --color-sf-danger-bg-color-pressed: var(--color-sf-danger-bg-color);
5203
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
5204
+ --color-sf-danger-text-pressed: var(--color-sf-danger-text);
5205
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
5206
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
5207
+ --color-sf-danger-text-focus: var(--color-sf-danger-text);
5208
+ --color-sf-danger-bg-color-disabled: #000;
5209
+ --color-sf-danger-border-color-disabled: #3ff23f;
5210
+ --color-sf-danger-text-disabled: var(--color-sf-danger-border-color-disabled);
5211
+ --color-sf-danger-bg-color-selected: var(--color-sf-danger-bg-color);
5212
+ --color-sf-danger-border-color-selected: #fff;
5213
+ --color-sf-danger-text-selected: var(--color-sf-danger-text);
5214
+ --color-sf-primary-outline: var(--color-sf-primary);
5215
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
5216
+ --color-sf-warning-outline: #f7630c;
5217
+ --color-sf-danger-outline: #c50f1f;
5218
+ --color-sf-success-outline: #107c10;
5219
+ --color-sf-info-outline: #0099bc;
5220
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
5221
+ --color-sf-tooltip-border: var(--color-sf-border-light);
5222
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
5223
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
5224
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
5225
+ --color-sf-appbar-bg-color-alt1: #fff;
5226
+ --color-sf-appbar-color-alt1: #000;
5227
+ --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
5228
+ --color-sf-appbar-hover-bg-color-alt1: var(--color-sf-appbar-bg-color-alt1);
5229
+ --color-sf-appbar-bg-color-alt2: var(--color-sf-appbar-color-alt1);
5230
+ --color-sf-appbar-color-alt2: var(--color-sf-appbar-bg-color-alt1);
5231
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt1);
5232
+ --color-sf-appbar-hover-bg-color-alt2: var(--color-sf-appbar-color-alt1);
5233
+ --color-sf-diagram-palette-background: #cccccc;
5234
+ --color-sf-diagram-palette-hover-background: var(--color-sf-content-bg-color-hover);
5235
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
5236
+ --color-sf-rating-selected-color: #fff;
5237
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
5238
+ --color-sf-rating-selected-disabled-color: var(--color-sf-content-text-color-disabled);
5239
+ --color-sf-rating-unrated-disabled-color: var(--color-sf-content-text-color-disabled);
5240
+ --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-hover);
5241
+ --color-sf-rating-unrated-hover-color: var(--color-sf-content-bg-color-hover);
5242
+ --color-sf-rating-pressed-color: var(--color-sf-content-bg-color-hover);
5243
+ --color-sf-msg-color: #fff;
5244
+ --color-sf-msg-bg-color: #000;
5245
+ --color-sf-msg-border-color: var(--color-sf-msg-color);
5246
+ --color-sf-msg-color-alt1: #1aebff;
5247
+ --color-sf-msg-bg-color-alt1: var(--color-sf-msg-bg-color);
5248
+ --color-sf-msg-border-color-alt1: var(--color-sf-msg-color);
5249
+ --color-sf-msg-color-alt2: var(--color-sf-msg-bg-color);
5250
+ --color-sf-msg-bg-color-alt2: var(--color-sf-msg-color-alt1);
5251
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-color-alt1);
5252
+ --color-sf-msg-icon-color: var(--color-sf-msg-color);
5253
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color-alt);
5254
+ --color-sf-msg-icon-color-alt2: var(--color-sf-msg-bg-color);
5255
+ --color-sf-msg-close-icon-color: var(--color-sf-msg-color);
5256
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-color);
5257
+ --color-sf-msg-close-icon-color-alt2: var(--color-sf-msg-bg-color);
5258
+ --color-sf-msg-success-color: #107c10;
5259
+ --color-sf-msg-success-bg-color: #000;
5260
+ --color-sf-msg-success-border-color: var(--color-sf-msg-success-color);
5261
+ --color-sf-msg-success-color-alt1: #107c10;
5262
+ --color-sf-msg-success-bg-color-alt1: var(--color-sf-msg-success-bg-color);
5263
+ --color-sf-msg-success-border-color-alt1: #fff;
5264
+ --color-sf-msg-success-color-alt2: var(--color-sf-msg-success-bg-color);
5265
+ --color-sf-msg-success-bg-color-alt2: var(--color-sf-msg-success-color);
5266
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-color);
5267
+ --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color);
5268
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color);
5269
+ --color-sf-msg-success-icon-color-alt2: var(--color-sf-msg-success-bg-color);
5270
+ --color-sf-msg-success-close-icon-color: var(--color-sf-msg-success-border-color-alt1);
5271
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-border-color-alt1);
5272
+ --color-sf-msg-success-close-icon-color-alt2: var(--color-sf-msg-success-bg-color);
5273
+ --color-sf-msg-danger-color: #c50f1f;
5274
+ --color-sf-msg-danger-bg-color: #000;
5275
+ --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-color);
5276
+ --color-sf-msg-danger-color-alt1: #c50f1f;
5277
+ --color-sf-msg-danger-bg-color-alt1: var(--color-sf-msg-danger-bg-color);
5278
+ --color-sf-msg-danger-border-color-alt1: #fff;
5279
+ --color-sf-msg-danger-color-alt2: var(--color-sf-msg-danger-bg-color);
5280
+ --color-sf-msg-danger-bg-color-alt2: var(--color-sf-msg-danger-color);
5281
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-color);
5282
+ --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color);
5283
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color);
5284
+ --color-sf-msg-danger-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
5285
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-msg-danger-border-color-alt1);
5286
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-border-color-alt1);
5287
+ --color-sf-msg-danger-close-icon-color-alt2: var(--color-sf-msg-danger-bg-color);
5288
+ --color-sf-msg-info-color: #0099bc;
5289
+ --color-sf-msg-info-bg-color: #000;
5290
+ --color-sf-msg-info-border-color: var(--color-sf-msg-info-color);
5291
+ --color-sf-msg-info-color-alt1: #0099bc;
5292
+ --color-sf-msg-info-bg-color-alt1: var(--color-sf-msg-info-bg-color);
5293
+ --color-sf-msg-info-border-color-alt1: #fff;
5294
+ --color-sf-msg-info-color-alt2: var(--color-sf-msg-info-bg-color);
5295
+ --color-sf-msg-info-bg-color-alt2: var(--color-sf-msg-info-color);
5296
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-color);
5297
+ --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color);
5298
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color);
5299
+ --color-sf-msg-info-icon-color-alt2: var(--color-sf-msg-info-bg-color);
5300
+ --color-sf-msg-info-close-icon-color: var(--color-sf-msg-info-border-color-alt1);
5301
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-border-color-alt1);
5302
+ --color-sf-msg-info-close-icon-color-alt2: var(--color-sf-msg-info-bg-color);
5303
+ --color-sf-msg-warning-color: #f7630c;
5304
+ --color-sf-msg-warning-bg-color: #000;
5305
+ --color-sf-msg-warning-border-color: #da3b01;
5306
+ --color-sf-msg-warning-color-alt1: #f7630c;
5307
+ --color-sf-msg-warning-bg-color-alt1: var(--color-sf-msg-warning-bg-color);
5308
+ --color-sf-msg-warning-border-color-alt1: #fff;
5309
+ --color-sf-msg-warning-color-alt2: var(--color-sf-msg-warning-bg-color);
5310
+ --color-sf-msg-warning-bg-color-alt2: var(--color-sf-msg-warning-color);
5311
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-color);
5312
+ --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color);
5313
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color);
5314
+ --color-sf-msg-warning-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
5315
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-msg-warning-border-color-alt11);
5316
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-border-color-alt11);
5317
+ --color-sf-msg-warning-close-icon-color-alt2: var(--color-sf-msg-warning-bg-color);
5318
+ --color-sf-shadow-color: #fff;
5319
+ --color-sf-shadow-color1: #1aebff;
5320
+ --color-sf-link-button: #fff000;
5321
+ --color-sf-link-button-hover: #fff000;
5322
+ --color-sf-link-button-pressed: #fff000;
5323
+ --color-sf-link-button-focus: #fff000;
5324
+ --color-sf-link-button-border-focus: #1aebff;
5325
+ --color-sf-chip-bg-color: #000;
5326
+ --color-sf-chip-border-color: #fff;
5327
+ --color-sf-chip-bg-disabled: #000;
5328
+ --color-sf-chip-border-disabled: #3ff23f;
5329
+ --color-sf-secondary-outline-button-text-color-hover: #fff;
5330
+ --color-sf-secondary-outline-button-text-color-pressed: #fff;
5331
+ --color-sf-secondary-outline-button-text-color-selected: #fff;
5332
+ --color-sf-secondary-outline-button-text-color-focus: #fff;
5333
+ --color-sf-slider-shadow1: #000;
5334
+ --color-sf-slider-shadow2: #fff;
5335
+ --color-sf-slider-disabled: #3ff23f;
5336
+ --color-sf-slider-border-color: #fff;
5337
+ --color-sf-slider-bg-disabled: #000;
5338
+ --color-sf-toggle-switch-border-disabled: #3ff23f;
5339
+ --color-sf-calendar-icon-color: #000;
5340
+ --color-sf-calendar-header-text-color-pressed: #000;
5341
+ --color-sf-calendar-today-bg-color: #fff;
5342
+ --color-sf-dialog-border: #fff;
5343
+ --color-sf-badge-light-bg-color: #000;
5344
+ --color-sf-secondary-badge-border-color: #fff;
5345
+ --color-sf-secondary-badge-bg-color: #000;
5346
+ --color-sf-secondary-badge-bg-color-focus: #fff;
5347
+ --color-sf-skeleton-bg-color: #ffffff;
5348
+ --color-sf-tab-selected-bg-color-disabled: #000;
5349
+ --color-sf-tab-selected-text-color-disabled: #3ff23f;
5350
+ --color-sf-ribbon-border-color: #fff;
5351
+ --color-sf-toolbar-icon-color: #000;
5352
+ --color-sf-contextual-text: #000;
5353
+ --color-sf-cell-selection-bg-color: #1aecff1f;
5354
+ --color-sf-document-editor-border-color: #fff;
5355
+ --color-sf-holiday-bg-color: #333333;
5356
+ --color-sf-taskbar-bg: #3e047d;
5357
+ --color-sf-taskbar-border: #fff;
5358
+ --color-sf-taskbar-progress: #6e06f1;
5359
+ --color-sf-sort-bg-color: #333333;
3074
5360
  }
3075
5361
 
3076
5362
  @-webkit-keyframes SlideLeftOut {