devextreme-themebuilder 25.2.7 → 26.1.2-beta

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 (266) hide show
  1. package/data/metadata/dx-theme-builder-metadata.js +20 -17
  2. package/data/scss/widgets/base/_dateBox.scss +4 -0
  3. package/data/scss/widgets/base/_htmlEditor.scss +16 -14
  4. package/data/scss/widgets/base/_icon_fonts.scss +12 -3
  5. package/data/scss/widgets/base/_menuBase.scss +9 -6
  6. package/data/scss/widgets/base/_popup.scss +2 -1
  7. package/data/scss/widgets/base/_sortable.scss +2 -1
  8. package/data/scss/widgets/base/_speedDialAction.scss +3 -2
  9. package/data/scss/widgets/base/_tagBox.scss +2 -1
  10. package/data/scss/widgets/base/_ui.scss +10 -0
  11. package/data/scss/widgets/base/calendar/_mixins.scss +2 -1
  12. package/data/scss/widgets/base/cardView/content_view/content/card/_index.scss +4 -2
  13. package/data/scss/widgets/base/cardView/content_view/content/card/content/_index.scss +2 -1
  14. package/data/scss/widgets/base/cardView/content_view/content/card/cover/_index.scss +2 -1
  15. package/data/scss/widgets/base/cardView/header_panel/_index.scss +2 -1
  16. package/data/scss/widgets/base/cardView/header_panel/item/_index.scss +2 -1
  17. package/data/scss/widgets/base/chat/_index.scss +1 -0
  18. package/data/scss/widgets/base/chat/_mixins.scss +12 -11
  19. package/data/scss/widgets/base/chat/layout/chat/_mixins.scss +2 -1
  20. package/data/scss/widgets/base/chat/layout/chat-messagelist/_index.scss +4 -0
  21. package/data/scss/widgets/base/chat/layout/chat-suggestions/_index.scss +5 -0
  22. package/data/scss/widgets/base/chat/layout/chat-suggestions/_mixins.scss +43 -0
  23. package/data/scss/widgets/base/colorView/_mixins.scss +4 -2
  24. package/data/scss/widgets/base/dataGrid/_index.scss +20 -6
  25. package/data/scss/widgets/base/dropDownEditor/_index.scss +2 -1
  26. package/data/scss/widgets/base/gridBase/_index.scss +9 -8
  27. package/data/scss/widgets/base/gridBase/layout/aiChat/_index.scss +72 -0
  28. package/data/scss/widgets/base/gridBase/layout/aiChat/_mixins.scss +71 -0
  29. package/data/scss/widgets/base/gridBase/layout/aiChat/_variables.scss +4 -0
  30. package/data/scss/widgets/base/pivotGrid/_index.scss +27 -2
  31. package/data/scss/widgets/base/scheduler/_common.scss +0 -9
  32. package/data/scss/widgets/base/scheduler/_index.scss +6 -4
  33. package/data/scss/widgets/base/scheduler/_tooltip.scss +5 -0
  34. package/data/scss/widgets/base/scheduler/layout/_header.scss +2 -0
  35. package/data/scss/widgets/base/scheduler/views/_index.scss +46 -8
  36. package/data/scss/widgets/base/scheduler/views/day/_index.scss +7 -0
  37. package/data/scss/widgets/base/scheduler/views/timelines/_index.scss +8 -1
  38. package/data/scss/widgets/base/scrollable/_index.scss +3 -2
  39. package/data/scss/widgets/base/speechToText/_index.scss +1 -1
  40. package/data/scss/widgets/base/stepper/_mixins.scss +3 -3
  41. package/data/scss/widgets/base/treeList/_index.scss +14 -3
  42. package/data/scss/widgets/base/treeView/_index.scss +5 -3
  43. package/data/scss/widgets/fluent/_colors.scss +46 -46
  44. package/data/scss/widgets/fluent/badge/_colors.scss +1 -1
  45. package/data/scss/widgets/fluent/button/_colors.scss +38 -38
  46. package/data/scss/widgets/fluent/calendar/_colors.scss +5 -5
  47. package/data/scss/widgets/fluent/cardView/_colors.scss +35 -34
  48. package/data/scss/widgets/fluent/chat/_colors.scss +30 -24
  49. package/data/scss/widgets/fluent/chat/_index.scss +8 -0
  50. package/data/scss/widgets/fluent/chat/_sizes.scss +11 -0
  51. package/data/scss/widgets/fluent/color.scss +19 -9
  52. package/data/scss/widgets/fluent/dataGrid/_colors.scss +2 -2
  53. package/data/scss/widgets/fluent/dataGrid/_index.scss +1 -0
  54. package/data/scss/widgets/fluent/diagram/_colors.scss +4 -4
  55. package/data/scss/widgets/fluent/diagram/_index.scss +3 -2
  56. package/data/scss/widgets/fluent/fieldset/_index.scss +2 -1
  57. package/data/scss/widgets/fluent/fileManager/_colors.scss +3 -3
  58. package/data/scss/widgets/fluent/fileManager/_index.scss +4 -2
  59. package/data/scss/widgets/fluent/fileUploader/_index.scss +2 -1
  60. package/data/scss/widgets/fluent/filterBuilder/_colors.scss +13 -4
  61. package/data/scss/widgets/fluent/form/_index.scss +2 -1
  62. package/data/scss/widgets/fluent/gallery/_index.scss +4 -2
  63. package/data/scss/widgets/fluent/gantt/_colors.scss +10 -3
  64. package/data/scss/widgets/fluent/gantt/_index.scss +34 -22
  65. package/data/scss/widgets/fluent/gridBase/_colors.scss +20 -25
  66. package/data/scss/widgets/fluent/gridBase/_index.scss +16 -5
  67. package/data/scss/widgets/fluent/gridBase/layout/aiChat/_index.scss +19 -0
  68. package/data/scss/widgets/fluent/gridBase/layout/aiChat/_sizes.scss +3 -0
  69. package/data/scss/widgets/fluent/htmlEditor/_index.scss +4 -2
  70. package/data/scss/widgets/fluent/informer/_colors.scss +4 -4
  71. package/data/scss/widgets/fluent/list/_colors.scss +2 -2
  72. package/data/scss/widgets/fluent/list/_index.scss +8 -4
  73. package/data/scss/widgets/fluent/loadIndicator/_colors.scss +10 -10
  74. package/data/scss/widgets/fluent/menu/_colors.scss +2 -2
  75. package/data/scss/widgets/fluent/menu/_index.scss +4 -2
  76. package/data/scss/widgets/fluent/pivotGrid/_colors.scss +3 -3
  77. package/data/scss/widgets/fluent/pivotGrid/_index.scss +4 -2
  78. package/data/scss/widgets/fluent/popup/_index.scss +2 -1
  79. package/data/scss/widgets/fluent/progressBar/_colors.scss +2 -2
  80. package/data/scss/widgets/fluent/scheduler/_colors.scss +16 -19
  81. package/data/scss/widgets/fluent/scheduler/_index.scss +35 -9
  82. package/data/scss/widgets/fluent/scrollable/_colors.scss +2 -2
  83. package/data/scss/widgets/fluent/tabPanel/_index.scss +13 -8
  84. package/data/scss/widgets/fluent/tabs/layout/tab/_base.scss +2 -2
  85. package/data/scss/widgets/fluent/tagBox/_colors.scss +2 -2
  86. package/data/scss/widgets/fluent/tagBox/_index.scss +2 -1
  87. package/data/scss/widgets/fluent/textEditor/_colors.scss +12 -12
  88. package/data/scss/widgets/fluent/textEditor/_index.scss +2 -1
  89. package/data/scss/widgets/fluent/tileView/_colors.scss +1 -1
  90. package/data/scss/widgets/fluent/tileView/_index.scss +2 -1
  91. package/data/scss/widgets/fluent/toolbar/_index.scss +2 -1
  92. package/data/scss/widgets/fluent/treeView/_colors.scss +25 -0
  93. package/data/scss/widgets/fluent/treeView/_index.scss +72 -4
  94. package/data/scss/widgets/generic/_colors.scss +12 -12
  95. package/data/scss/widgets/generic/_sizes.scss +2 -2
  96. package/data/scss/widgets/generic/accordion/_colors.scss +6 -6
  97. package/data/scss/widgets/generic/accordion/_index.scss +2 -1
  98. package/data/scss/widgets/generic/badge/_colors.scss +1 -1
  99. package/data/scss/widgets/generic/button/_colors.scss +158 -158
  100. package/data/scss/widgets/generic/calendar/_colors.scss +1 -1
  101. package/data/scss/widgets/generic/card/_index.scss +2 -1
  102. package/data/scss/widgets/generic/cardView/_colors.scss +35 -35
  103. package/data/scss/widgets/generic/chat/_colors.scss +90 -72
  104. package/data/scss/widgets/generic/chat/_index.scss +8 -0
  105. package/data/scss/widgets/generic/chat/_sizes.scss +12 -0
  106. package/data/scss/widgets/generic/checkBox/_colors.scss +21 -21
  107. package/data/scss/widgets/generic/color.scss +19 -9
  108. package/data/scss/widgets/generic/contextMenu/_index.scss +2 -1
  109. package/data/scss/widgets/generic/dataGrid/_index.scss +2 -0
  110. package/data/scss/widgets/generic/dateBox/_colors.scss +6 -6
  111. package/data/scss/widgets/generic/dateView/_index.scss +4 -2
  112. package/data/scss/widgets/generic/diagram/_colors.scss +28 -28
  113. package/data/scss/widgets/generic/diagram/_index.scss +9 -5
  114. package/data/scss/widgets/generic/dropDownEditor/_colors.scss +14 -14
  115. package/data/scss/widgets/generic/dropDownEditor/_index.scss +6 -5
  116. package/data/scss/widgets/generic/fieldset/_index.scss +2 -1
  117. package/data/scss/widgets/generic/fileManager/_colors.scss +16 -16
  118. package/data/scss/widgets/generic/fileManager/_index.scss +4 -2
  119. package/data/scss/widgets/generic/fileUploader/_colors.scss +7 -7
  120. package/data/scss/widgets/generic/fileUploader/_index.scss +2 -1
  121. package/data/scss/widgets/generic/form/_colors.scss +16 -16
  122. package/data/scss/widgets/generic/form/_index.scss +2 -1
  123. package/data/scss/widgets/generic/gallery/_colors.scss +7 -7
  124. package/data/scss/widgets/generic/gallery/_index.scss +4 -2
  125. package/data/scss/widgets/generic/gantt/_colors.scss +15 -15
  126. package/data/scss/widgets/generic/gantt/_index.scss +29 -15
  127. package/data/scss/widgets/generic/gridBase/_colors.scss +86 -86
  128. package/data/scss/widgets/generic/gridBase/_index.scss +29 -12
  129. package/data/scss/widgets/generic/gridBase/layout/aiChat/_index.scss +19 -0
  130. package/data/scss/widgets/generic/gridBase/layout/aiChat/_sizes.scss +3 -0
  131. package/data/scss/widgets/generic/htmlEditor/_colors.scss +34 -34
  132. package/data/scss/widgets/generic/htmlEditor/_index.scss +4 -2
  133. package/data/scss/widgets/generic/informer/_colors.scss +20 -20
  134. package/data/scss/widgets/generic/list/_colors.scss +22 -22
  135. package/data/scss/widgets/generic/list/_index.scss +18 -8
  136. package/data/scss/widgets/generic/loadIndicator/_colors.scss +19 -19
  137. package/data/scss/widgets/generic/loadPanel/_index.scss +2 -1
  138. package/data/scss/widgets/generic/menu/_colors.scss +7 -7
  139. package/data/scss/widgets/generic/menu/_index.scss +5 -2
  140. package/data/scss/widgets/generic/menuBase/_index.scss +1 -1
  141. package/data/scss/widgets/generic/numberBox/_colors.scss +14 -14
  142. package/data/scss/widgets/generic/overlay/_colors.scss +1 -1
  143. package/data/scss/widgets/generic/pagination/_colors.scss +12 -12
  144. package/data/scss/widgets/generic/pagination/_index.scss +4 -2
  145. package/data/scss/widgets/generic/pivotGrid/_colors.scss +23 -23
  146. package/data/scss/widgets/generic/popover/_index.scss +2 -1
  147. package/data/scss/widgets/generic/popup/_colors.scss +1 -1
  148. package/data/scss/widgets/generic/popup/_index.scss +6 -3
  149. package/data/scss/widgets/generic/progressBar/_colors.scss +6 -6
  150. package/data/scss/widgets/generic/progressBar/_index.scss +5 -2
  151. package/data/scss/widgets/generic/radioGroup/_colors.scss +15 -15
  152. package/data/scss/widgets/generic/scheduler/_colors.scss +61 -61
  153. package/data/scss/widgets/generic/scheduler/_index.scss +21 -5
  154. package/data/scss/widgets/generic/scrollable/_colors.scss +20 -20
  155. package/data/scss/widgets/generic/slider/_colors.scss +22 -22
  156. package/data/scss/widgets/generic/slider/_index.scss +10 -5
  157. package/data/scss/widgets/generic/speedDialAction/_colors.scss +17 -17
  158. package/data/scss/widgets/generic/splitterBar/_colors.scss +1 -1
  159. package/data/scss/widgets/generic/stepper/_colors.scss +38 -38
  160. package/data/scss/widgets/generic/switch/_colors.scss +36 -36
  161. package/data/scss/widgets/generic/switch/_index.scss +2 -1
  162. package/data/scss/widgets/generic/tabPanel/layout/tab/_position-bottom.scss +2 -0
  163. package/data/scss/widgets/generic/tabPanel/layout/tab/_position-left.scss +2 -0
  164. package/data/scss/widgets/generic/tabPanel/layout/tab/_position-right.scss +2 -0
  165. package/data/scss/widgets/generic/tabPanel/layout/tab/_position-top.scss +2 -0
  166. package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_base.scss +1 -0
  167. package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-bottom.scss +4 -0
  168. package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-left.scss +3 -0
  169. package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-right.scss +3 -0
  170. package/data/scss/widgets/generic/tabPanel/layout/tab-panel/_position-top.scss +4 -0
  171. package/data/scss/widgets/generic/tabPanel/variables/_borders.scss +9 -9
  172. package/data/scss/widgets/generic/tabs/layout/navigation-button/_vertical.scss +4 -2
  173. package/data/scss/widgets/generic/tabs/layout/tab/_base.scss +5 -0
  174. package/data/scss/widgets/generic/tabs/layout/tab/_vertical.scss +7 -0
  175. package/data/scss/widgets/generic/tabs/layout/tabs/_base.scss +4 -0
  176. package/data/scss/widgets/generic/tabs/layout/tabs/_vertical.scss +2 -0
  177. package/data/scss/widgets/generic/tabs/mixins/_index.scss +5 -0
  178. package/data/scss/widgets/generic/tabs/variables/_colors.scss +30 -30
  179. package/data/scss/widgets/generic/tabs/variables/borders/_borders-horizontal.scss +169 -169
  180. package/data/scss/widgets/generic/tabs/variables/borders/_borders-vertical.scss +176 -176
  181. package/data/scss/widgets/generic/tabs/variables/borders/_index.scss +2 -2
  182. package/data/scss/widgets/generic/tagBox/_colors.scss +25 -25
  183. package/data/scss/widgets/generic/tagBox/_index.scss +4 -2
  184. package/data/scss/widgets/generic/textBox/_colors.scss +4 -4
  185. package/data/scss/widgets/generic/textEditor/_colors.scss +8 -8
  186. package/data/scss/widgets/generic/textEditor/_index.scss +3 -2
  187. package/data/scss/widgets/generic/tileView/_colors.scss +7 -7
  188. package/data/scss/widgets/generic/tileView/_index.scss +2 -1
  189. package/data/scss/widgets/generic/timeView/_colors.scss +4 -4
  190. package/data/scss/widgets/generic/toolbar/_index.scss +2 -1
  191. package/data/scss/widgets/generic/tooltip/_colors.scss +6 -6
  192. package/data/scss/widgets/generic/tooltip/_index.scss +4 -2
  193. package/data/scss/widgets/generic/treeList/_colors.scss +4 -3
  194. package/data/scss/widgets/generic/treeView/_colors.scss +10 -2
  195. package/data/scss/widgets/generic/treeView/_index.scss +6 -1
  196. package/data/scss/widgets/material/_colors.scss +43 -17
  197. package/data/scss/widgets/material/accordion/_colors.scss +1 -1
  198. package/data/scss/widgets/material/accordion/_index.scss +2 -1
  199. package/data/scss/widgets/material/button/_colors.scss +60 -56
  200. package/data/scss/widgets/material/calendar/_colors.scss +3 -3
  201. package/data/scss/widgets/material/cardView/_colors.scss +20 -22
  202. package/data/scss/widgets/material/chat/_colors.scss +5 -1
  203. package/data/scss/widgets/material/chat/_index.scss +8 -0
  204. package/data/scss/widgets/material/chat/_sizes.scss +12 -0
  205. package/data/scss/widgets/material/checkBox/_colors.scss +1 -1
  206. package/data/scss/widgets/material/checkBox/_index.scss +10 -2
  207. package/data/scss/widgets/material/color.scss +19 -9
  208. package/data/scss/widgets/material/contextMenu/_index.scss +0 -1
  209. package/data/scss/widgets/material/dataGrid/_index.scss +1 -0
  210. package/data/scss/widgets/material/dateBox/_colors.scss +1 -1
  211. package/data/scss/widgets/material/dateBox/_index.scss +0 -4
  212. package/data/scss/widgets/material/diagram/_colors.scss +4 -4
  213. package/data/scss/widgets/material/diagram/_index.scss +9 -5
  214. package/data/scss/widgets/material/dropDownButton/_index.scss +6 -0
  215. package/data/scss/widgets/material/fieldset/_index.scss +2 -1
  216. package/data/scss/widgets/material/fileManager/_colors.scss +4 -4
  217. package/data/scss/widgets/material/fileManager/_index.scss +4 -2
  218. package/data/scss/widgets/material/fileUploader/_colors.scss +1 -1
  219. package/data/scss/widgets/material/fileUploader/_index.scss +2 -1
  220. package/data/scss/widgets/material/filterBuilder/_colors.scss +12 -4
  221. package/data/scss/widgets/material/form/_index.scss +2 -1
  222. package/data/scss/widgets/material/gallery/_index.scss +4 -2
  223. package/data/scss/widgets/material/gantt/_colors.scss +27 -3
  224. package/data/scss/widgets/material/gantt/_index.scss +34 -22
  225. package/data/scss/widgets/material/gridBase/_colors.scss +25 -24
  226. package/data/scss/widgets/material/gridBase/_index.scss +18 -6
  227. package/data/scss/widgets/material/gridBase/layout/aiChat/_index.scss +19 -0
  228. package/data/scss/widgets/material/gridBase/layout/aiChat/_sizes.scss +3 -0
  229. package/data/scss/widgets/material/htmlEditor/_colors.scss +2 -2
  230. package/data/scss/widgets/material/htmlEditor/_index.scss +12 -6
  231. package/data/scss/widgets/material/informer/_colors.scss +5 -4
  232. package/data/scss/widgets/material/list/_colors.scss +3 -3
  233. package/data/scss/widgets/material/list/_index.scss +13 -7
  234. package/data/scss/widgets/material/loadIndicator/_colors.scss +5 -5
  235. package/data/scss/widgets/material/loadPanel/_index.scss +2 -1
  236. package/data/scss/widgets/material/menu/_colors.scss +3 -3
  237. package/data/scss/widgets/material/menu/_index.scss +4 -2
  238. package/data/scss/widgets/material/menuBase/_colors.scss +1 -0
  239. package/data/scss/widgets/material/menuBase/_index.scss +1 -1
  240. package/data/scss/widgets/material/pivotGrid/_colors.scss +5 -5
  241. package/data/scss/widgets/material/popup/_index.scss +2 -1
  242. package/data/scss/widgets/material/scheduler/_colors.scss +8 -7
  243. package/data/scss/widgets/material/scheduler/_index.scss +27 -9
  244. package/data/scss/widgets/material/scrollable/_colors.scss +2 -2
  245. package/data/scss/widgets/material/slider/_colors.scss +1 -9
  246. package/data/scss/widgets/material/slider/_index.scss +2 -2
  247. package/data/scss/widgets/material/speedDialAction/_colors.scss +4 -4
  248. package/data/scss/widgets/material/stepper/_colors.scss +10 -10
  249. package/data/scss/widgets/material/switch/_colors.scss +6 -6
  250. package/data/scss/widgets/material/tabPanel/_index.scss +13 -8
  251. package/data/scss/widgets/material/tabs/layout/tab/_base.scss +2 -2
  252. package/data/scss/widgets/material/tabs/variables/_colors.scss +9 -5
  253. package/data/scss/widgets/material/tagBox/_colors.scss +8 -16
  254. package/data/scss/widgets/material/tagBox/_index.scss +2 -12
  255. package/data/scss/widgets/material/textEditor/_colors.scss +6 -6
  256. package/data/scss/widgets/material/textEditor/_index.scss +10 -5
  257. package/data/scss/widgets/material/tileView/_colors.scss +1 -1
  258. package/data/scss/widgets/material/tileView/_index.scss +2 -1
  259. package/data/scss/widgets/material/timeView/_colors.scss +1 -9
  260. package/data/scss/widgets/material/toolbar/_index.scss +2 -1
  261. package/data/scss/widgets/material/tooltip/_colors.scss +3 -5
  262. package/data/scss/widgets/material/treeView/_colors.scss +1 -1
  263. package/data/scss/widgets/material/treeView/_index.scss +4 -0
  264. package/modules/bootstrap-extractor.js +3 -1
  265. package/modules/parse-value.js +7 -5
  266. package/package.json +5 -5
package/data/scss/widgets/generic/button/_colors.scss CHANGED
@@ -102,12 +102,12 @@ $button-success-text-bg-selected: null !default;
102
102
 
103
103
  @if $color == "carmine" {
104
104
  $button-normal-bg: $base-element-bg !default;
105
- $button-normal-border-color: darken($base-border-color, 17%) !default;
106
- $button-normal-bg-inverted: darken($button-normal-bg, 100%) !default;
107
- $button-normal-contained-bg-hover: darken($button-normal-bg, 4%) !default;
108
- $button-normal-contained-bg-focused: darken($button-normal-bg, 8%) !default;
109
- $button-normal-contained-bg-active: darken($button-normal-bg, 24%) !default;
110
- $button-normal-contained-bg-selected: darken($button-normal-bg, 17%) !default;
105
+ $button-normal-border-color: color.adjust($base-border-color, $lightness: -17%, $space: hsl) !default;
106
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: -100%, $space: hsl) !default;
107
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: -4%, $space: hsl) !default;
108
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: -8%, $space: hsl) !default;
109
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: -24%, $space: hsl) !default;
110
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: -17%, $space: hsl) !default;
111
111
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
112
112
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
113
113
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -119,26 +119,26 @@ $button-success-text-bg-selected: null !default;
119
119
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
120
120
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
121
121
  $button-default-bg: $base-accent !default;
122
- $button-default-border-color: darken($button-default-bg, 5%) !default;
123
- $button-default-contained-bg-hover: darken($button-default-bg, 9%) !default;
124
- $button-default-contained-bg-focused: darken($button-default-bg, 12%) !default;
125
- $button-default-contained-bg-active: darken($button-default-bg, 23%) !default;
126
- $button-default-contained-bg-selected: darken($button-default-bg, 17%) !default;
127
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
122
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
123
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: -9%, $space: hsl) !default;
124
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: -12%, $space: hsl) !default;
125
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: -23%, $space: hsl) !default;
126
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: -17%, $space: hsl) !default;
127
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
128
128
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
129
129
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
130
130
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
131
131
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
132
- $button-default-text-color: darken($button-default-bg, 5%) !default;
132
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
133
133
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
134
134
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
135
135
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
136
136
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
137
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
138
- $button-danger-contained-bg-hover: darken($button-danger-bg, 9%) !default;
139
- $button-danger-contained-bg-focused: darken($button-danger-bg, 12%) !default;
140
- $button-danger-contained-bg-active: darken($button-danger-bg, 23%) !default;
141
- $button-danger-contained-bg-selected: darken($button-danger-bg, 17%) !default;
137
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
138
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: -9%, $space: hsl) !default;
139
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: -12%, $space: hsl) !default;
140
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: -23%, $space: hsl) !default;
141
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: -17%, $space: hsl) !default;
142
142
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
143
143
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
144
144
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -147,11 +147,11 @@ $button-success-text-bg-selected: null !default;
147
147
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
148
148
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
149
149
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
150
- $button-success-border-color: darken($button-success-bg, 5%) !default;
151
- $button-success-contained-bg-hover: darken($button-success-bg, 9%) !default;
152
- $button-success-contained-bg-focused: darken($button-success-bg, 12%) !default;
153
- $button-success-contained-bg-active: darken($button-success-bg, 23%) !default;
154
- $button-success-contained-bg-selected: darken($button-success-bg, 17%) !default;
150
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
151
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: -9%, $space: hsl) !default;
152
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: -12%, $space: hsl) !default;
153
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: -23%, $space: hsl) !default;
154
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: -17%, $space: hsl) !default;
155
155
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
156
156
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
157
157
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
@@ -226,11 +226,11 @@ $button-success-text-bg-selected: null !default;
226
226
  @if $color == "dark" {
227
227
  $button-normal-bg: $base-element-bg !default;
228
228
  $button-normal-border-color: $base-border-color !default;
229
- $button-normal-bg-inverted: lighten($button-normal-bg, 100%) !default;
230
- $button-normal-contained-bg-hover: lighten($button-normal-bg, 4%) !default;
231
- $button-normal-contained-bg-focused: lighten($button-normal-bg, 8%) !default;
232
- $button-normal-contained-bg-active: lighten($button-normal-bg, 24%) !default;
233
- $button-normal-contained-bg-selected: lighten($button-normal-bg, 17%) !default;
229
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: 100%, $space: hsl) !default;
230
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: 4%, $space: hsl) !default;
231
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: 8%, $space: hsl) !default;
232
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: 24%, $space: hsl) !default;
233
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: 17%, $space: hsl) !default;
234
234
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
235
235
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
236
236
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -242,26 +242,26 @@ $button-success-text-bg-selected: null !default;
242
242
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
243
243
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
244
244
  $button-default-bg: $base-accent !default;
245
- $button-default-border-color: darken($button-default-bg, 5%) !default;
246
- $button-default-contained-bg-hover: lighten($button-default-bg, 9%) !default;
247
- $button-default-contained-bg-focused: lighten($button-default-bg, 12%) !default;
248
- $button-default-contained-bg-active: lighten($button-default-bg, 23%) !default;
249
- $button-default-contained-bg-selected: lighten($button-default-bg, 17%) !default;
250
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
245
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
246
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: 9%, $space: hsl) !default;
247
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: 12%, $space: hsl) !default;
248
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: 23%, $space: hsl) !default;
249
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: 17%, $space: hsl) !default;
250
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
251
251
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
252
252
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
253
253
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
254
254
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
255
- $button-default-text-color: darken($button-default-bg, 5%) !default;
255
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
256
256
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
257
257
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
258
258
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
259
259
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
260
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
261
- $button-danger-contained-bg-hover: lighten($button-danger-bg, 9%) !default;
262
- $button-danger-contained-bg-focused: lighten($button-danger-bg, 12%) !default;
263
- $button-danger-contained-bg-active: lighten($button-danger-bg, 23%) !default;
264
- $button-danger-contained-bg-selected: lighten($button-danger-bg, 17%) !default;
260
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
261
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: 9%, $space: hsl) !default;
262
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: 12%, $space: hsl) !default;
263
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: 23%, $space: hsl) !default;
264
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: 17%, $space: hsl) !default;
265
265
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
266
266
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
267
267
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -270,11 +270,11 @@ $button-success-text-bg-selected: null !default;
270
270
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
271
271
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
272
272
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
273
- $button-success-border-color: darken($button-success-bg, 5%) !default;
274
- $button-success-contained-bg-hover: lighten($button-success-bg, 9%) !default;
275
- $button-success-contained-bg-focused: lighten($button-success-bg, 12%) !default;
276
- $button-success-contained-bg-active: lighten($button-success-bg, 23%) !default;
277
- $button-success-contained-bg-selected: lighten($button-success-bg, 17%) !default;
273
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
274
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: 9%, $space: hsl) !default;
275
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: 12%, $space: hsl) !default;
276
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: 23%, $space: hsl) !default;
277
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: 17%, $space: hsl) !default;
278
278
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
279
279
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
280
280
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
@@ -287,12 +287,12 @@ $button-success-text-bg-selected: null !default;
287
287
 
288
288
  @if $color == "darkmoon" {
289
289
  $button-normal-bg: $base-element-bg !default;
290
- $button-normal-border-color: lighten($base-border-color, 13%) !default;
291
- $button-normal-bg-inverted: lighten($button-normal-bg, 100%) !default;
292
- $button-normal-contained-bg-hover: lighten($button-normal-bg, 4%) !default;
293
- $button-normal-contained-bg-focused: lighten($button-normal-bg, 8%) !default;
294
- $button-normal-contained-bg-active: lighten($button-normal-bg, 24%) !default;
295
- $button-normal-contained-bg-selected: lighten($button-normal-bg, 17%) !default;
290
+ $button-normal-border-color: color.adjust($base-border-color, $lightness: 13%, $space: hsl) !default;
291
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: 100%, $space: hsl) !default;
292
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: 4%, $space: hsl) !default;
293
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: 8%, $space: hsl) !default;
294
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: 24%, $space: hsl) !default;
295
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: 17%, $space: hsl) !default;
296
296
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
297
297
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
298
298
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -304,26 +304,26 @@ $button-success-text-bg-selected: null !default;
304
304
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
305
305
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
306
306
  $button-default-bg: $base-accent !default;
307
- $button-default-border-color: darken($button-default-bg, 5%) !default;
308
- $button-default-contained-bg-hover: lighten($button-default-bg, 9%) !default;
309
- $button-default-contained-bg-focused: lighten($button-default-bg, 12%) !default;
310
- $button-default-contained-bg-active: lighten($button-default-bg, 23%) !default;
311
- $button-default-contained-bg-selected: lighten($button-default-bg, 17%) !default;
312
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
307
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
308
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: 9%, $space: hsl) !default;
309
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: 12%, $space: hsl) !default;
310
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: 23%, $space: hsl) !default;
311
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: 17%, $space: hsl) !default;
312
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
313
313
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
314
314
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
315
315
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
316
316
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
317
- $button-default-text-color: darken($button-default-bg, 5%) !default;
317
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
318
318
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
319
319
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
320
320
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
321
321
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
322
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
323
- $button-danger-contained-bg-hover: lighten($button-danger-bg, 9%) !default;
324
- $button-danger-contained-bg-focused: lighten($button-danger-bg, 12%) !default;
325
- $button-danger-contained-bg-active: lighten($button-danger-bg, 23%) !default;
326
- $button-danger-contained-bg-selected: lighten($button-danger-bg, 17%) !default;
322
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
323
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: 9%, $space: hsl) !default;
324
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: 12%, $space: hsl) !default;
325
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: 23%, $space: hsl) !default;
326
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: 17%, $space: hsl) !default;
327
327
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
328
328
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
329
329
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -332,11 +332,11 @@ $button-success-text-bg-selected: null !default;
332
332
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
333
333
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
334
334
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
335
- $button-success-border-color: darken($button-success-bg, 5%) !default;
336
- $button-success-contained-bg-hover: lighten($button-success-bg, 9%) !default;
337
- $button-success-contained-bg-focused: lighten($button-success-bg, 12%) !default;
338
- $button-success-contained-bg-active: lighten($button-success-bg, 23%) !default;
339
- $button-success-contained-bg-selected: lighten($button-success-bg, 17%) !default;
335
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
336
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: 9%, $space: hsl) !default;
337
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: 12%, $space: hsl) !default;
338
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: 23%, $space: hsl) !default;
339
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: 17%, $space: hsl) !default;
340
340
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
341
341
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
342
342
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
@@ -350,11 +350,11 @@ $button-success-text-bg-selected: null !default;
350
350
  @if $color == "darkviolet" {
351
351
  $button-normal-bg: #303038 !default;
352
352
  $button-normal-border-color: $base-hover-bg !default;
353
- $button-normal-bg-inverted: lighten($button-normal-bg, 100%) !default;
354
- $button-normal-contained-bg-hover: lighten($button-normal-bg, 4%) !default;
355
- $button-normal-contained-bg-focused: lighten($button-normal-bg, 8%) !default;
356
- $button-normal-contained-bg-active: lighten($button-normal-bg, 24%) !default;
357
- $button-normal-contained-bg-selected: lighten($button-normal-bg, 17%) !default;
353
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: 100%, $space: hsl) !default;
354
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: 4%, $space: hsl) !default;
355
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: 8%, $space: hsl) !default;
356
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: 24%, $space: hsl) !default;
357
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: 17%, $space: hsl) !default;
358
358
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
359
359
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
360
360
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -366,26 +366,26 @@ $button-success-text-bg-selected: null !default;
366
366
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
367
367
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
368
368
  $button-default-bg: $base-accent !default;
369
- $button-default-border-color: darken($button-default-bg, 5%) !default;
370
- $button-default-contained-bg-hover: lighten($button-default-bg, 9%) !default;
371
- $button-default-contained-bg-focused: lighten($button-default-bg, 12%) !default;
372
- $button-default-contained-bg-active: lighten($button-default-bg, 23%) !default;
373
- $button-default-contained-bg-selected: lighten($button-default-bg, 17%) !default;
374
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
369
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
370
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: 9%, $space: hsl) !default;
371
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: 12%, $space: hsl) !default;
372
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: 23%, $space: hsl) !default;
373
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: 17%, $space: hsl) !default;
374
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
375
375
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
376
376
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
377
377
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
378
378
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
379
- $button-default-text-color: darken($button-default-bg, 5%) !default;
379
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
380
380
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
381
381
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
382
382
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
383
383
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
384
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
385
- $button-danger-contained-bg-hover: lighten($button-danger-bg, 9%) !default;
386
- $button-danger-contained-bg-focused: lighten($button-danger-bg, 12%) !default;
387
- $button-danger-contained-bg-active: lighten($button-danger-bg, 23%) !default;
388
- $button-danger-contained-bg-selected: lighten($button-danger-bg, 17%) !default;
384
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
385
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: 9%, $space: hsl) !default;
386
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: 12%, $space: hsl) !default;
387
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: 23%, $space: hsl) !default;
388
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: 17%, $space: hsl) !default;
389
389
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
390
390
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
391
391
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -394,11 +394,11 @@ $button-success-text-bg-selected: null !default;
394
394
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
395
395
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
396
396
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
397
- $button-success-border-color: darken($button-success-bg, 5%) !default;
398
- $button-success-contained-bg-hover: lighten($button-success-bg, 9%) !default;
399
- $button-success-contained-bg-focused: lighten($button-success-bg, 12%) !default;
400
- $button-success-contained-bg-active: lighten($button-success-bg, 23%) !default;
401
- $button-success-contained-bg-selected: lighten($button-success-bg, 17%) !default;
397
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
398
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: 9%, $space: hsl) !default;
399
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: 12%, $space: hsl) !default;
400
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: 23%, $space: hsl) !default;
401
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: 17%, $space: hsl) !default;
402
402
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
403
403
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
404
404
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
@@ -411,12 +411,12 @@ $button-success-text-bg-selected: null !default;
411
411
 
412
412
  @if $color == "greenmist" {
413
413
  $button-normal-bg: $base-element-bg !default;
414
- $button-normal-border-color: lighten($base-label-color, 16.5%) !default;
415
- $button-normal-bg-inverted: darken($button-normal-bg, 100%) !default;
416
- $button-normal-contained-bg-hover: darken($button-normal-bg, 4%) !default;
417
- $button-normal-contained-bg-focused: darken($button-normal-bg, 8%) !default;
418
- $button-normal-contained-bg-active: darken($button-normal-bg, 24%) !default;
419
- $button-normal-contained-bg-selected: darken($button-normal-bg, 17%) !default;
414
+ $button-normal-border-color: color.adjust($base-label-color, $lightness: 16.5%, $space: hsl) !default;
415
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: -100%, $space: hsl) !default;
416
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: -4%, $space: hsl) !default;
417
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: -8%, $space: hsl) !default;
418
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: -24%, $space: hsl) !default;
419
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: -17%, $space: hsl) !default;
420
420
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
421
421
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
422
422
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -428,26 +428,26 @@ $button-success-text-bg-selected: null !default;
428
428
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
429
429
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
430
430
  $button-default-bg: $base-accent !default;
431
- $button-default-border-color: darken($button-default-bg, 5%) !default;
432
- $button-default-contained-bg-hover: darken($button-default-bg, 9%) !default;
433
- $button-default-contained-bg-focused: darken($button-default-bg, 12%) !default;
434
- $button-default-contained-bg-active: darken($button-default-bg, 23%) !default;
435
- $button-default-contained-bg-selected: darken($button-default-bg, 17%) !default;
436
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
431
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
432
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: -9%, $space: hsl) !default;
433
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: -12%, $space: hsl) !default;
434
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: -23%, $space: hsl) !default;
435
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: -17%, $space: hsl) !default;
436
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
437
437
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
438
438
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
439
439
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
440
440
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
441
- $button-default-text-color: darken($button-default-bg, 5%) !default;
441
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
442
442
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
443
443
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
444
444
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
445
445
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
446
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
447
- $button-danger-contained-bg-hover: darken($button-danger-bg, 9%) !default;
448
- $button-danger-contained-bg-focused: darken($button-danger-bg, 12%) !default;
449
- $button-danger-contained-bg-active: darken($button-danger-bg, 23%) !default;
450
- $button-danger-contained-bg-selected: darken($button-danger-bg, 17%) !default;
446
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
447
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: -9%, $space: hsl) !default;
448
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: -12%, $space: hsl) !default;
449
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: -23%, $space: hsl) !default;
450
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: -17%, $space: hsl) !default;
451
451
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
452
452
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
453
453
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -456,11 +456,11 @@ $button-success-text-bg-selected: null !default;
456
456
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
457
457
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
458
458
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
459
- $button-success-border-color: darken($button-success-bg, 5%) !default;
460
- $button-success-contained-bg-hover: darken($button-success-bg, 9%) !default;
461
- $button-success-contained-bg-focused: darken($button-success-bg, 12%) !default;
462
- $button-success-contained-bg-active: darken($button-success-bg, 23%) !default;
463
- $button-success-contained-bg-selected: darken($button-success-bg, 17%) !default;
459
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
460
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: -9%, $space: hsl) !default;
461
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: -12%, $space: hsl) !default;
462
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: -23%, $space: hsl) !default;
463
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: -17%, $space: hsl) !default;
464
464
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
465
465
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
466
466
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
@@ -474,11 +474,11 @@ $button-success-text-bg-selected: null !default;
474
474
  @if $color == "light" {
475
475
  $button-normal-bg: $base-element-bg !default;
476
476
  $button-normal-border-color: $base-border-color !default;
477
- $button-normal-bg-inverted: darken($button-normal-bg, 100%) !default;
478
- $button-normal-contained-bg-hover: darken($button-normal-bg, 4%) !default;
479
- $button-normal-contained-bg-focused: darken($button-normal-bg, 8%) !default;
480
- $button-normal-contained-bg-active: darken($button-normal-bg, 24%) !default;
481
- $button-normal-contained-bg-selected: darken($button-normal-bg, 17%) !default;
477
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: -100%, $space: hsl) !default;
478
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: -4%, $space: hsl) !default;
479
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: -8%, $space: hsl) !default;
480
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: -24%, $space: hsl) !default;
481
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: -17%, $space: hsl) !default;
482
482
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
483
483
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
484
484
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -490,26 +490,26 @@ $button-success-text-bg-selected: null !default;
490
490
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
491
491
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
492
492
  $button-default-bg: $base-accent !default;
493
- $button-default-border-color: darken($button-default-bg, 5%) !default;
494
- $button-default-contained-bg-hover: darken($button-default-bg, 9%) !default;
495
- $button-default-contained-bg-focused: darken($button-default-bg, 12%) !default;
496
- $button-default-contained-bg-active: darken($button-default-bg, 23%) !default;
497
- $button-default-contained-bg-selected: darken($button-default-bg, 17%) !default;
498
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
493
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
494
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: -9%, $space: hsl) !default;
495
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: -12%, $space: hsl) !default;
496
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: -23%, $space: hsl) !default;
497
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: -17%, $space: hsl) !default;
498
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
499
499
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
500
500
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
501
501
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
502
502
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
503
- $button-default-text-color: darken($button-default-bg, 5%) !default;
503
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
504
504
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
505
505
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
506
506
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
507
507
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
508
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
509
- $button-danger-contained-bg-hover: darken($button-danger-bg, 9%) !default;
510
- $button-danger-contained-bg-focused: darken($button-danger-bg, 12%) !default;
511
- $button-danger-contained-bg-active: darken($button-danger-bg, 23%) !default;
512
- $button-danger-contained-bg-selected: darken($button-danger-bg, 17%) !default;
508
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
509
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: -9%, $space: hsl) !default;
510
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: -12%, $space: hsl) !default;
511
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: -23%, $space: hsl) !default;
512
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: -17%, $space: hsl) !default;
513
513
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
514
514
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
515
515
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -518,11 +518,11 @@ $button-success-text-bg-selected: null !default;
518
518
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
519
519
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
520
520
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
521
- $button-success-border-color: darken($button-success-bg, 5%) !default;
522
- $button-success-contained-bg-hover: darken($button-success-bg, 9%) !default;
523
- $button-success-contained-bg-focused: darken($button-success-bg, 12%) !default;
524
- $button-success-contained-bg-active: darken($button-success-bg, 23%) !default;
525
- $button-success-contained-bg-selected: darken($button-success-bg, 17%) !default;
521
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
522
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: -9%, $space: hsl) !default;
523
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: -12%, $space: hsl) !default;
524
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: -23%, $space: hsl) !default;
525
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: -17%, $space: hsl) !default;
526
526
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
527
527
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
528
528
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
@@ -535,12 +535,12 @@ $button-success-text-bg-selected: null !default;
535
535
 
536
536
  @if $color == "softblue" {
537
537
  $button-normal-bg: $base-element-bg !default;
538
- $button-normal-border-color: darken($base-border-color, 11%) !default;
539
- $button-normal-bg-inverted: darken($button-normal-bg, 100%) !default;
540
- $button-normal-contained-bg-hover: darken($button-normal-bg, 4%) !default;
541
- $button-normal-contained-bg-focused: darken($button-normal-bg, 8%) !default;
542
- $button-normal-contained-bg-active: darken($button-normal-bg, 24%) !default;
543
- $button-normal-contained-bg-selected: darken($button-normal-bg, 17%) !default;
538
+ $button-normal-border-color: color.adjust($base-border-color, $lightness: -11%, $space: hsl) !default;
539
+ $button-normal-bg-inverted: color.adjust($button-normal-bg, $lightness: -100%, $space: hsl) !default;
540
+ $button-normal-contained-bg-hover: color.adjust($button-normal-bg, $lightness: -4%, $space: hsl) !default;
541
+ $button-normal-contained-bg-focused: color.adjust($button-normal-bg, $lightness: -8%, $space: hsl) !default;
542
+ $button-normal-contained-bg-active: color.adjust($button-normal-bg, $lightness: -24%, $space: hsl) !default;
543
+ $button-normal-contained-bg-selected: color.adjust($button-normal-bg, $lightness: -17%, $space: hsl) !default;
544
544
  $button-normal-outlined-bg: color.change($button-normal-bg-inverted, $alpha: 0) !default;
545
545
  $button-normal-outlined-bg-hover: color.change($button-normal-outlined-bg, $alpha: 0.04) !default;
546
546
  $button-normal-outlined-bg-focused: color.change($button-normal-outlined-bg, $alpha: 0.08) !default;
@@ -552,26 +552,26 @@ $button-success-text-bg-selected: null !default;
552
552
  $button-normal-text-bg-active: color.change($button-normal-text-bg, $alpha: 0.24) !default;
553
553
  $button-normal-text-bg-selected: color.change($button-normal-text-bg, $alpha: 0.17) !default;
554
554
  $button-default-bg: $base-accent !default;
555
- $button-default-border-color: darken($button-default-bg, 5%) !default;
556
- $button-default-contained-bg-hover: darken($button-default-bg, 9%) !default;
557
- $button-default-contained-bg-focused: darken($button-default-bg, 12%) !default;
558
- $button-default-contained-bg-active: darken($button-default-bg, 23%) !default;
559
- $button-default-contained-bg-selected: darken($button-default-bg, 17%) !default;
560
- $button-default-outlined-color: darken($button-default-bg, 5%) !default;
555
+ $button-default-border-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
556
+ $button-default-contained-bg-hover: color.adjust($button-default-bg, $lightness: -9%, $space: hsl) !default;
557
+ $button-default-contained-bg-focused: color.adjust($button-default-bg, $lightness: -12%, $space: hsl) !default;
558
+ $button-default-contained-bg-active: color.adjust($button-default-bg, $lightness: -23%, $space: hsl) !default;
559
+ $button-default-contained-bg-selected: color.adjust($button-default-bg, $lightness: -17%, $space: hsl) !default;
560
+ $button-default-outlined-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
561
561
  $button-default-outlined-bg-hover: color.change($button-default-border-color, $alpha: 0.1) !default;
562
562
  $button-default-outlined-bg-focused: color.change($button-default-border-color, $alpha: 0.1) !default;
563
563
  $button-default-outlined-bg-active: color.change($button-default-border-color, $alpha: 0.4) !default;
564
564
  $button-default-outlined-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
565
- $button-default-text-color: darken($button-default-bg, 5%) !default;
565
+ $button-default-text-color: color.adjust($button-default-bg, $lightness: -5%, $space: hsl) !default;
566
566
  $button-default-text-bg-hover: $button-default-outlined-bg-hover !default;
567
567
  $button-default-text-bg-focused: $button-default-outlined-bg-focused !default;
568
568
  $button-default-text-bg-active: $button-default-outlined-bg-active !default;
569
569
  $button-default-text-bg-selected: color.change($button-default-bg, $alpha: 0.3) !default;
570
- $button-danger-border-color: darken($button-danger-bg, 5%) !default;
571
- $button-danger-contained-bg-hover: darken($button-danger-bg, 9%) !default;
572
- $button-danger-contained-bg-focused: darken($button-danger-bg, 12%) !default;
573
- $button-danger-contained-bg-active: darken($button-danger-bg, 23%) !default;
574
- $button-danger-contained-bg-selected: darken($button-danger-bg, 17%) !default;
570
+ $button-danger-border-color: color.adjust($button-danger-bg, $lightness: -5%, $space: hsl) !default;
571
+ $button-danger-contained-bg-hover: color.adjust($button-danger-bg, $lightness: -9%, $space: hsl) !default;
572
+ $button-danger-contained-bg-focused: color.adjust($button-danger-bg, $lightness: -12%, $space: hsl) !default;
573
+ $button-danger-contained-bg-active: color.adjust($button-danger-bg, $lightness: -23%, $space: hsl) !default;
574
+ $button-danger-contained-bg-selected: color.adjust($button-danger-bg, $lightness: -17%, $space: hsl) !default;
575
575
  $button-danger-outlined-bg-hover: color.change($button-danger-border-color, $alpha: 0.1) !default;
576
576
  $button-danger-outlined-bg-focused: color.change($button-danger-border-color, $alpha: 0.1) !default;
577
577
  $button-danger-outlined-bg-active: color.change($button-danger-border-color, $alpha: 0.4) !default;
@@ -580,11 +580,11 @@ $button-success-text-bg-selected: null !default;
580
580
  $button-danger-text-bg-focused: $button-danger-outlined-bg-focused !default;
581
581
  $button-danger-text-bg-active: $button-danger-outlined-bg-active !default;
582
582
  $button-danger-text-bg-selected: color.change($button-danger-bg, $alpha: 0.3) !default;
583
- $button-success-border-color: darken($button-success-bg, 5%) !default;
584
- $button-success-contained-bg-hover: darken($button-success-bg, 9%) !default;
585
- $button-success-contained-bg-focused: darken($button-success-bg, 12%) !default;
586
- $button-success-contained-bg-active: darken($button-success-bg, 23%) !default;
587
- $button-success-contained-bg-selected: darken($button-success-bg, 17%) !default;
583
+ $button-success-border-color: color.adjust($button-success-bg, $lightness: -5%, $space: hsl) !default;
584
+ $button-success-contained-bg-hover: color.adjust($button-success-bg, $lightness: -9%, $space: hsl) !default;
585
+ $button-success-contained-bg-focused: color.adjust($button-success-bg, $lightness: -12%, $space: hsl) !default;
586
+ $button-success-contained-bg-active: color.adjust($button-success-bg, $lightness: -23%, $space: hsl) !default;
587
+ $button-success-contained-bg-selected: color.adjust($button-success-bg, $lightness: -17%, $space: hsl) !default;
588
588
  $button-success-outlined-bg-hover: color.change($button-success-border-color, $alpha: 0.1) !default;
589
589
  $button-success-outlined-bg-focused: color.change($button-success-border-color, $alpha: 0.1) !default;
590
590
  $button-success-outlined-bg-active: color.change($button-success-border-color, $alpha: 0.4) !default;
package/data/scss/widgets/generic/calendar/_colors.scss CHANGED
@@ -27,7 +27,7 @@ $calendar-cell-contoured-border-radius: $base-border-radius !default;
27
27
  $calendar-invalid-focused-border-color: $base-invalid-color !default;
28
28
  $calendar-invalid-faded-border-color: $base-invalid-faded-border-color !default;
29
29
  $calendar-week-number-cell-color: color.change($calendar-color, $alpha: 0.56) !default;
30
- $calendar-week-number-cell-bg: color.change(darken($base-bg, 12%), $alpha: 0.5) !default;
30
+ $calendar-week-number-cell-bg: color.change(color.adjust($base-bg, $lightness: -12%, $space: hsl), $alpha: 0.5) !default;
31
31
  $calendar-cell-hover-border-color: color.change($base-accent, $alpha: 0.6) !default;
32
32
  $calendar-navigator-text-color: $button-normal-color !default;
33
33
 
package/data/scss/widgets/generic/card/_index.scss CHANGED
@@ -8,7 +8,8 @@
8
8
  // adduse
9
9
 
10
10
  .dx-card {
11
- border: 1px solid $base-border-color;
11
+ border: 1px solid;
12
+ border-color: $base-border-color;
12
13
  border-radius: $base-border-radius;
13
14
  background-color: $base-bg;
14
15
  }