@windmorph/react 0.0.0-stage → 0.1.0

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 (761) hide show
  1. package/LICENSE +21 -0
  2. package/NOTICE +23 -0
  3. package/README.md +149 -2
  4. package/dist/cli.d.ts +1 -0
  5. package/dist/cli.js +112 -0
  6. package/dist/cli.js.map +1 -0
  7. package/dist/components/app-bar/AppBarItems.js +23 -0
  8. package/dist/components/app-bar/AppBarItems.js.map +1 -0
  9. package/dist/components/app-bar/TopAppBar.d.ts +89 -0
  10. package/dist/components/app-bar/TopAppBar.js +103 -0
  11. package/dist/components/app-bar/TopAppBar.js.map +1 -0
  12. package/dist/components/app-bar/app-bar-styles.d.ts +280 -0
  13. package/dist/components/app-bar/app-bar-styles.js +142 -0
  14. package/dist/components/app-bar/app-bar-styles.js.map +1 -0
  15. package/dist/components/app-bar/app-bar-tokens.d.ts +7 -0
  16. package/dist/components/app-bar/app-bar-tokens.js +64 -0
  17. package/dist/components/app-bar/app-bar-tokens.js.map +1 -0
  18. package/dist/components/app-bar/use-app-bar-scroll.d.ts +6 -0
  19. package/dist/components/app-bar/use-app-bar-scroll.js +139 -0
  20. package/dist/components/app-bar/use-app-bar-scroll.js.map +1 -0
  21. package/dist/components/autocomplete/Autocomplete.d.ts +142 -0
  22. package/dist/components/autocomplete/Autocomplete.js +284 -0
  23. package/dist/components/autocomplete/Autocomplete.js.map +1 -0
  24. package/dist/components/badge/Badge.d.ts +71 -0
  25. package/dist/components/badge/Badge.js +72 -0
  26. package/dist/components/badge/Badge.js.map +1 -0
  27. package/dist/components/badge/badge-styles.d.ts +100 -0
  28. package/dist/components/badge/badge-styles.js +43 -0
  29. package/dist/components/badge/badge-styles.js.map +1 -0
  30. package/dist/components/badge/badge-tokens.d.ts +7 -0
  31. package/dist/components/badge/badge-tokens.js +40 -0
  32. package/dist/components/badge/badge-tokens.js.map +1 -0
  33. package/dist/components/button/Button.d.ts +91 -0
  34. package/dist/components/button/Button.js +96 -0
  35. package/dist/components/button/Button.js.map +1 -0
  36. package/dist/components/button/ButtonContext.d.ts +30 -0
  37. package/dist/components/button/ButtonContext.js +18 -0
  38. package/dist/components/button/ButtonContext.js.map +1 -0
  39. package/dist/components/button/DensityZeroButtons.js +25 -0
  40. package/dist/components/button/DensityZeroButtons.js.map +1 -0
  41. package/dist/components/button/button-pending.d.ts +10 -0
  42. package/dist/components/button/button-pending.js +166 -0
  43. package/dist/components/button/button-pending.js.map +1 -0
  44. package/dist/components/button/button-styles.d.ts +216 -0
  45. package/dist/components/button/button-styles.js +199 -0
  46. package/dist/components/button/button-styles.js.map +1 -0
  47. package/dist/components/button/button-tokens.d.ts +10 -0
  48. package/dist/components/button/button-tokens.js +257 -0
  49. package/dist/components/button/button-tokens.js.map +1 -0
  50. package/dist/components/button/connected-shapes.js +152 -0
  51. package/dist/components/button/connected-shapes.js.map +1 -0
  52. package/dist/components/card/Card.d.ts +60 -0
  53. package/dist/components/card/Card.js +69 -0
  54. package/dist/components/card/Card.js.map +1 -0
  55. package/dist/components/card/card-styles.d.ts +42 -0
  56. package/dist/components/card/card-styles.js +64 -0
  57. package/dist/components/card/card-styles.js.map +1 -0
  58. package/dist/components/card/card-tokens.d.ts +7 -0
  59. package/dist/components/card/card-tokens.js +84 -0
  60. package/dist/components/card/card-tokens.js.map +1 -0
  61. package/dist/components/carousel/Carousel.d.ts +124 -0
  62. package/dist/components/carousel/Carousel.js +387 -0
  63. package/dist/components/carousel/Carousel.js.map +1 -0
  64. package/dist/components/carousel/carousel-keylines.js +486 -0
  65. package/dist/components/carousel/carousel-keylines.js.map +1 -0
  66. package/dist/components/carousel/carousel-press-area.js +35 -0
  67. package/dist/components/carousel/carousel-press-area.js.map +1 -0
  68. package/dist/components/carousel/carousel-styles.d.ts +188 -0
  69. package/dist/components/carousel/carousel-styles.js +116 -0
  70. package/dist/components/carousel/carousel-styles.js.map +1 -0
  71. package/dist/components/carousel/carousel-tokens.d.ts +7 -0
  72. package/dist/components/carousel/carousel-tokens.js +18 -0
  73. package/dist/components/carousel/carousel-tokens.js.map +1 -0
  74. package/dist/components/checkbox/Checkbox.d.ts +78 -0
  75. package/dist/components/checkbox/Checkbox.js +77 -0
  76. package/dist/components/checkbox/Checkbox.js.map +1 -0
  77. package/dist/components/checkbox/checkbox-box.js +34 -0
  78. package/dist/components/checkbox/checkbox-box.js.map +1 -0
  79. package/dist/components/checkbox/checkbox-styles.d.ts +100 -0
  80. package/dist/components/checkbox/checkbox-styles.js +54 -0
  81. package/dist/components/checkbox/checkbox-styles.js.map +1 -0
  82. package/dist/components/checkbox/checkbox-tokens.d.ts +7 -0
  83. package/dist/components/checkbox/checkbox-tokens.js +41 -0
  84. package/dist/components/checkbox/checkbox-tokens.js.map +1 -0
  85. package/dist/components/chip/Chip.d.ts +171 -0
  86. package/dist/components/chip/Chip.js +348 -0
  87. package/dist/components/chip/Chip.js.map +1 -0
  88. package/dist/components/chip/ChipSet.d.ts +70 -0
  89. package/dist/components/chip/ChipSet.js +198 -0
  90. package/dist/components/chip/ChipSet.js.map +1 -0
  91. package/dist/components/chip/chip-styles.d.ts +263 -0
  92. package/dist/components/chip/chip-styles.js +360 -0
  93. package/dist/components/chip/chip-styles.js.map +1 -0
  94. package/dist/components/chip/chip-tokens.d.ts +13 -0
  95. package/dist/components/chip/chip-tokens.js +185 -0
  96. package/dist/components/chip/chip-tokens.js.map +1 -0
  97. package/dist/components/date-picker/CalendarGrid.js +94 -0
  98. package/dist/components/date-picker/CalendarGrid.js.map +1 -0
  99. package/dist/components/date-picker/CompactDateDialog.js +63 -0
  100. package/dist/components/date-picker/CompactDateDialog.js.map +1 -0
  101. package/dist/components/date-picker/DateField.d.ts +161 -0
  102. package/dist/components/date-picker/DateField.js +393 -0
  103. package/dist/components/date-picker/DateField.js.map +1 -0
  104. package/dist/components/date-picker/DateInput.d.ts +20 -0
  105. package/dist/components/date-picker/DateInput.js +99 -0
  106. package/dist/components/date-picker/DateInput.js.map +1 -0
  107. package/dist/components/date-picker/DatePicker.d.ts +165 -0
  108. package/dist/components/date-picker/DatePicker.js +492 -0
  109. package/dist/components/date-picker/DatePicker.js.map +1 -0
  110. package/dist/components/date-picker/PickerDialog.d.ts +121 -0
  111. package/dist/components/date-picker/PickerDialog.js +161 -0
  112. package/dist/components/date-picker/PickerDialog.js.map +1 -0
  113. package/dist/components/date-picker/calendar-parts.js +141 -0
  114. package/dist/components/date-picker/calendar-parts.js.map +1 -0
  115. package/dist/components/date-picker/date-format.js +72 -0
  116. package/dist/components/date-picker/date-format.js.map +1 -0
  117. package/dist/components/date-picker/date-picker-styles.d.ts +247 -0
  118. package/dist/components/date-picker/date-picker-styles.js +163 -0
  119. package/dist/components/date-picker/date-picker-styles.js.map +1 -0
  120. package/dist/components/date-picker/date-picker-tokens.d.ts +7 -0
  121. package/dist/components/date-picker/date-picker-tokens.js +104 -0
  122. package/dist/components/date-picker/date-picker-tokens.js.map +1 -0
  123. package/dist/components/date-picker/picker-dialog-context.js +8 -0
  124. package/dist/components/date-picker/picker-dialog-context.js.map +1 -0
  125. package/dist/components/date-picker/picker-dialog-styles.d.ts +95 -0
  126. package/dist/components/date-picker/picker-dialog-styles.js +57 -0
  127. package/dist/components/date-picker/picker-dialog-styles.js.map +1 -0
  128. package/dist/components/date-picker/picker-icons.js +24 -0
  129. package/dist/components/date-picker/picker-icons.js.map +1 -0
  130. package/dist/components/date-picker/use-media-query.js +21 -0
  131. package/dist/components/date-picker/use-media-query.js.map +1 -0
  132. package/dist/components/date-picker/use-size-transform.js +62 -0
  133. package/dist/components/date-picker/use-size-transform.js.map +1 -0
  134. package/dist/components/date-picker/use-view-exit.js +68 -0
  135. package/dist/components/date-picker/use-view-exit.js.map +1 -0
  136. package/dist/components/dialog/Dialog.d.ts +267 -0
  137. package/dist/components/dialog/Dialog.js +521 -0
  138. package/dist/components/dialog/Dialog.js.map +1 -0
  139. package/dist/components/dialog/dialog-styles.d.ts +335 -0
  140. package/dist/components/dialog/dialog-styles.js +377 -0
  141. package/dist/components/dialog/dialog-styles.js.map +1 -0
  142. package/dist/components/dialog/dialog-tokens.d.ts +7 -0
  143. package/dist/components/dialog/dialog-tokens.js +57 -0
  144. package/dist/components/dialog/dialog-tokens.js.map +1 -0
  145. package/dist/components/divider/Divider.d.ts +59 -0
  146. package/dist/components/divider/Divider.js +53 -0
  147. package/dist/components/divider/Divider.js.map +1 -0
  148. package/dist/components/divider/divider-styles.d.ts +90 -0
  149. package/dist/components/divider/divider-styles.js +66 -0
  150. package/dist/components/divider/divider-styles.js.map +1 -0
  151. package/dist/components/divider/divider-tokens.d.ts +7 -0
  152. package/dist/components/divider/divider-tokens.js +16 -0
  153. package/dist/components/divider/divider-tokens.js.map +1 -0
  154. package/dist/components/fab/Fab.d.ts +130 -0
  155. package/dist/components/fab/Fab.js +137 -0
  156. package/dist/components/fab/Fab.js.map +1 -0
  157. package/dist/components/fab/FabTooltip.js +36 -0
  158. package/dist/components/fab/FabTooltip.js.map +1 -0
  159. package/dist/components/fab/fab-styles.d.ts +286 -0
  160. package/dist/components/fab/fab-styles.js +131 -0
  161. package/dist/components/fab/fab-styles.js.map +1 -0
  162. package/dist/components/fab/fab-tokens.d.ts +12 -0
  163. package/dist/components/fab/fab-tokens.js +105 -0
  164. package/dist/components/fab/fab-tokens.js.map +1 -0
  165. package/dist/components/fab-menu/FabMenu.d.ts +156 -0
  166. package/dist/components/fab-menu/FabMenu.js +291 -0
  167. package/dist/components/fab-menu/FabMenu.js.map +1 -0
  168. package/dist/components/fab-menu/fab-menu-stagger.js +51 -0
  169. package/dist/components/fab-menu/fab-menu-stagger.js.map +1 -0
  170. package/dist/components/fab-menu/fab-menu-styles.d.ts +166 -0
  171. package/dist/components/fab-menu/fab-menu-styles.js +107 -0
  172. package/dist/components/fab-menu/fab-menu-styles.js.map +1 -0
  173. package/dist/components/fab-menu/fab-menu-tokens.d.ts +7 -0
  174. package/dist/components/fab-menu/fab-menu-tokens.js +120 -0
  175. package/dist/components/fab-menu/fab-menu-tokens.js.map +1 -0
  176. package/dist/components/icon-button/IconButton.d.ts +125 -0
  177. package/dist/components/icon-button/IconButton.js +112 -0
  178. package/dist/components/icon-button/IconButton.js.map +1 -0
  179. package/dist/components/icon-button/icon-button-styles.d.ts +217 -0
  180. package/dist/components/icon-button/icon-button-styles.js +244 -0
  181. package/dist/components/icon-button/icon-button-styles.js.map +1 -0
  182. package/dist/components/icon-button/icon-button-tokens.d.ts +11 -0
  183. package/dist/components/icon-button/icon-button-tokens.js +215 -0
  184. package/dist/components/icon-button/icon-button-tokens.js.map +1 -0
  185. package/dist/components/list/List.d.ts +265 -0
  186. package/dist/components/list/List.js +1386 -0
  187. package/dist/components/list/List.js.map +1 -0
  188. package/dist/components/list/ListMedia.d.ts +88 -0
  189. package/dist/components/list/ListMedia.js +132 -0
  190. package/dist/components/list/ListMedia.js.map +1 -0
  191. package/dist/components/list/list-styles.d.ts +375 -0
  192. package/dist/components/list/list-styles.js +220 -0
  193. package/dist/components/list/list-styles.js.map +1 -0
  194. package/dist/components/list/list-tokens.d.ts +7 -0
  195. package/dist/components/list/list-tokens.js +92 -0
  196. package/dist/components/list/list-tokens.js.map +1 -0
  197. package/dist/components/loading-indicator/LoadingIndicator.d.ts +65 -0
  198. package/dist/components/loading-indicator/LoadingIndicator.js +92 -0
  199. package/dist/components/loading-indicator/LoadingIndicator.js.map +1 -0
  200. package/dist/components/loading-indicator/lazy-loading-indicator.js +25 -0
  201. package/dist/components/loading-indicator/lazy-loading-indicator.js.map +1 -0
  202. package/dist/components/loading-indicator/loading-indicator-frames.js +149 -0
  203. package/dist/components/loading-indicator/loading-indicator-frames.js.map +1 -0
  204. package/dist/components/loading-indicator/loading-indicator-styles.d.ts +36 -0
  205. package/dist/components/loading-indicator/loading-indicator-styles.js +22 -0
  206. package/dist/components/loading-indicator/loading-indicator-styles.js.map +1 -0
  207. package/dist/components/loading-indicator/loading-indicator-tokens.d.ts +7 -0
  208. package/dist/components/loading-indicator/loading-indicator-tokens.js +44 -0
  209. package/dist/components/loading-indicator/loading-indicator-tokens.js.map +1 -0
  210. package/dist/components/menu/Menu.d.ts +215 -0
  211. package/dist/components/menu/Menu.js +715 -0
  212. package/dist/components/menu/Menu.js.map +1 -0
  213. package/dist/components/menu/menu-styles.d.ts +354 -0
  214. package/dist/components/menu/menu-styles.js +219 -0
  215. package/dist/components/menu/menu-styles.js.map +1 -0
  216. package/dist/components/menu/menu-tokens.d.ts +7 -0
  217. package/dist/components/menu/menu-tokens.js +93 -0
  218. package/dist/components/menu/menu-tokens.js.map +1 -0
  219. package/dist/components/menu/menu-trigger.d.ts +51 -0
  220. package/dist/components/menu/menu-trigger.js +100 -0
  221. package/dist/components/menu/menu-trigger.js.map +1 -0
  222. package/dist/components/menu/use-reveal-entering.js +42 -0
  223. package/dist/components/menu/use-reveal-entering.js.map +1 -0
  224. package/dist/components/navigation/NavItem.d.ts +54 -0
  225. package/dist/components/navigation/NavItem.js +182 -0
  226. package/dist/components/navigation/NavItem.js.map +1 -0
  227. package/dist/components/navigation/NavigationBar.d.ts +64 -0
  228. package/dist/components/navigation/NavigationBar.js +121 -0
  229. package/dist/components/navigation/NavigationBar.js.map +1 -0
  230. package/dist/components/navigation/NavigationRail.d.ts +91 -0
  231. package/dist/components/navigation/NavigationRail.js +285 -0
  232. package/dist/components/navigation/NavigationRail.js.map +1 -0
  233. package/dist/components/navigation/nav-item-styles.d.ts +190 -0
  234. package/dist/components/navigation/nav-item-styles.js +123 -0
  235. package/dist/components/navigation/nav-item-styles.js.map +1 -0
  236. package/dist/components/navigation/navigation-styles.d.ts +239 -0
  237. package/dist/components/navigation/navigation-styles.js +134 -0
  238. package/dist/components/navigation/navigation-styles.js.map +1 -0
  239. package/dist/components/navigation/navigation-tokens.d.ts +9 -0
  240. package/dist/components/navigation/navigation-tokens.js +114 -0
  241. package/dist/components/navigation/navigation-tokens.js.map +1 -0
  242. package/dist/components/navigation/use-hide-on-scroll.js +115 -0
  243. package/dist/components/navigation/use-hide-on-scroll.js.map +1 -0
  244. package/dist/components/navigation/use-item-arrow-keys.js +37 -0
  245. package/dist/components/navigation/use-item-arrow-keys.js.map +1 -0
  246. package/dist/components/navigation/use-rail-item-morph.js +61 -0
  247. package/dist/components/navigation/use-rail-item-morph.js.map +1 -0
  248. package/dist/components/progress/ProgressIndicator.d.ts +95 -0
  249. package/dist/components/progress/ProgressIndicator.js +426 -0
  250. package/dist/components/progress/ProgressIndicator.js.map +1 -0
  251. package/dist/components/progress/progress-geometry.js +285 -0
  252. package/dist/components/progress/progress-geometry.js.map +1 -0
  253. package/dist/components/progress/progress-styles.d.ts +81 -0
  254. package/dist/components/progress/progress-styles.js +43 -0
  255. package/dist/components/progress/progress-styles.js.map +1 -0
  256. package/dist/components/progress/progress-tokens.d.ts +7 -0
  257. package/dist/components/progress/progress-tokens.js +39 -0
  258. package/dist/components/progress/progress-tokens.js.map +1 -0
  259. package/dist/components/pull-to-refresh/PullToRefresh.d.ts +94 -0
  260. package/dist/components/pull-to-refresh/PullToRefresh.js +395 -0
  261. package/dist/components/pull-to-refresh/PullToRefresh.js.map +1 -0
  262. package/dist/components/pull-to-refresh/pull-to-refresh-math.js +37 -0
  263. package/dist/components/pull-to-refresh/pull-to-refresh-math.js.map +1 -0
  264. package/dist/components/pull-to-refresh/pull-to-refresh-styles.d.ts +53 -0
  265. package/dist/components/pull-to-refresh/pull-to-refresh-styles.js +14 -0
  266. package/dist/components/pull-to-refresh/pull-to-refresh-styles.js.map +1 -0
  267. package/dist/components/radio/RadioGroup.d.ts +121 -0
  268. package/dist/components/radio/RadioGroup.js +163 -0
  269. package/dist/components/radio/RadioGroup.js.map +1 -0
  270. package/dist/components/radio/radio-ring.js +21 -0
  271. package/dist/components/radio/radio-ring.js.map +1 -0
  272. package/dist/components/radio/radio-styles.d.ts +155 -0
  273. package/dist/components/radio/radio-styles.js +60 -0
  274. package/dist/components/radio/radio-styles.js.map +1 -0
  275. package/dist/components/radio/radio-tokens.d.ts +7 -0
  276. package/dist/components/radio/radio-tokens.js +31 -0
  277. package/dist/components/radio/radio-tokens.js.map +1 -0
  278. package/dist/components/search/SearchAppBar.d.ts +45 -0
  279. package/dist/components/search/SearchAppBar.js +61 -0
  280. package/dist/components/search/SearchAppBar.js.map +1 -0
  281. package/dist/components/search/SearchBar.d.ts +147 -0
  282. package/dist/components/search/SearchBar.js +412 -0
  283. package/dist/components/search/SearchBar.js.map +1 -0
  284. package/dist/components/search/search-styles.d.ts +243 -0
  285. package/dist/components/search/search-styles.js +143 -0
  286. package/dist/components/search/search-styles.js.map +1 -0
  287. package/dist/components/search/search-tokens.d.ts +9 -0
  288. package/dist/components/search/search-tokens.js +70 -0
  289. package/dist/components/search/search-tokens.js.map +1 -0
  290. package/dist/components/select/Select.d.ts +187 -0
  291. package/dist/components/select/Select.js +319 -0
  292. package/dist/components/select/Select.js.map +1 -0
  293. package/dist/components/select/field-shell.d.ts +29 -0
  294. package/dist/components/select/field-shell.js +135 -0
  295. package/dist/components/select/field-shell.js.map +1 -0
  296. package/dist/components/select/option-list.d.ts +81 -0
  297. package/dist/components/select/option-list.js +291 -0
  298. package/dist/components/select/option-list.js.map +1 -0
  299. package/dist/components/select/search-list.js +135 -0
  300. package/dist/components/select/search-list.js.map +1 -0
  301. package/dist/components/select/selection-cap.js +30 -0
  302. package/dist/components/select/selection-cap.js.map +1 -0
  303. package/dist/components/sheet/BottomSheet.d.ts +154 -0
  304. package/dist/components/sheet/BottomSheet.js +442 -0
  305. package/dist/components/sheet/BottomSheet.js.map +1 -0
  306. package/dist/components/sheet/SheetTrigger.d.ts +25 -0
  307. package/dist/components/sheet/SheetTrigger.js +46 -0
  308. package/dist/components/sheet/SheetTrigger.js.map +1 -0
  309. package/dist/components/sheet/SideSheet.d.ts +139 -0
  310. package/dist/components/sheet/SideSheet.js +289 -0
  311. package/dist/components/sheet/SideSheet.js.map +1 -0
  312. package/dist/components/sheet/bottom-sheet-gesture.js +30 -0
  313. package/dist/components/sheet/bottom-sheet-gesture.js.map +1 -0
  314. package/dist/components/sheet/lazy-bottom-sheet.js +33 -0
  315. package/dist/components/sheet/lazy-bottom-sheet.js.map +1 -0
  316. package/dist/components/sheet/sheet-gesture.js +48 -0
  317. package/dist/components/sheet/sheet-gesture.js.map +1 -0
  318. package/dist/components/sheet/sheet-icons.js +31 -0
  319. package/dist/components/sheet/sheet-icons.js.map +1 -0
  320. package/dist/components/sheet/sheet-settle.js +58 -0
  321. package/dist/components/sheet/sheet-settle.js.map +1 -0
  322. package/dist/components/sheet/sheet-styles.d.ts +312 -0
  323. package/dist/components/sheet/sheet-styles.js +229 -0
  324. package/dist/components/sheet/sheet-styles.js.map +1 -0
  325. package/dist/components/sheet/sheet-tokens.d.ts +12 -0
  326. package/dist/components/sheet/sheet-tokens.js +115 -0
  327. package/dist/components/sheet/sheet-tokens.js.map +1 -0
  328. package/dist/components/sheet/side-swipe-gesture.js +22 -0
  329. package/dist/components/sheet/side-swipe-gesture.js.map +1 -0
  330. package/dist/components/sheet/use-peek-inert.js +32 -0
  331. package/dist/components/sheet/use-peek-inert.js.map +1 -0
  332. package/dist/components/sheet/use-side-swipe.js +174 -0
  333. package/dist/components/sheet/use-side-swipe.js.map +1 -0
  334. package/dist/components/slider/Slider.d.ts +129 -0
  335. package/dist/components/slider/Slider.js +295 -0
  336. package/dist/components/slider/Slider.js.map +1 -0
  337. package/dist/components/slider/slider-geometry.js +138 -0
  338. package/dist/components/slider/slider-geometry.js.map +1 -0
  339. package/dist/components/slider/slider-styles.d.ts +133 -0
  340. package/dist/components/slider/slider-styles.js +97 -0
  341. package/dist/components/slider/slider-styles.js.map +1 -0
  342. package/dist/components/slider/slider-tokens.d.ts +7 -0
  343. package/dist/components/slider/slider-tokens.js +66 -0
  344. package/dist/components/slider/slider-tokens.js.map +1 -0
  345. package/dist/components/slider/use-touch-track.js +138 -0
  346. package/dist/components/slider/use-touch-track.js.map +1 -0
  347. package/dist/components/snackbar/Snackbar.d.ts +96 -0
  348. package/dist/components/snackbar/Snackbar.js +253 -0
  349. package/dist/components/snackbar/Snackbar.js.map +1 -0
  350. package/dist/components/snackbar/snackbar-state.d.ts +58 -0
  351. package/dist/components/snackbar/snackbar-state.js +73 -0
  352. package/dist/components/snackbar/snackbar-state.js.map +1 -0
  353. package/dist/components/snackbar/snackbar-styles.d.ts +109 -0
  354. package/dist/components/snackbar/snackbar-styles.js +67 -0
  355. package/dist/components/snackbar/snackbar-styles.js.map +1 -0
  356. package/dist/components/snackbar/snackbar-tokens.d.ts +7 -0
  357. package/dist/components/snackbar/snackbar-tokens.js +54 -0
  358. package/dist/components/snackbar/snackbar-tokens.js.map +1 -0
  359. package/dist/components/split-button/SplitButton.d.ts +109 -0
  360. package/dist/components/split-button/SplitButton.js +195 -0
  361. package/dist/components/split-button/SplitButton.js.map +1 -0
  362. package/dist/components/split-button/split-button-styles.d.ts +214 -0
  363. package/dist/components/split-button/split-button-styles.js +164 -0
  364. package/dist/components/split-button/split-button-styles.js.map +1 -0
  365. package/dist/components/split-button/split-button-tokens.d.ts +7 -0
  366. package/dist/components/split-button/split-button-tokens.js +36 -0
  367. package/dist/components/split-button/split-button-tokens.js.map +1 -0
  368. package/dist/components/switch/Switch.d.ts +82 -0
  369. package/dist/components/switch/Switch.js +165 -0
  370. package/dist/components/switch/Switch.js.map +1 -0
  371. package/dist/components/switch/switch-styles.d.ts +96 -0
  372. package/dist/components/switch/switch-styles.js +68 -0
  373. package/dist/components/switch/switch-styles.js.map +1 -0
  374. package/dist/components/switch/switch-thumb.js +41 -0
  375. package/dist/components/switch/switch-thumb.js.map +1 -0
  376. package/dist/components/switch/switch-tokens.d.ts +7 -0
  377. package/dist/components/switch/switch-tokens.js +78 -0
  378. package/dist/components/switch/switch-tokens.js.map +1 -0
  379. package/dist/components/tabs/Tabs.d.ts +120 -0
  380. package/dist/components/tabs/Tabs.js +346 -0
  381. package/dist/components/tabs/Tabs.js.map +1 -0
  382. package/dist/components/tabs/tabs-styles.d.ts +198 -0
  383. package/dist/components/tabs/tabs-styles.js +99 -0
  384. package/dist/components/tabs/tabs-styles.js.map +1 -0
  385. package/dist/components/tabs/tabs-tokens.d.ts +7 -0
  386. package/dist/components/tabs/tabs-tokens.js +121 -0
  387. package/dist/components/tabs/tabs-tokens.js.map +1 -0
  388. package/dist/components/text-field/TextField.d.ts +175 -0
  389. package/dist/components/text-field/TextField.js +250 -0
  390. package/dist/components/text-field/TextField.js.map +1 -0
  391. package/dist/components/text-field/text-field-styles.d.ts +252 -0
  392. package/dist/components/text-field/text-field-styles.js +209 -0
  393. package/dist/components/text-field/text-field-styles.js.map +1 -0
  394. package/dist/components/text-field/text-field-tokens.d.ts +7 -0
  395. package/dist/components/text-field/text-field-tokens.js +177 -0
  396. package/dist/components/text-field/text-field-tokens.js.map +1 -0
  397. package/dist/components/time-picker/TimePicker.d.ts +142 -0
  398. package/dist/components/time-picker/TimePicker.js +700 -0
  399. package/dist/components/time-picker/TimePicker.js.map +1 -0
  400. package/dist/components/time-picker/time-picker-styles.d.ts +175 -0
  401. package/dist/components/time-picker/time-picker-styles.js +112 -0
  402. package/dist/components/time-picker/time-picker-styles.js.map +1 -0
  403. package/dist/components/time-picker/time-picker-tokens.d.ts +7 -0
  404. package/dist/components/time-picker/time-picker-tokens.js +86 -0
  405. package/dist/components/time-picker/time-picker-tokens.js.map +1 -0
  406. package/dist/components/toolbar/Toolbar.d.ts +209 -0
  407. package/dist/components/toolbar/Toolbar.js +282 -0
  408. package/dist/components/toolbar/Toolbar.js.map +1 -0
  409. package/dist/components/toolbar/toolbar-styles.d.ts +403 -0
  410. package/dist/components/toolbar/toolbar-styles.js +253 -0
  411. package/dist/components/toolbar/toolbar-styles.js.map +1 -0
  412. package/dist/components/toolbar/toolbar-tokens.d.ts +27 -0
  413. package/dist/components/toolbar/toolbar-tokens.js +117 -0
  414. package/dist/components/toolbar/toolbar-tokens.js.map +1 -0
  415. package/dist/components/toolbar/use-toolbar-scroll-expansion.d.ts +56 -0
  416. package/dist/components/toolbar/use-toolbar-scroll-expansion.js +86 -0
  417. package/dist/components/toolbar/use-toolbar-scroll-expansion.js.map +1 -0
  418. package/dist/components/tooltip/Tooltip.d.ts +131 -0
  419. package/dist/components/tooltip/Tooltip.js +388 -0
  420. package/dist/components/tooltip/Tooltip.js.map +1 -0
  421. package/dist/components/tooltip/lazy-tooltip.js +35 -0
  422. package/dist/components/tooltip/lazy-tooltip.js.map +1 -0
  423. package/dist/components/tooltip/tooltip-placement.d.ts +16 -0
  424. package/dist/components/tooltip/tooltip-placement.js +14 -0
  425. package/dist/components/tooltip/tooltip-placement.js.map +1 -0
  426. package/dist/components/tooltip/tooltip-styles.d.ts +142 -0
  427. package/dist/components/tooltip/tooltip-styles.js +81 -0
  428. package/dist/components/tooltip/tooltip-styles.js.map +1 -0
  429. package/dist/components/tooltip/tooltip-tokens.d.ts +9 -0
  430. package/dist/components/tooltip/tooltip-tokens.js +72 -0
  431. package/dist/components/tooltip/tooltip-tokens.js.map +1 -0
  432. package/dist/components/tooltip/tooltip-trigger.d.ts +42 -0
  433. package/dist/components/tooltip/tooltip-trigger.js +115 -0
  434. package/dist/components/tooltip/tooltip-trigger.js.map +1 -0
  435. package/dist/composites/button-group/ButtonGroup.d.ts +116 -0
  436. package/dist/composites/button-group/ButtonGroup.js +270 -0
  437. package/dist/composites/button-group/ButtonGroup.js.map +1 -0
  438. package/dist/composites/button-group/button-group-styles.d.ts +73 -0
  439. package/dist/composites/button-group/button-group-styles.js +87 -0
  440. package/dist/composites/button-group/button-group-styles.js.map +1 -0
  441. package/dist/composites/button-group/lazy-overflow-menu.js +43 -0
  442. package/dist/composites/button-group/lazy-overflow-menu.js.map +1 -0
  443. package/dist/composites/button-group/overflow-menu-list.js +26 -0
  444. package/dist/composites/button-group/overflow-menu-list.js.map +1 -0
  445. package/dist/composites/button-group/use-overflow.js +75 -0
  446. package/dist/composites/button-group/use-overflow.js.map +1 -0
  447. package/dist/composites/button-group/use-press-expansion.js +155 -0
  448. package/dist/composites/button-group/use-press-expansion.js.map +1 -0
  449. package/dist/index.d.ts +142 -0
  450. package/dist/index.js +136 -0
  451. package/dist/motion/get-m3-spring.d.ts +6 -0
  452. package/dist/motion/get-m3-spring.js +10 -0
  453. package/dist/motion/get-m3-spring.js.map +1 -0
  454. package/dist/motion/reduced-motion.js +19 -0
  455. package/dist/motion/reduced-motion.js.map +1 -0
  456. package/dist/motion/use-m3-spring.d.ts +13 -0
  457. package/dist/motion/use-m3-spring.js +22 -0
  458. package/dist/motion/use-m3-spring.js.map +1 -0
  459. package/dist/next/NextRouterProvider.d.ts +13 -0
  460. package/dist/next/NextRouterProvider.js +26 -0
  461. package/dist/next/NextRouterProvider.js.map +1 -0
  462. package/dist/next/get-theme-from-cookies.d.ts +32 -0
  463. package/dist/next/get-theme-from-cookies.js +27 -0
  464. package/dist/next/get-theme-from-cookies.js.map +1 -0
  465. package/dist/next/navigation-guard.d.ts +30 -0
  466. package/dist/next/navigation-guard.js +68 -0
  467. package/dist/next/navigation-guard.js.map +1 -0
  468. package/dist/next.d.ts +5 -0
  469. package/dist/next.js +5 -0
  470. package/dist/primitives/ButtonBase.d.ts +115 -0
  471. package/dist/primitives/ButtonBase.js +231 -0
  472. package/dist/primitives/ButtonBase.js.map +1 -0
  473. package/dist/primitives/DomDirectionLocale.d.ts +18 -0
  474. package/dist/primitives/DomDirectionLocale.js +28 -0
  475. package/dist/primitives/DomDirectionLocale.js.map +1 -0
  476. package/dist/primitives/Field.d.ts +50 -0
  477. package/dist/primitives/Field.js +74 -0
  478. package/dist/primitives/Field.js.map +1 -0
  479. package/dist/primitives/IconFaces.js +23 -0
  480. package/dist/primitives/IconFaces.js.map +1 -0
  481. package/dist/primitives/Overlay.d.ts +39 -0
  482. package/dist/primitives/Overlay.js +86 -0
  483. package/dist/primitives/Overlay.js.map +1 -0
  484. package/dist/primitives/SelectionControl.d.ts +55 -0
  485. package/dist/primitives/SelectionControl.js +58 -0
  486. package/dist/primitives/SelectionControl.js.map +1 -0
  487. package/dist/primitives/Surface.d.ts +123 -0
  488. package/dist/primitives/Surface.js +68 -0
  489. package/dist/primitives/Surface.js.map +1 -0
  490. package/dist/primitives/ToolbarContext.js +12 -0
  491. package/dist/primitives/ToolbarContext.js.map +1 -0
  492. package/dist/primitives/TouchTarget.d.ts +14 -0
  493. package/dist/primitives/TouchTarget.js +20 -0
  494. package/dist/primitives/TouchTarget.js.map +1 -0
  495. package/dist/primitives/TriggerContext.d.ts +34 -0
  496. package/dist/primitives/TriggerContext.js +24 -0
  497. package/dist/primitives/TriggerContext.js.map +1 -0
  498. package/dist/primitives/hidden-input-focus.js +27 -0
  499. package/dist/primitives/hidden-input-focus.js.map +1 -0
  500. package/dist/primitives/icon-faces-styles.d.ts +9 -0
  501. package/dist/primitives/icon-faces-styles.js +45 -0
  502. package/dist/primitives/icon-faces-styles.js.map +1 -0
  503. package/dist/primitives/locale-with-direction.d.ts +9 -0
  504. package/dist/primitives/locale-with-direction.js +17 -0
  505. package/dist/primitives/locale-with-direction.js.map +1 -0
  506. package/dist/primitives/morph-path.d.ts +25 -0
  507. package/dist/primitives/morph-path.js +38 -0
  508. package/dist/primitives/morph-path.js.map +1 -0
  509. package/dist/primitives/selection-control-styles.d.ts +54 -0
  510. package/dist/primitives/selection-control-styles.js +44 -0
  511. package/dist/primitives/selection-control-styles.js.map +1 -0
  512. package/dist/primitives/use-m3-interaction.d.ts +51 -0
  513. package/dist/primitives/use-m3-interaction.js +149 -0
  514. package/dist/primitives/use-m3-interaction.js.map +1 -0
  515. package/dist/primitives/use-m3-morph.d.ts +18 -0
  516. package/dist/primitives/use-m3-morph.js +36 -0
  517. package/dist/primitives/use-m3-morph.js.map +1 -0
  518. package/dist/primitives/use-presence.d.ts +19 -0
  519. package/dist/primitives/use-presence.js +37 -0
  520. package/dist/primitives/use-presence.js.map +1 -0
  521. package/dist/primitives.d.ts +36 -0
  522. package/dist/primitives.js +34 -0
  523. package/dist/shapes/corner-rounding.d.ts +13 -0
  524. package/dist/shapes/corner-rounding.js +18 -0
  525. package/dist/shapes/corner-rounding.js.map +1 -0
  526. package/dist/shapes/cubic.d.ts +52 -0
  527. package/dist/shapes/cubic.js +189 -0
  528. package/dist/shapes/cubic.js.map +1 -0
  529. package/dist/shapes/feature-mapping.js +80 -0
  530. package/dist/shapes/feature-mapping.js.map +1 -0
  531. package/dist/shapes/features.d.ts +23 -0
  532. package/dist/shapes/features.js +82 -0
  533. package/dist/shapes/features.js.map +1 -0
  534. package/dist/shapes/float-mapping.js +65 -0
  535. package/dist/shapes/float-mapping.js.map +1 -0
  536. package/dist/shapes/generated/material-shape-path-record.d.ts +11 -0
  537. package/dist/shapes/generated/material-shape-path-record.js +48 -0
  538. package/dist/shapes/generated/material-shape-path-record.js.map +1 -0
  539. package/dist/shapes/generated/material-shape-paths.d.ts +78 -0
  540. package/dist/shapes/generated/material-shape-paths.js +218 -0
  541. package/dist/shapes/generated/material-shape-paths.js.map +1 -0
  542. package/dist/shapes/mask.d.ts +14 -0
  543. package/dist/shapes/mask.js +24 -0
  544. package/dist/shapes/mask.js.map +1 -0
  545. package/dist/shapes/material-shapes.d.ts +11 -0
  546. package/dist/shapes/material-shapes.js +250 -0
  547. package/dist/shapes/material-shapes.js.map +1 -0
  548. package/dist/shapes/morph.d.ts +25 -0
  549. package/dist/shapes/morph.js +97 -0
  550. package/dist/shapes/morph.js.map +1 -0
  551. package/dist/shapes/path.d.ts +33 -0
  552. package/dist/shapes/path.js +47 -0
  553. package/dist/shapes/path.js.map +1 -0
  554. package/dist/shapes/point.d.ts +28 -0
  555. package/dist/shapes/point.js +103 -0
  556. package/dist/shapes/point.js.map +1 -0
  557. package/dist/shapes/polygon-measure.js +140 -0
  558. package/dist/shapes/polygon-measure.js.map +1 -0
  559. package/dist/shapes/rounded-polygon.d.ts +44 -0
  560. package/dist/shapes/rounded-polygon.js +278 -0
  561. package/dist/shapes/rounded-polygon.js.map +1 -0
  562. package/dist/shapes/shape-path.d.ts +15 -0
  563. package/dist/shapes/shapes.d.ts +53 -0
  564. package/dist/shapes/shapes.js +171 -0
  565. package/dist/shapes/shapes.js.map +1 -0
  566. package/dist/styles/generated/components.css +710 -0
  567. package/dist/styles/generated/theme.css +247 -0
  568. package/dist/styles/generated/themes.css +3361 -0
  569. package/dist/styles/generated/tokens.css +284 -0
  570. package/dist/styles/styles.css +15 -0
  571. package/dist/styles/utilities.css +283 -0
  572. package/dist/styles.compiled.css +2 -0
  573. package/dist/theme/ThemeProvider.d.ts +72 -0
  574. package/dist/theme/ThemeProvider.js +144 -0
  575. package/dist/theme/ThemeProvider.js.map +1 -0
  576. package/dist/theme/ThemeScope.d.ts +32 -0
  577. package/dist/theme/ThemeScope.js +67 -0
  578. package/dist/theme/ThemeScope.js.map +1 -0
  579. package/dist/theme/ThemeScript.d.ts +26 -0
  580. package/dist/theme/ThemeScript.js +44 -0
  581. package/dist/theme/ThemeScript.js.map +1 -0
  582. package/dist/theme/context.d.ts +32 -0
  583. package/dist/theme/context.js +47 -0
  584. package/dist/theme/context.js.map +1 -0
  585. package/dist/theme/create-theme.d.ts +60 -0
  586. package/dist/theme/create-theme.js +47 -0
  587. package/dist/theme/create-theme.js.map +1 -0
  588. package/dist/theme/css.js +54 -0
  589. package/dist/theme/css.js.map +1 -0
  590. package/dist/theme/parse-palettes.js +40 -0
  591. package/dist/theme/parse-palettes.js.map +1 -0
  592. package/dist/theme/scheme.d.ts +6 -0
  593. package/dist/theme/scheme.js +118 -0
  594. package/dist/theme/scheme.js.map +1 -0
  595. package/dist/theme/state.d.ts +38 -0
  596. package/dist/theme/state.js +93 -0
  597. package/dist/theme/state.js.map +1 -0
  598. package/dist/theme/storage.js +21 -0
  599. package/dist/theme/storage.js.map +1 -0
  600. package/dist/tokens/breakpoints.d.ts +15 -0
  601. package/dist/tokens/breakpoints.js +16 -0
  602. package/dist/tokens/breakpoints.js.map +1 -0
  603. package/dist/tokens/color.d.ts +104 -0
  604. package/dist/tokens/color.js +147 -0
  605. package/dist/tokens/color.js.map +1 -0
  606. package/dist/tokens/component.d.ts +110 -0
  607. package/dist/tokens/component.js +67 -0
  608. package/dist/tokens/component.js.map +1 -0
  609. package/dist/tokens/density.d.ts +20 -0
  610. package/dist/tokens/density.js +27 -0
  611. package/dist/tokens/density.js.map +1 -0
  612. package/dist/tokens/elevation.d.ts +44 -0
  613. package/dist/tokens/elevation.js +45 -0
  614. package/dist/tokens/elevation.js.map +1 -0
  615. package/dist/tokens/motion.d.ts +79 -0
  616. package/dist/tokens/motion.js +126 -0
  617. package/dist/tokens/motion.js.map +1 -0
  618. package/dist/tokens/shape.d.ts +22 -0
  619. package/dist/tokens/shape.js +22 -0
  620. package/dist/tokens/shape.js.map +1 -0
  621. package/dist/tokens/spring-velocity.d.ts +19 -0
  622. package/dist/tokens/spring-velocity.js +44 -0
  623. package/dist/tokens/spring-velocity.js.map +1 -0
  624. package/dist/tokens/state.d.ts +18 -0
  625. package/dist/tokens/state.js +19 -0
  626. package/dist/tokens/state.js.map +1 -0
  627. package/dist/tokens/typography.d.ts +64 -0
  628. package/dist/tokens/typography.js +60 -0
  629. package/dist/tokens/typography.js.map +1 -0
  630. package/dist/tokens/z-index.d.ts +17 -0
  631. package/dist/tokens/z-index.js +18 -0
  632. package/dist/tokens/z-index.js.map +1 -0
  633. package/dist/utils/announce.js +51 -0
  634. package/dist/utils/announce.js.map +1 -0
  635. package/dist/utils/assert-collection-children.js +26 -0
  636. package/dist/utils/assert-collection-children.js.map +1 -0
  637. package/dist/utils/closed-by.d.ts +9 -0
  638. package/dist/utils/closed-by.js +12 -0
  639. package/dist/utils/closed-by.js.map +1 -0
  640. package/dist/utils/cn.d.ts +31 -0
  641. package/dist/utils/cn.js +37 -0
  642. package/dist/utils/cn.js.map +1 -0
  643. package/dist/utils/composite-keys.js +32 -0
  644. package/dist/utils/composite-keys.js.map +1 -0
  645. package/dist/utils/focus-visible.js +14 -0
  646. package/dist/utils/focus-visible.js.map +1 -0
  647. package/dist/utils/focus.js +51 -0
  648. package/dist/utils/focus.js.map +1 -0
  649. package/dist/utils/focusable-disabled.js +12 -0
  650. package/dist/utils/focusable-disabled.js.map +1 -0
  651. package/dist/utils/keep-pressed-in-place.d.ts +60 -0
  652. package/dist/utils/keep-pressed-in-place.js +127 -0
  653. package/dist/utils/keep-pressed-in-place.js.map +1 -0
  654. package/dist/utils/load-on-demand.js +111 -0
  655. package/dist/utils/load-on-demand.js.map +1 -0
  656. package/dist/utils/merge-data-tokens.d.ts +9 -0
  657. package/dist/utils/merge-data-tokens.js +15 -0
  658. package/dist/utils/merge-data-tokens.js.map +1 -0
  659. package/dist/utils/natural-size.js +53 -0
  660. package/dist/utils/natural-size.js.map +1 -0
  661. package/dist/utils/nearest-reveal.js +28 -0
  662. package/dist/utils/nearest-reveal.js.map +1 -0
  663. package/dist/utils/placement.js +14 -0
  664. package/dist/utils/placement.js.map +1 -0
  665. package/dist/utils/radio-group-keys.js +74 -0
  666. package/dist/utils/radio-group-keys.js.map +1 -0
  667. package/dist/utils/rendered-description.js +17 -0
  668. package/dist/utils/rendered-description.js.map +1 -0
  669. package/dist/utils/root-props.d.ts +103 -0
  670. package/dist/utils/root-props.js +51 -0
  671. package/dist/utils/root-props.js.map +1 -0
  672. package/dist/utils/search.d.ts +11 -0
  673. package/dist/utils/search.js +18 -0
  674. package/dist/utils/search.js.map +1 -0
  675. package/dist/utils/shortcut.js +20 -0
  676. package/dist/utils/shortcut.js.map +1 -0
  677. package/dist/utils/split-data-attributes.d.ts +12 -0
  678. package/dist/utils/split-data-attributes.js +20 -0
  679. package/dist/utils/split-data-attributes.js.map +1 -0
  680. package/dist/utils/toolbar-keys.js +28 -0
  681. package/dist/utils/toolbar-keys.js.map +1 -0
  682. package/dist/utils/tv.d.ts +7 -0
  683. package/dist/utils/tv.js +9 -0
  684. package/dist/utils/tv.js.map +1 -0
  685. package/dist/utils/typeahead.js +64 -0
  686. package/dist/utils/typeahead.js.map +1 -0
  687. package/dist/utils/warn-once.js +30 -0
  688. package/dist/utils/warn-once.js.map +1 -0
  689. package/dist/vendor/material-color-utilities/blend/blend.js +88 -0
  690. package/dist/vendor/material-color-utilities/blend/blend.js.map +1 -0
  691. package/dist/vendor/material-color-utilities/contrast/contrast.js +131 -0
  692. package/dist/vendor/material-color-utilities/contrast/contrast.js.map +1 -0
  693. package/dist/vendor/material-color-utilities/dislike/dislike_analyzer.js +58 -0
  694. package/dist/vendor/material-color-utilities/dislike/dislike_analyzer.js.map +1 -0
  695. package/dist/vendor/material-color-utilities/dynamiccolor/color_spec_2021.js +620 -0
  696. package/dist/vendor/material-color-utilities/dynamiccolor/color_spec_2021.js.map +1 -0
  697. package/dist/vendor/material-color-utilities/dynamiccolor/color_spec_2025.js +786 -0
  698. package/dist/vendor/material-color-utilities/dynamiccolor/color_spec_2025.js.map +1 -0
  699. package/dist/vendor/material-color-utilities/dynamiccolor/contrast_curve.js +59 -0
  700. package/dist/vendor/material-color-utilities/dynamiccolor/contrast_curve.js.map +1 -0
  701. package/dist/vendor/material-color-utilities/dynamiccolor/dynamic_color.js +420 -0
  702. package/dist/vendor/material-color-utilities/dynamiccolor/dynamic_color.js.map +1 -0
  703. package/dist/vendor/material-color-utilities/dynamiccolor/dynamic_scheme.js +701 -0
  704. package/dist/vendor/material-color-utilities/dynamiccolor/dynamic_scheme.js.map +1 -0
  705. package/dist/vendor/material-color-utilities/dynamiccolor/material_dynamic_colors.js +374 -0
  706. package/dist/vendor/material-color-utilities/dynamiccolor/material_dynamic_colors.js.map +1 -0
  707. package/dist/vendor/material-color-utilities/dynamiccolor/tone_delta_pair.js +65 -0
  708. package/dist/vendor/material-color-utilities/dynamiccolor/tone_delta_pair.js.map +1 -0
  709. package/dist/vendor/material-color-utilities/dynamiccolor/variant.js +38 -0
  710. package/dist/vendor/material-color-utilities/dynamiccolor/variant.js.map +1 -0
  711. package/dist/vendor/material-color-utilities/hct/cam16.js +309 -0
  712. package/dist/vendor/material-color-utilities/hct/cam16.js.map +1 -0
  713. package/dist/vendor/material-color-utilities/hct/hct.js +148 -0
  714. package/dist/vendor/material-color-utilities/hct/hct.js.map +1 -0
  715. package/dist/vendor/material-color-utilities/hct/hct_solver.js +660 -0
  716. package/dist/vendor/material-color-utilities/hct/hct_solver.js.map +1 -0
  717. package/dist/vendor/material-color-utilities/hct/viewing_conditions.js +117 -0
  718. package/dist/vendor/material-color-utilities/hct/viewing_conditions.js.map +1 -0
  719. package/dist/vendor/material-color-utilities/index.js +51 -0
  720. package/dist/vendor/material-color-utilities/index.js.map +1 -0
  721. package/dist/vendor/material-color-utilities/palettes/core_palette.js +22 -0
  722. package/dist/vendor/material-color-utilities/palettes/core_palette.js.map +1 -0
  723. package/dist/vendor/material-color-utilities/palettes/tonal_palette.js +134 -0
  724. package/dist/vendor/material-color-utilities/palettes/tonal_palette.js.map +1 -0
  725. package/dist/vendor/material-color-utilities/scheme/scheme.js +21 -0
  726. package/dist/vendor/material-color-utilities/scheme/scheme.js.map +1 -0
  727. package/dist/vendor/material-color-utilities/scheme/scheme_android.js +21 -0
  728. package/dist/vendor/material-color-utilities/scheme/scheme_android.js.map +1 -0
  729. package/dist/vendor/material-color-utilities/scheme/scheme_content.js +22 -0
  730. package/dist/vendor/material-color-utilities/scheme/scheme_content.js.map +1 -0
  731. package/dist/vendor/material-color-utilities/scheme/scheme_expressive.js +38 -0
  732. package/dist/vendor/material-color-utilities/scheme/scheme_expressive.js.map +1 -0
  733. package/dist/vendor/material-color-utilities/scheme/scheme_fidelity.js +22 -0
  734. package/dist/vendor/material-color-utilities/scheme/scheme_fidelity.js.map +1 -0
  735. package/dist/vendor/material-color-utilities/scheme/scheme_fruit_salad.js +22 -0
  736. package/dist/vendor/material-color-utilities/scheme/scheme_fruit_salad.js.map +1 -0
  737. package/dist/vendor/material-color-utilities/scheme/scheme_monochrome.js +22 -0
  738. package/dist/vendor/material-color-utilities/scheme/scheme_monochrome.js.map +1 -0
  739. package/dist/vendor/material-color-utilities/scheme/scheme_neutral.js +36 -0
  740. package/dist/vendor/material-color-utilities/scheme/scheme_neutral.js.map +1 -0
  741. package/dist/vendor/material-color-utilities/scheme/scheme_rainbow.js +22 -0
  742. package/dist/vendor/material-color-utilities/scheme/scheme_rainbow.js.map +1 -0
  743. package/dist/vendor/material-color-utilities/scheme/scheme_tonal_spot.js +41 -0
  744. package/dist/vendor/material-color-utilities/scheme/scheme_tonal_spot.js.map +1 -0
  745. package/dist/vendor/material-color-utilities/scheme/scheme_vibrant.js +39 -0
  746. package/dist/vendor/material-color-utilities/scheme/scheme_vibrant.js.map +1 -0
  747. package/dist/vendor/material-color-utilities/score/score.js +115 -0
  748. package/dist/vendor/material-color-utilities/score/score.js.map +1 -0
  749. package/dist/vendor/material-color-utilities/temperature/temperature_cache.js +227 -0
  750. package/dist/vendor/material-color-utilities/temperature/temperature_cache.js.map +1 -0
  751. package/dist/vendor/material-color-utilities/utils/color_utils.js +246 -0
  752. package/dist/vendor/material-color-utilities/utils/color_utils.js.map +1 -0
  753. package/dist/vendor/material-color-utilities/utils/image_utils.js +21 -0
  754. package/dist/vendor/material-color-utilities/utils/image_utils.js.map +1 -0
  755. package/dist/vendor/material-color-utilities/utils/math_utils.js +119 -0
  756. package/dist/vendor/material-color-utilities/utils/math_utils.js.map +1 -0
  757. package/dist/vendor/material-color-utilities/utils/string_utils.js +74 -0
  758. package/dist/vendor/material-color-utilities/utils/string_utils.js.map +1 -0
  759. package/dist/vendor/material-color-utilities/utils/theme_utils.js +24 -0
  760. package/dist/vendor/material-color-utilities/utils/theme_utils.js.map +1 -0
  761. package/package.json +114 -3
package/dist/styles/generated/themes.css ADDED
@@ -0,0 +1,3361 @@
1
+ /* Generated by @windmorph/react from src/tokens. Do not edit by hand. */
2
+
3
+ :where([data-theme="baseline"][data-contrast="standard"]),
4
+ :where([data-theme="baseline"]:not([data-contrast])),
5
+ :where(:root:not([data-theme])[data-contrast="standard"]),
6
+ :where(:root:not([data-theme]):not([data-contrast])) {
7
+ color-scheme: light;
8
+ --md-sys-color-primary: #655789;
9
+ --md-sys-color-on-primary: #fdf7ff;
10
+ --md-sys-color-primary-container: #d4c3fd;
11
+ --md-sys-color-on-primary-container: #493c6c;
12
+ --md-sys-color-inverse-primary: #d4c3fd;
13
+ --md-sys-color-primary-fixed: #d4c3fd;
14
+ --md-sys-color-primary-fixed-dim: #c6b6ee;
15
+ --md-sys-color-on-primary-fixed: #352857;
16
+ --md-sys-color-on-primary-fixed-variant: #524576;
17
+ --md-sys-color-secondary: #625c71;
18
+ --md-sys-color-on-secondary: #fdf7ff;
19
+ --md-sys-color-secondary-container: #e8def8;
20
+ --md-sys-color-on-secondary-container: #554f63;
21
+ --md-sys-color-secondary-fixed: #e8def8;
22
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
23
+ --md-sys-color-on-secondary-fixed: #423c50;
24
+ --md-sys-color-on-secondary-fixed-variant: #5f586e;
25
+ --md-sys-color-tertiary: #7b5270;
26
+ --md-sys-color-on-tertiary: #fff7f9;
27
+ --md-sys-color-tertiary-container: #f4bfe3;
28
+ --md-sys-color-on-tertiary-container: #5f3956;
29
+ --md-sys-color-tertiary-fixed: #f4bfe3;
30
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
31
+ --md-sys-color-on-tertiary-fixed: #4a2642;
32
+ --md-sys-color-on-tertiary-fixed-variant: #694260;
33
+ --md-sys-color-error: #a8364b;
34
+ --md-sys-color-on-error: #fff7f7;
35
+ --md-sys-color-error-container: #f97386;
36
+ --md-sys-color-on-error-container: #6e0523;
37
+ --md-sys-color-background: #fdf7fe;
38
+ --md-sys-color-on-background: #34313a;
39
+ --md-sys-color-surface: #fdf7fe;
40
+ --md-sys-color-surface-dim: #ded8e4;
41
+ --md-sys-color-surface-bright: #fdf7fe;
42
+ --md-sys-color-surface-container-lowest: #ffffff;
43
+ --md-sys-color-surface-container-low: #f8f1fa;
44
+ --md-sys-color-surface-container: #f2ecf5;
45
+ --md-sys-color-surface-container-high: #ece6f0;
46
+ --md-sys-color-surface-container-highest: #e7e0ec;
47
+ --md-sys-color-on-surface: #34313a;
48
+ --md-sys-color-surface-variant: #e7e0ec;
49
+ --md-sys-color-on-surface-variant: #615d68;
50
+ --md-sys-color-inverse-surface: #0f0d12;
51
+ --md-sys-color-inverse-on-surface: #a09ba1;
52
+ --md-sys-color-outline: #7d7983;
53
+ --md-sys-color-outline-variant: #b5b0bb;
54
+ --md-sys-color-shadow: #000000;
55
+ --md-sys-color-scrim: #000000;
56
+ --md-sys-color-surface-tint: #655789;
57
+ --md-sys-color-success: #006d49;
58
+ --md-sys-color-on-success: #e6ffee;
59
+ --md-sys-color-success-container: #8af8c2;
60
+ --md-sys-color-on-success-container: #00734e;
61
+ --md-sys-color-warning: #8e5000;
62
+ --md-sys-color-on-warning: #fff7f4;
63
+ --md-sys-color-warning-container: #fda54c;
64
+ --md-sys-color-on-warning-container: #6e3d00;
65
+ }
66
+
67
+ :where([data-theme="baseline"][data-contrast="standard"][data-mode="dark"]),
68
+ :where([data-theme="baseline"]:not([data-contrast])[data-mode="dark"]),
69
+ :where(:root:not([data-theme])[data-contrast="standard"][data-mode="dark"]),
70
+ :where(:root:not([data-theme]):not([data-contrast])[data-mode="dark"]) {
71
+ color-scheme: dark;
72
+ --md-sys-color-primary: #cdc0ec;
73
+ --md-sys-color-on-primary: #443a5f;
74
+ --md-sys-color-primary-container: #574d72;
75
+ --md-sys-color-on-primary-container: #e9deff;
76
+ --md-sys-color-inverse-primary: #645980;
77
+ --md-sys-color-primary-fixed: #ded0fe;
78
+ --md-sys-color-primary-fixed-dim: #d0c3ef;
79
+ --md-sys-color-on-primary-fixed: #3c3256;
80
+ --md-sys-color-on-primary-fixed-variant: #594e74;
81
+ --md-sys-color-secondary: #cbc2db;
82
+ --md-sys-color-on-secondary: #433d51;
83
+ --md-sys-color-secondary-container: #3e384c;
84
+ --md-sys-color-on-secondary-container: #c4bbd4;
85
+ --md-sys-color-secondary-fixed: #e8def8;
86
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
87
+ --md-sys-color-on-secondary-fixed: #423c50;
88
+ --md-sys-color-on-secondary-fixed-variant: #5f586e;
89
+ --md-sys-color-tertiary: #ffcfef;
90
+ --md-sys-color-on-tertiary: #69415f;
91
+ --md-sys-color-tertiary-container: #f4bfe3;
92
+ --md-sys-color-on-tertiary-container: #5f3956;
93
+ --md-sys-color-tertiary-fixed: #f4bfe3;
94
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
95
+ --md-sys-color-on-tertiary-fixed: #4a2642;
96
+ --md-sys-color-on-tertiary-fixed-variant: #694260;
97
+ --md-sys-color-error: #f97386;
98
+ --md-sys-color-on-error: #490013;
99
+ --md-sys-color-error-container: #871c34;
100
+ --md-sys-color-on-error-container: #ff97a3;
101
+ --md-sys-color-background: #0f0d12;
102
+ --md-sys-color-on-background: #eae3ef;
103
+ --md-sys-color-surface: #0f0d12;
104
+ --md-sys-color-surface-dim: #0f0d12;
105
+ --md-sys-color-surface-bright: #2e2b34;
106
+ --md-sys-color-surface-container-lowest: #000000;
107
+ --md-sys-color-surface-container-low: #141218;
108
+ --md-sys-color-surface-container: #1b181f;
109
+ --md-sys-color-surface-container-high: #211e26;
110
+ --md-sys-color-surface-container-highest: #27242d;
111
+ --md-sys-color-on-surface: #eae3ef;
112
+ --md-sys-color-surface-variant: #27242d;
113
+ --md-sys-color-on-surface-variant: #aea9b4;
114
+ --md-sys-color-inverse-surface: #fdf7fe;
115
+ --md-sys-color-inverse-on-surface: #575459;
116
+ --md-sys-color-outline: #78737e;
117
+ --md-sys-color-outline-variant: #4a4650;
118
+ --md-sys-color-shadow: #000000;
119
+ --md-sys-color-scrim: #000000;
120
+ --md-sys-color-surface-tint: #cdc0ec;
121
+ --md-sys-color-success: #40b181;
122
+ --md-sys-color-on-success: #002617;
123
+ --md-sys-color-success-container: #028e61;
124
+ --md-sys-color-on-success-container: #00150b;
125
+ --md-sys-color-warning: #dd8b34;
126
+ --md-sys-color-on-warning: #341a00;
127
+ --md-sys-color-warning-container: #a86003;
128
+ --md-sys-color-on-warning-container: #fff7f3;
129
+ }
130
+
131
+ @media (prefers-color-scheme: dark) {
132
+ :where([data-theme="baseline"][data-contrast="standard"][data-mode="system"]),
133
+ :where([data-theme="baseline"]:not([data-contrast])[data-mode="system"]),
134
+ :where(:root:not([data-theme])[data-contrast="standard"][data-mode="system"]),
135
+ :where(:root:not([data-theme]):not([data-contrast])[data-mode="system"]) {
136
+ color-scheme: dark;
137
+ --md-sys-color-primary: #cdc0ec;
138
+ --md-sys-color-on-primary: #443a5f;
139
+ --md-sys-color-primary-container: #574d72;
140
+ --md-sys-color-on-primary-container: #e9deff;
141
+ --md-sys-color-inverse-primary: #645980;
142
+ --md-sys-color-primary-fixed: #ded0fe;
143
+ --md-sys-color-primary-fixed-dim: #d0c3ef;
144
+ --md-sys-color-on-primary-fixed: #3c3256;
145
+ --md-sys-color-on-primary-fixed-variant: #594e74;
146
+ --md-sys-color-secondary: #cbc2db;
147
+ --md-sys-color-on-secondary: #433d51;
148
+ --md-sys-color-secondary-container: #3e384c;
149
+ --md-sys-color-on-secondary-container: #c4bbd4;
150
+ --md-sys-color-secondary-fixed: #e8def8;
151
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
152
+ --md-sys-color-on-secondary-fixed: #423c50;
153
+ --md-sys-color-on-secondary-fixed-variant: #5f586e;
154
+ --md-sys-color-tertiary: #ffcfef;
155
+ --md-sys-color-on-tertiary: #69415f;
156
+ --md-sys-color-tertiary-container: #f4bfe3;
157
+ --md-sys-color-on-tertiary-container: #5f3956;
158
+ --md-sys-color-tertiary-fixed: #f4bfe3;
159
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
160
+ --md-sys-color-on-tertiary-fixed: #4a2642;
161
+ --md-sys-color-on-tertiary-fixed-variant: #694260;
162
+ --md-sys-color-error: #f97386;
163
+ --md-sys-color-on-error: #490013;
164
+ --md-sys-color-error-container: #871c34;
165
+ --md-sys-color-on-error-container: #ff97a3;
166
+ --md-sys-color-background: #0f0d12;
167
+ --md-sys-color-on-background: #eae3ef;
168
+ --md-sys-color-surface: #0f0d12;
169
+ --md-sys-color-surface-dim: #0f0d12;
170
+ --md-sys-color-surface-bright: #2e2b34;
171
+ --md-sys-color-surface-container-lowest: #000000;
172
+ --md-sys-color-surface-container-low: #141218;
173
+ --md-sys-color-surface-container: #1b181f;
174
+ --md-sys-color-surface-container-high: #211e26;
175
+ --md-sys-color-surface-container-highest: #27242d;
176
+ --md-sys-color-on-surface: #eae3ef;
177
+ --md-sys-color-surface-variant: #27242d;
178
+ --md-sys-color-on-surface-variant: #aea9b4;
179
+ --md-sys-color-inverse-surface: #fdf7fe;
180
+ --md-sys-color-inverse-on-surface: #575459;
181
+ --md-sys-color-outline: #78737e;
182
+ --md-sys-color-outline-variant: #4a4650;
183
+ --md-sys-color-shadow: #000000;
184
+ --md-sys-color-scrim: #000000;
185
+ --md-sys-color-surface-tint: #cdc0ec;
186
+ --md-sys-color-success: #40b181;
187
+ --md-sys-color-on-success: #002617;
188
+ --md-sys-color-success-container: #028e61;
189
+ --md-sys-color-on-success-container: #00150b;
190
+ --md-sys-color-warning: #dd8b34;
191
+ --md-sys-color-on-warning: #341a00;
192
+ --md-sys-color-warning-container: #a86003;
193
+ --md-sys-color-on-warning-container: #fff7f3;
194
+ }
195
+ }
196
+
197
+ :where([data-theme="baseline"][data-contrast="medium"]),
198
+ :where(:root:not([data-theme])[data-contrast="medium"]) {
199
+ color-scheme: light;
200
+ --md-sys-color-primary: #483b6b;
201
+ --md-sys-color-on-primary: #e1d3ff;
202
+ --md-sys-color-primary-container: #7b6da0;
203
+ --md-sys-color-on-primary-container: #ffffff;
204
+ --md-sys-color-inverse-primary: #d4c3fd;
205
+ --md-sys-color-primary-fixed: #7b6da0;
206
+ --md-sys-color-primary-fixed-dim: #6e6093;
207
+ --md-sys-color-on-primary-fixed: #ffffff;
208
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
209
+ --md-sys-color-secondary: #464054;
210
+ --md-sys-color-on-secondary: #dfd5ef;
211
+ --md-sys-color-secondary-container: #787187;
212
+ --md-sys-color-on-secondary-container: #ffffff;
213
+ --md-sys-color-secondary-fixed: #787187;
214
+ --md-sys-color-secondary-fixed-dim: #6c657b;
215
+ --md-sys-color-on-secondary-fixed: #ffffff;
216
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
217
+ --md-sys-color-tertiary: #5c3653;
218
+ --md-sys-color-on-tertiary: #ffcaee;
219
+ --md-sys-color-tertiary-container: #936787;
220
+ --md-sys-color-on-tertiary-container: #ffffff;
221
+ --md-sys-color-tertiary-fixed: #936787;
222
+ --md-sys-color-tertiary-fixed-dim: #855b7a;
223
+ --md-sys-color-on-tertiary-fixed: #ffffff;
224
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
225
+ --md-sys-color-error: #821830;
226
+ --md-sys-color-on-error: #ffcdd1;
227
+ --md-sys-color-error-container: #c44b5f;
228
+ --md-sys-color-on-error-container: #ffffff;
229
+ --md-sys-color-background: #fdf7fe;
230
+ --md-sys-color-on-background: #25232b;
231
+ --md-sys-color-surface: #fdf7fe;
232
+ --md-sys-color-surface-dim: #ded8e4;
233
+ --md-sys-color-surface-bright: #fdf7fe;
234
+ --md-sys-color-surface-container-lowest: #ffffff;
235
+ --md-sys-color-surface-container-low: #f8f1fa;
236
+ --md-sys-color-surface-container: #f2ecf5;
237
+ --md-sys-color-surface-container-high: #ece6f0;
238
+ --md-sys-color-surface-container-highest: #e7e0ec;
239
+ --md-sys-color-on-surface: #25232b;
240
+ --md-sys-color-surface-variant: #e7e0ec;
241
+ --md-sys-color-on-surface-variant: #45414b;
242
+ --md-sys-color-inverse-surface: #0f0d12;
243
+ --md-sys-color-inverse-on-surface: #c8c3c9;
244
+ --md-sys-color-outline: #615d68;
245
+ --md-sys-color-outline-variant: #7d7983;
246
+ --md-sys-color-shadow: #000000;
247
+ --md-sys-color-scrim: #000000;
248
+ --md-sys-color-surface-tint: #483b6b;
249
+ --md-sys-color-success: #004d33;
250
+ --md-sys-color-on-success: #81efba;
251
+ --md-sys-color-success-container: #00855b;
252
+ --md-sys-color-on-success-container: #ffffff;
253
+ --md-sys-color-warning: #653800;
254
+ --md-sys-color-on-warning: #ffd1aa;
255
+ --md-sys-color-warning-container: #ab6307;
256
+ --md-sys-color-on-warning-container: #ffffff;
257
+ }
258
+
259
+ :where([data-theme="baseline"][data-contrast="medium"][data-mode="dark"]),
260
+ :where(:root:not([data-theme])[data-contrast="medium"][data-mode="dark"]) {
261
+ color-scheme: dark;
262
+ --md-sys-color-primary: #cdc0ec;
263
+ --md-sys-color-on-primary: #3a3054;
264
+ --md-sys-color-primary-container: #7a6f96;
265
+ --md-sys-color-on-primary-container: #ffffff;
266
+ --md-sys-color-inverse-primary: #5a4f75;
267
+ --md-sys-color-primary-fixed: #ded0fe;
268
+ --md-sys-color-primary-fixed-dim: #d0c3ef;
269
+ --md-sys-color-on-primary-fixed: #180e30;
270
+ --md-sys-color-on-primary-fixed-variant: #3c3256;
271
+ --md-sys-color-secondary: #cbc2db;
272
+ --md-sys-color-on-secondary: #393347;
273
+ --md-sys-color-secondary-container: #787187;
274
+ --md-sys-color-on-secondary-container: #ffffff;
275
+ --md-sys-color-secondary-fixed: #e8def8;
276
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
277
+ --md-sys-color-on-secondary-fixed: #221d2f;
278
+ --md-sys-color-on-secondary-fixed-variant: #423c50;
279
+ --md-sys-color-tertiary: #ffcfef;
280
+ --md-sys-color-on-tertiary: #5e3855;
281
+ --md-sys-color-tertiary-container: #f4bfe3;
282
+ --md-sys-color-on-tertiary-container: #542f4c;
283
+ --md-sys-color-tertiary-fixed: #f4bfe3;
284
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
285
+ --md-sys-color-on-tertiary-fixed: #180015;
286
+ --md-sys-color-on-tertiary-fixed-variant: #4a2642;
287
+ --md-sys-color-error: #ff9da8;
288
+ --md-sys-color-on-error: #5f001c;
289
+ --md-sys-color-error-container: #c44b5f;
290
+ --md-sys-color-on-error-container: #ffffff;
291
+ --md-sys-color-background: #0f0d12;
292
+ --md-sys-color-on-background: #ffffff;
293
+ --md-sys-color-surface: #0f0d12;
294
+ --md-sys-color-surface-dim: #0f0d12;
295
+ --md-sys-color-surface-bright: #2e2b34;
296
+ --md-sys-color-surface-container-lowest: #000000;
297
+ --md-sys-color-surface-container-low: #141218;
298
+ --md-sys-color-surface-container: #1b181f;
299
+ --md-sys-color-surface-container-high: #211e26;
300
+ --md-sys-color-surface-container-highest: #27242d;
301
+ --md-sys-color-on-surface: #ffffff;
302
+ --md-sys-color-surface-variant: #27242d;
303
+ --md-sys-color-on-surface-variant: #bcb6c2;
304
+ --md-sys-color-inverse-surface: #fdf7fe;
305
+ --md-sys-color-inverse-on-surface: #39373c;
306
+ --md-sys-color-outline: #96919c;
307
+ --md-sys-color-outline-variant: #78737e;
308
+ --md-sys-color-shadow: #000000;
309
+ --md-sys-color-scrim: #000000;
310
+ --md-sys-color-surface-tint: #cdc0ec;
311
+ --md-sys-color-success: #5ecd9a;
312
+ --md-sys-color-on-success: #003420;
313
+ --md-sys-color-success-container: #00855b;
314
+ --md-sys-color-on-success-container: #ffffff;
315
+ --md-sys-color-warning: #fda54c;
316
+ --md-sys-color-on-warning: #452400;
317
+ --md-sys-color-warning-container: #ab6307;
318
+ --md-sys-color-on-warning-container: #ffffff;
319
+ }
320
+
321
+ @media (prefers-color-scheme: dark) {
322
+ :where([data-theme="baseline"][data-contrast="medium"][data-mode="system"]),
323
+ :where(:root:not([data-theme])[data-contrast="medium"][data-mode="system"]) {
324
+ color-scheme: dark;
325
+ --md-sys-color-primary: #cdc0ec;
326
+ --md-sys-color-on-primary: #3a3054;
327
+ --md-sys-color-primary-container: #7a6f96;
328
+ --md-sys-color-on-primary-container: #ffffff;
329
+ --md-sys-color-inverse-primary: #5a4f75;
330
+ --md-sys-color-primary-fixed: #ded0fe;
331
+ --md-sys-color-primary-fixed-dim: #d0c3ef;
332
+ --md-sys-color-on-primary-fixed: #180e30;
333
+ --md-sys-color-on-primary-fixed-variant: #3c3256;
334
+ --md-sys-color-secondary: #cbc2db;
335
+ --md-sys-color-on-secondary: #393347;
336
+ --md-sys-color-secondary-container: #787187;
337
+ --md-sys-color-on-secondary-container: #ffffff;
338
+ --md-sys-color-secondary-fixed: #e8def8;
339
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
340
+ --md-sys-color-on-secondary-fixed: #221d2f;
341
+ --md-sys-color-on-secondary-fixed-variant: #423c50;
342
+ --md-sys-color-tertiary: #ffcfef;
343
+ --md-sys-color-on-tertiary: #5e3855;
344
+ --md-sys-color-tertiary-container: #f4bfe3;
345
+ --md-sys-color-on-tertiary-container: #542f4c;
346
+ --md-sys-color-tertiary-fixed: #f4bfe3;
347
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
348
+ --md-sys-color-on-tertiary-fixed: #180015;
349
+ --md-sys-color-on-tertiary-fixed-variant: #4a2642;
350
+ --md-sys-color-error: #ff9da8;
351
+ --md-sys-color-on-error: #5f001c;
352
+ --md-sys-color-error-container: #c44b5f;
353
+ --md-sys-color-on-error-container: #ffffff;
354
+ --md-sys-color-background: #0f0d12;
355
+ --md-sys-color-on-background: #ffffff;
356
+ --md-sys-color-surface: #0f0d12;
357
+ --md-sys-color-surface-dim: #0f0d12;
358
+ --md-sys-color-surface-bright: #2e2b34;
359
+ --md-sys-color-surface-container-lowest: #000000;
360
+ --md-sys-color-surface-container-low: #141218;
361
+ --md-sys-color-surface-container: #1b181f;
362
+ --md-sys-color-surface-container-high: #211e26;
363
+ --md-sys-color-surface-container-highest: #27242d;
364
+ --md-sys-color-on-surface: #ffffff;
365
+ --md-sys-color-surface-variant: #27242d;
366
+ --md-sys-color-on-surface-variant: #bcb6c2;
367
+ --md-sys-color-inverse-surface: #fdf7fe;
368
+ --md-sys-color-inverse-on-surface: #39373c;
369
+ --md-sys-color-outline: #96919c;
370
+ --md-sys-color-outline-variant: #78737e;
371
+ --md-sys-color-shadow: #000000;
372
+ --md-sys-color-scrim: #000000;
373
+ --md-sys-color-surface-tint: #cdc0ec;
374
+ --md-sys-color-success: #5ecd9a;
375
+ --md-sys-color-on-success: #003420;
376
+ --md-sys-color-success-container: #00855b;
377
+ --md-sys-color-on-success-container: #ffffff;
378
+ --md-sys-color-warning: #fda54c;
379
+ --md-sys-color-on-warning: #452400;
380
+ --md-sys-color-warning-container: #ab6307;
381
+ --md-sys-color-on-warning-container: #ffffff;
382
+ }
383
+ }
384
+
385
+ :where([data-theme="baseline"][data-contrast="high"]),
386
+ :where(:root:not([data-theme])[data-contrast="high"]) {
387
+ color-scheme: light;
388
+ --md-sys-color-primary: #281b49;
389
+ --md-sys-color-on-primary: #e1d3ff;
390
+ --md-sys-color-primary-container: #584a7b;
391
+ --md-sys-color-on-primary-container: #ffffff;
392
+ --md-sys-color-inverse-primary: #d4c3fd;
393
+ --md-sys-color-primary-fixed: #584a7b;
394
+ --md-sys-color-primary-fixed-dim: #4c3f6f;
395
+ --md-sys-color-on-primary-fixed: #ffffff;
396
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
397
+ --md-sys-color-secondary: #262134;
398
+ --md-sys-color-on-secondary: #dfd6ef;
399
+ --md-sys-color-secondary-container: #554f64;
400
+ --md-sys-color-on-secondary-container: #ffffff;
401
+ --md-sys-color-secondary-fixed: #554f64;
402
+ --md-sys-color-secondary-fixed-dim: #494358;
403
+ --md-sys-color-on-secondary-fixed: #ffffff;
404
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
405
+ --md-sys-color-tertiary: #391733;
406
+ --md-sys-color-on-tertiary: #ffcbee;
407
+ --md-sys-color-tertiary-container: #6d4563;
408
+ --md-sys-color-on-tertiary-container: #ffffff;
409
+ --md-sys-color-tertiary-fixed: #6d4563;
410
+ --md-sys-color-tertiary-fixed-dim: #603a57;
411
+ --md-sys-color-on-tertiary-fixed: #ffffff;
412
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
413
+ --md-sys-color-error: #500016;
414
+ --md-sys-color-on-error: #ffced2;
415
+ --md-sys-color-error-container: #97283e;
416
+ --md-sys-color-on-error-container: #ffffff;
417
+ --md-sys-color-background: #fdf7fe;
418
+ --md-sys-color-on-background: #000000;
419
+ --md-sys-color-surface: #fdf7fe;
420
+ --md-sys-color-surface-dim: #ded8e4;
421
+ --md-sys-color-surface-bright: #fdf7fe;
422
+ --md-sys-color-surface-container-lowest: #ffffff;
423
+ --md-sys-color-surface-container-low: #f8f1fa;
424
+ --md-sys-color-surface-container: #f2ecf5;
425
+ --md-sys-color-surface-container-high: #ece6f0;
426
+ --md-sys-color-surface-container-highest: #e7e0ec;
427
+ --md-sys-color-on-surface: #000000;
428
+ --md-sys-color-surface-variant: #e7e0ec;
429
+ --md-sys-color-on-surface-variant: #25232b;
430
+ --md-sys-color-inverse-surface: #0f0d12;
431
+ --md-sys-color-inverse-on-surface: #ffffff;
432
+ --md-sys-color-outline: #45414b;
433
+ --md-sys-color-outline-variant: #54505a;
434
+ --md-sys-color-shadow: #000000;
435
+ --md-sys-color-scrim: #000000;
436
+ --md-sys-color-surface-tint: #281b49;
437
+ --md-sys-color-success: #002a1a;
438
+ --md-sys-color-on-success: #81efba;
439
+ --md-sys-color-success-container: #005e3f;
440
+ --md-sys-color-on-success-container: #ffffff;
441
+ --md-sys-color-warning: #391d00;
442
+ --md-sys-color-on-warning: #ffd2ab;
443
+ --md-sys-color-warning-container: #7b4500;
444
+ --md-sys-color-on-warning-container: #ffffff;
445
+ }
446
+
447
+ :where([data-theme="baseline"][data-contrast="high"][data-mode="dark"]),
448
+ :where(:root:not([data-theme])[data-contrast="high"][data-mode="dark"]) {
449
+ color-scheme: dark;
450
+ --md-sys-color-primary: #ebe1ff;
451
+ --md-sys-color-on-primary: #302649;
452
+ --md-sys-color-primary-container: #aa9dc8;
453
+ --md-sys-color-on-primary-container: #000000;
454
+ --md-sys-color-inverse-primary: #3c3256;
455
+ --md-sys-color-primary-fixed: #ded0fe;
456
+ --md-sys-color-primary-fixed-dim: #d0c3ef;
457
+ --md-sys-color-on-primary-fixed: #000000;
458
+ --md-sys-color-on-primary-fixed-variant: #180e30;
459
+ --md-sys-color-secondary: #ebe1fb;
460
+ --md-sys-color-on-secondary: #2e293c;
461
+ --md-sys-color-secondary-container: #a8a0b8;
462
+ --md-sys-color-on-secondary-container: #000000;
463
+ --md-sys-color-secondary-fixed: #e8def8;
464
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
465
+ --md-sys-color-on-secondary-fixed: #000000;
466
+ --md-sys-color-on-secondary-fixed-variant: #221d2f;
467
+ --md-sys-color-tertiary: #ffdbf2;
468
+ --md-sys-color-on-tertiary: #43203b;
469
+ --md-sys-color-tertiary-container: #f4bfe3;
470
+ --md-sys-color-on-tertiary-container: #2e0e29;
471
+ --md-sys-color-tertiary-fixed: #f4bfe3;
472
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
473
+ --md-sys-color-on-tertiary-fixed: #000000;
474
+ --md-sys-color-on-tertiary-fixed-variant: #180015;
475
+ --md-sys-color-error: #ffdddf;
476
+ --md-sys-color-on-error: #5f001c;
477
+ --md-sys-color-error-container: #ff798c;
478
+ --md-sys-color-on-error-container: #000000;
479
+ --md-sys-color-background: #0f0d12;
480
+ --md-sys-color-on-background: #ffffff;
481
+ --md-sys-color-surface: #0f0d12;
482
+ --md-sys-color-surface-dim: #0f0d12;
483
+ --md-sys-color-surface-bright: #2e2b34;
484
+ --md-sys-color-surface-container-lowest: #000000;
485
+ --md-sys-color-surface-container-low: #141218;
486
+ --md-sys-color-surface-container: #1b181f;
487
+ --md-sys-color-surface-container-high: #211e26;
488
+ --md-sys-color-surface-container-highest: #27242d;
489
+ --md-sys-color-on-surface: #ffffff;
490
+ --md-sys-color-surface-variant: #27242d;
491
+ --md-sys-color-on-surface-variant: #eae3ef;
492
+ --md-sys-color-inverse-surface: #fdf7fe;
493
+ --md-sys-color-inverse-on-surface: #000000;
494
+ --md-sys-color-outline: #bcb6c2;
495
+ --md-sys-color-outline-variant: #a7a1ad;
496
+ --md-sys-color-shadow: #000000;
497
+ --md-sys-color-scrim: #000000;
498
+ --md-sys-color-surface-tint: #ebe1ff;
499
+ --md-sys-color-success: #8dfbc5;
500
+ --md-sys-color-on-success: #003320;
501
+ --md-sys-color-success-container: #46b786;
502
+ --md-sys-color-on-success-container: #000000;
503
+ --md-sys-color-warning: #ffe0c7;
504
+ --md-sys-color-on-warning: #452400;
505
+ --md-sys-color-warning-container: #e49139;
506
+ --md-sys-color-on-warning-container: #000000;
507
+ }
508
+
509
+ @media (prefers-color-scheme: dark) {
510
+ :where([data-theme="baseline"][data-contrast="high"][data-mode="system"]),
511
+ :where(:root:not([data-theme])[data-contrast="high"][data-mode="system"]) {
512
+ color-scheme: dark;
513
+ --md-sys-color-primary: #ebe1ff;
514
+ --md-sys-color-on-primary: #302649;
515
+ --md-sys-color-primary-container: #aa9dc8;
516
+ --md-sys-color-on-primary-container: #000000;
517
+ --md-sys-color-inverse-primary: #3c3256;
518
+ --md-sys-color-primary-fixed: #ded0fe;
519
+ --md-sys-color-primary-fixed-dim: #d0c3ef;
520
+ --md-sys-color-on-primary-fixed: #000000;
521
+ --md-sys-color-on-primary-fixed-variant: #180e30;
522
+ --md-sys-color-secondary: #ebe1fb;
523
+ --md-sys-color-on-secondary: #2e293c;
524
+ --md-sys-color-secondary-container: #a8a0b8;
525
+ --md-sys-color-on-secondary-container: #000000;
526
+ --md-sys-color-secondary-fixed: #e8def8;
527
+ --md-sys-color-secondary-fixed-dim: #dad0ea;
528
+ --md-sys-color-on-secondary-fixed: #000000;
529
+ --md-sys-color-on-secondary-fixed-variant: #221d2f;
530
+ --md-sys-color-tertiary: #ffdbf2;
531
+ --md-sys-color-on-tertiary: #43203b;
532
+ --md-sys-color-tertiary-container: #f4bfe3;
533
+ --md-sys-color-on-tertiary-container: #2e0e29;
534
+ --md-sys-color-tertiary-fixed: #f4bfe3;
535
+ --md-sys-color-tertiary-fixed-dim: #e5b2d5;
536
+ --md-sys-color-on-tertiary-fixed: #000000;
537
+ --md-sys-color-on-tertiary-fixed-variant: #180015;
538
+ --md-sys-color-error: #ffdddf;
539
+ --md-sys-color-on-error: #5f001c;
540
+ --md-sys-color-error-container: #ff798c;
541
+ --md-sys-color-on-error-container: #000000;
542
+ --md-sys-color-background: #0f0d12;
543
+ --md-sys-color-on-background: #ffffff;
544
+ --md-sys-color-surface: #0f0d12;
545
+ --md-sys-color-surface-dim: #0f0d12;
546
+ --md-sys-color-surface-bright: #2e2b34;
547
+ --md-sys-color-surface-container-lowest: #000000;
548
+ --md-sys-color-surface-container-low: #141218;
549
+ --md-sys-color-surface-container: #1b181f;
550
+ --md-sys-color-surface-container-high: #211e26;
551
+ --md-sys-color-surface-container-highest: #27242d;
552
+ --md-sys-color-on-surface: #ffffff;
553
+ --md-sys-color-surface-variant: #27242d;
554
+ --md-sys-color-on-surface-variant: #eae3ef;
555
+ --md-sys-color-inverse-surface: #fdf7fe;
556
+ --md-sys-color-inverse-on-surface: #000000;
557
+ --md-sys-color-outline: #bcb6c2;
558
+ --md-sys-color-outline-variant: #a7a1ad;
559
+ --md-sys-color-shadow: #000000;
560
+ --md-sys-color-scrim: #000000;
561
+ --md-sys-color-surface-tint: #ebe1ff;
562
+ --md-sys-color-success: #8dfbc5;
563
+ --md-sys-color-on-success: #003320;
564
+ --md-sys-color-success-container: #46b786;
565
+ --md-sys-color-on-success-container: #000000;
566
+ --md-sys-color-warning: #ffe0c7;
567
+ --md-sys-color-on-warning: #452400;
568
+ --md-sys-color-warning-container: #e49139;
569
+ --md-sys-color-on-warning-container: #000000;
570
+ }
571
+ }
572
+
573
+ :where([data-theme="ocean"][data-contrast="standard"]),
574
+ :where([data-theme="ocean"]:not([data-contrast])) {
575
+ color-scheme: light;
576
+ --md-sys-color-primary: #3f6188;
577
+ --md-sys-color-on-primary: #f7f9ff;
578
+ --md-sys-color-primary-container: #accffc;
579
+ --md-sys-color-on-primary-container: #21466b;
580
+ --md-sys-color-inverse-primary: #accffc;
581
+ --md-sys-color-primary-fixed: #accffc;
582
+ --md-sys-color-primary-fixed-dim: #9ec1ed;
583
+ --md-sys-color-on-primary-fixed: #053256;
584
+ --md-sys-color-on-primary-fixed-variant: #2b4f75;
585
+ --md-sys-color-secondary: #546071;
586
+ --md-sys-color-on-secondary: #f7f9ff;
587
+ --md-sys-color-secondary-container: #d7e3f8;
588
+ --md-sys-color-on-secondary-container: #465363;
589
+ --md-sys-color-secondary-fixed: #d7e3f8;
590
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
591
+ --md-sys-color-on-secondary-fixed: #344050;
592
+ --md-sys-color-on-secondary-fixed-variant: #505c6d;
593
+ --md-sys-color-tertiary: #615a84;
594
+ --md-sys-color-on-tertiary: #fcf7ff;
595
+ --md-sys-color-tertiary-container: #d5cbfc;
596
+ --md-sys-color-on-tertiary-container: #49426a;
597
+ --md-sys-color-tertiary-fixed: #d5cbfc;
598
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
599
+ --md-sys-color-on-tertiary-fixed: #352f56;
600
+ --md-sys-color-on-tertiary-fixed-variant: #524b74;
601
+ --md-sys-color-error: #a83836;
602
+ --md-sys-color-on-error: #fff7f6;
603
+ --md-sys-color-error-container: #fa746f;
604
+ --md-sys-color-on-error-container: #6e0a12;
605
+ --md-sys-color-background: #f9f9fe;
606
+ --md-sys-color-on-background: #2e333a;
607
+ --md-sys-color-surface: #f9f9fe;
608
+ --md-sys-color-surface-dim: #d6dae3;
609
+ --md-sys-color-surface-bright: #f9f9fe;
610
+ --md-sys-color-surface-container-lowest: #ffffff;
611
+ --md-sys-color-surface-container-low: #f2f3fa;
612
+ --md-sys-color-surface-container: #ebeef5;
613
+ --md-sys-color-surface-container-high: #e5e8f0;
614
+ --md-sys-color-surface-container-highest: #dee2ec;
615
+ --md-sys-color-on-surface: #2e333a;
616
+ --md-sys-color-surface-variant: #dee2ec;
617
+ --md-sys-color-on-surface-variant: #5a5f67;
618
+ --md-sys-color-inverse-surface: #0c0e12;
619
+ --md-sys-color-inverse-on-surface: #9b9da1;
620
+ --md-sys-color-outline: #767b83;
621
+ --md-sys-color-outline-variant: #aeb2bb;
622
+ --md-sys-color-shadow: #000000;
623
+ --md-sys-color-scrim: #000000;
624
+ --md-sys-color-surface-tint: #3f6188;
625
+ --md-sys-color-success: #006d49;
626
+ --md-sys-color-on-success: #e6ffee;
627
+ --md-sys-color-success-container: #8af8c2;
628
+ --md-sys-color-on-success-container: #00734e;
629
+ --md-sys-color-warning: #745c00;
630
+ --md-sys-color-on-warning: #fff8ef;
631
+ --md-sys-color-warning-container: #fccc29;
632
+ --md-sys-color-on-warning-container: #6e5700;
633
+ }
634
+
635
+ :where([data-theme="ocean"][data-contrast="standard"][data-mode="dark"]),
636
+ :where([data-theme="ocean"]:not([data-contrast])[data-mode="dark"]) {
637
+ color-scheme: dark;
638
+ --md-sys-color-primary: #afc9eb;
639
+ --md-sys-color-on-primary: #28425e;
640
+ --md-sys-color-primary-container: #3b5472;
641
+ --md-sys-color-on-primary-container: #d3e5ff;
642
+ --md-sys-color-inverse-primary: #48617f;
643
+ --md-sys-color-primary-fixed: #bfd9fd;
644
+ --md-sys-color-primary-fixed-dim: #b2cbee;
645
+ --md-sys-color-on-primary-fixed: #1f3a56;
646
+ --md-sys-color-on-primary-fixed-variant: #3d5674;
647
+ --md-sys-color-secondary: #bbc7db;
648
+ --md-sys-color-on-secondary: #354151;
649
+ --md-sys-color-secondary-container: #303c4c;
650
+ --md-sys-color-on-secondary-container: #b3c0d4;
651
+ --md-sys-color-secondary-fixed: #d7e3f8;
652
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
653
+ --md-sys-color-on-secondary-fixed: #344050;
654
+ --md-sys-color-on-secondary-fixed-variant: #505c6d;
655
+ --md-sys-color-tertiary: #e3dbff;
656
+ --md-sys-color-on-tertiary: #524b74;
657
+ --md-sys-color-tertiary-container: #d5cbfc;
658
+ --md-sys-color-on-tertiary-container: #49426a;
659
+ --md-sys-color-tertiary-fixed: #d5cbfc;
660
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
661
+ --md-sys-color-on-tertiary-fixed: #352f56;
662
+ --md-sys-color-on-tertiary-fixed-variant: #524b74;
663
+ --md-sys-color-error: #fa746f;
664
+ --md-sys-color-on-error: #490006;
665
+ --md-sys-color-error-container: #871f21;
666
+ --md-sys-color-on-error-container: #ff9993;
667
+ --md-sys-color-background: #0c0e12;
668
+ --md-sys-color-on-background: #e1e5ef;
669
+ --md-sys-color-surface: #0c0e12;
670
+ --md-sys-color-surface-dim: #0c0e12;
671
+ --md-sys-color-surface-bright: #272c33;
672
+ --md-sys-color-surface-container-lowest: #000000;
673
+ --md-sys-color-surface-container-low: #101418;
674
+ --md-sys-color-surface-container: #161a1f;
675
+ --md-sys-color-surface-container-high: #1c2026;
676
+ --md-sys-color-surface-container-highest: #21262d;
677
+ --md-sys-color-on-surface: #e1e5ef;
678
+ --md-sys-color-surface-variant: #21262d;
679
+ --md-sys-color-on-surface-variant: #a7abb4;
680
+ --md-sys-color-inverse-surface: #f9f9fe;
681
+ --md-sys-color-inverse-on-surface: #535559;
682
+ --md-sys-color-outline: #71767e;
683
+ --md-sys-color-outline-variant: #434850;
684
+ --md-sys-color-shadow: #000000;
685
+ --md-sys-color-scrim: #000000;
686
+ --md-sys-color-surface-tint: #afc9eb;
687
+ --md-sys-color-success: #40b181;
688
+ --md-sys-color-on-success: #002617;
689
+ --md-sys-color-success-container: #028e61;
690
+ --md-sys-color-on-success-container: #00150b;
691
+ --md-sys-color-warning: #f5c722;
692
+ --md-sys-color-on-warning: #544200;
693
+ --md-sys-color-warning-container: #e6b90a;
694
+ --md-sys-color-on-warning-container: #5f4a00;
695
+ }
696
+
697
+ @media (prefers-color-scheme: dark) {
698
+ :where([data-theme="ocean"][data-contrast="standard"][data-mode="system"]),
699
+ :where([data-theme="ocean"]:not([data-contrast])[data-mode="system"]) {
700
+ color-scheme: dark;
701
+ --md-sys-color-primary: #afc9eb;
702
+ --md-sys-color-on-primary: #28425e;
703
+ --md-sys-color-primary-container: #3b5472;
704
+ --md-sys-color-on-primary-container: #d3e5ff;
705
+ --md-sys-color-inverse-primary: #48617f;
706
+ --md-sys-color-primary-fixed: #bfd9fd;
707
+ --md-sys-color-primary-fixed-dim: #b2cbee;
708
+ --md-sys-color-on-primary-fixed: #1f3a56;
709
+ --md-sys-color-on-primary-fixed-variant: #3d5674;
710
+ --md-sys-color-secondary: #bbc7db;
711
+ --md-sys-color-on-secondary: #354151;
712
+ --md-sys-color-secondary-container: #303c4c;
713
+ --md-sys-color-on-secondary-container: #b3c0d4;
714
+ --md-sys-color-secondary-fixed: #d7e3f8;
715
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
716
+ --md-sys-color-on-secondary-fixed: #344050;
717
+ --md-sys-color-on-secondary-fixed-variant: #505c6d;
718
+ --md-sys-color-tertiary: #e3dbff;
719
+ --md-sys-color-on-tertiary: #524b74;
720
+ --md-sys-color-tertiary-container: #d5cbfc;
721
+ --md-sys-color-on-tertiary-container: #49426a;
722
+ --md-sys-color-tertiary-fixed: #d5cbfc;
723
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
724
+ --md-sys-color-on-tertiary-fixed: #352f56;
725
+ --md-sys-color-on-tertiary-fixed-variant: #524b74;
726
+ --md-sys-color-error: #fa746f;
727
+ --md-sys-color-on-error: #490006;
728
+ --md-sys-color-error-container: #871f21;
729
+ --md-sys-color-on-error-container: #ff9993;
730
+ --md-sys-color-background: #0c0e12;
731
+ --md-sys-color-on-background: #e1e5ef;
732
+ --md-sys-color-surface: #0c0e12;
733
+ --md-sys-color-surface-dim: #0c0e12;
734
+ --md-sys-color-surface-bright: #272c33;
735
+ --md-sys-color-surface-container-lowest: #000000;
736
+ --md-sys-color-surface-container-low: #101418;
737
+ --md-sys-color-surface-container: #161a1f;
738
+ --md-sys-color-surface-container-high: #1c2026;
739
+ --md-sys-color-surface-container-highest: #21262d;
740
+ --md-sys-color-on-surface: #e1e5ef;
741
+ --md-sys-color-surface-variant: #21262d;
742
+ --md-sys-color-on-surface-variant: #a7abb4;
743
+ --md-sys-color-inverse-surface: #f9f9fe;
744
+ --md-sys-color-inverse-on-surface: #535559;
745
+ --md-sys-color-outline: #71767e;
746
+ --md-sys-color-outline-variant: #434850;
747
+ --md-sys-color-shadow: #000000;
748
+ --md-sys-color-scrim: #000000;
749
+ --md-sys-color-surface-tint: #afc9eb;
750
+ --md-sys-color-success: #40b181;
751
+ --md-sys-color-on-success: #002617;
752
+ --md-sys-color-success-container: #028e61;
753
+ --md-sys-color-on-success-container: #00150b;
754
+ --md-sys-color-warning: #f5c722;
755
+ --md-sys-color-on-warning: #544200;
756
+ --md-sys-color-warning-container: #e6b90a;
757
+ --md-sys-color-on-warning-container: #5f4a00;
758
+ }
759
+ }
760
+
761
+ :where([data-theme="ocean"][data-contrast="medium"]) {
762
+ color-scheme: light;
763
+ --md-sys-color-primary: #20456a;
764
+ --md-sys-color-on-primary: #c2dcff;
765
+ --md-sys-color-primary-container: #55779f;
766
+ --md-sys-color-on-primary-container: #ffffff;
767
+ --md-sys-color-inverse-primary: #accffc;
768
+ --md-sys-color-primary-fixed: #55779f;
769
+ --md-sys-color-primary-fixed-dim: #486a92;
770
+ --md-sys-color-on-primary-fixed: #ffffff;
771
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
772
+ --md-sys-color-secondary: #374454;
773
+ --md-sys-color-on-secondary: #cedbef;
774
+ --md-sys-color-secondary-container: #697687;
775
+ --md-sys-color-on-secondary-container: #ffffff;
776
+ --md-sys-color-secondary-fixed: #697687;
777
+ --md-sys-color-secondary-fixed-dim: #5d697a;
778
+ --md-sys-color-on-secondary-fixed: #ffffff;
779
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
780
+ --md-sys-color-tertiary: #443d66;
781
+ --md-sys-color-on-tertiary: #ddd4ff;
782
+ --md-sys-color-tertiary-container: #776f9a;
783
+ --md-sys-color-on-tertiary-container: #ffffff;
784
+ --md-sys-color-tertiary-fixed: #776f9a;
785
+ --md-sys-color-tertiary-fixed-dim: #6a638d;
786
+ --md-sys-color-on-tertiary-fixed: #ffffff;
787
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
788
+ --md-sys-color-error: #811b1d;
789
+ --md-sys-color-on-error: #ffceca;
790
+ --md-sys-color-error-container: #c54d4a;
791
+ --md-sys-color-on-error-container: #ffffff;
792
+ --md-sys-color-background: #f9f9fe;
793
+ --md-sys-color-on-background: #1f242b;
794
+ --md-sys-color-surface: #f9f9fe;
795
+ --md-sys-color-surface-dim: #d6dae3;
796
+ --md-sys-color-surface-bright: #f9f9fe;
797
+ --md-sys-color-surface-container-lowest: #ffffff;
798
+ --md-sys-color-surface-container-low: #f2f3fa;
799
+ --md-sys-color-surface-container: #ebeef5;
800
+ --md-sys-color-surface-container-high: #e5e8f0;
801
+ --md-sys-color-surface-container-highest: #dee2ec;
802
+ --md-sys-color-on-surface: #1f242b;
803
+ --md-sys-color-surface-variant: #dee2ec;
804
+ --md-sys-color-on-surface-variant: #3e434b;
805
+ --md-sys-color-inverse-surface: #0c0e12;
806
+ --md-sys-color-inverse-on-surface: #c4c4c9;
807
+ --md-sys-color-outline: #5a5f67;
808
+ --md-sys-color-outline-variant: #767b83;
809
+ --md-sys-color-shadow: #000000;
810
+ --md-sys-color-scrim: #000000;
811
+ --md-sys-color-surface-tint: #20456a;
812
+ --md-sys-color-success: #004d33;
813
+ --md-sys-color-on-success: #81efba;
814
+ --md-sys-color-success-container: #00855b;
815
+ --md-sys-color-on-success-container: #ffffff;
816
+ --md-sys-color-warning: #534100;
817
+ --md-sys-color-on-warning: #ffd556;
818
+ --md-sys-color-warning-container: #8e7100;
819
+ --md-sys-color-on-warning-container: #ffffff;
820
+ }
821
+
822
+ :where([data-theme="ocean"][data-contrast="medium"][data-mode="dark"]) {
823
+ color-scheme: dark;
824
+ --md-sys-color-primary: #afc9eb;
825
+ --md-sys-color-on-primary: #1d3854;
826
+ --md-sys-color-primary-container: #5d7696;
827
+ --md-sys-color-on-primary-container: #ffffff;
828
+ --md-sys-color-inverse-primary: #3e5774;
829
+ --md-sys-color-primary-fixed: #bfd9fd;
830
+ --md-sys-color-primary-fixed-dim: #b2cbee;
831
+ --md-sys-color-on-primary-fixed: #00152b;
832
+ --md-sys-color-on-primary-fixed-variant: #1f3a56;
833
+ --md-sys-color-secondary: #bbc7db;
834
+ --md-sys-color-on-secondary: #2b3746;
835
+ --md-sys-color-secondary-container: #697687;
836
+ --md-sys-color-on-secondary-container: #ffffff;
837
+ --md-sys-color-secondary-fixed: #d7e3f8;
838
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
839
+ --md-sys-color-on-secondary-fixed: #14202f;
840
+ --md-sys-color-on-secondary-fixed-variant: #344050;
841
+ --md-sys-color-tertiary: #e3dbff;
842
+ --md-sys-color-on-tertiary: #484169;
843
+ --md-sys-color-tertiary-container: #d5cbfc;
844
+ --md-sys-color-on-tertiary-container: #3f3860;
845
+ --md-sys-color-tertiary-fixed: #d5cbfc;
846
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
847
+ --md-sys-color-on-tertiary-fixed: #0e062d;
848
+ --md-sys-color-on-tertiary-fixed-variant: #352f56;
849
+ --md-sys-color-error: #ff9f99;
850
+ --md-sys-color-on-error: #60000a;
851
+ --md-sys-color-error-container: #c54d4a;
852
+ --md-sys-color-on-error-container: #ffffff;
853
+ --md-sys-color-background: #0c0e12;
854
+ --md-sys-color-on-background: #ffffff;
855
+ --md-sys-color-surface: #0c0e12;
856
+ --md-sys-color-surface-dim: #0c0e12;
857
+ --md-sys-color-surface-bright: #272c33;
858
+ --md-sys-color-surface-container-lowest: #000000;
859
+ --md-sys-color-surface-container-low: #101418;
860
+ --md-sys-color-surface-container: #161a1f;
861
+ --md-sys-color-surface-container-high: #1c2026;
862
+ --md-sys-color-surface-container-highest: #21262d;
863
+ --md-sys-color-on-surface: #ffffff;
864
+ --md-sys-color-surface-variant: #21262d;
865
+ --md-sys-color-on-surface-variant: #b4b9c2;
866
+ --md-sys-color-inverse-surface: #f9f9fe;
867
+ --md-sys-color-inverse-on-surface: #36383c;
868
+ --md-sys-color-outline: #8f949c;
869
+ --md-sys-color-outline-variant: #71767e;
870
+ --md-sys-color-shadow: #000000;
871
+ --md-sys-color-scrim: #000000;
872
+ --md-sys-color-surface-tint: #afc9eb;
873
+ --md-sys-color-success: #5ecd9a;
874
+ --md-sys-color-on-success: #003420;
875
+ --md-sys-color-success-container: #00855b;
876
+ --md-sys-color-on-success-container: #ffffff;
877
+ --md-sys-color-warning: #f5c722;
878
+ --md-sys-color-on-warning: #483800;
879
+ --md-sys-color-warning-container: #e6b90a;
880
+ --md-sys-color-on-warning-container: #3c2f00;
881
+ }
882
+
883
+ @media (prefers-color-scheme: dark) {
884
+ :where([data-theme="ocean"][data-contrast="medium"][data-mode="system"]) {
885
+ color-scheme: dark;
886
+ --md-sys-color-primary: #afc9eb;
887
+ --md-sys-color-on-primary: #1d3854;
888
+ --md-sys-color-primary-container: #5d7696;
889
+ --md-sys-color-on-primary-container: #ffffff;
890
+ --md-sys-color-inverse-primary: #3e5774;
891
+ --md-sys-color-primary-fixed: #bfd9fd;
892
+ --md-sys-color-primary-fixed-dim: #b2cbee;
893
+ --md-sys-color-on-primary-fixed: #00152b;
894
+ --md-sys-color-on-primary-fixed-variant: #1f3a56;
895
+ --md-sys-color-secondary: #bbc7db;
896
+ --md-sys-color-on-secondary: #2b3746;
897
+ --md-sys-color-secondary-container: #697687;
898
+ --md-sys-color-on-secondary-container: #ffffff;
899
+ --md-sys-color-secondary-fixed: #d7e3f8;
900
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
901
+ --md-sys-color-on-secondary-fixed: #14202f;
902
+ --md-sys-color-on-secondary-fixed-variant: #344050;
903
+ --md-sys-color-tertiary: #e3dbff;
904
+ --md-sys-color-on-tertiary: #484169;
905
+ --md-sys-color-tertiary-container: #d5cbfc;
906
+ --md-sys-color-on-tertiary-container: #3f3860;
907
+ --md-sys-color-tertiary-fixed: #d5cbfc;
908
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
909
+ --md-sys-color-on-tertiary-fixed: #0e062d;
910
+ --md-sys-color-on-tertiary-fixed-variant: #352f56;
911
+ --md-sys-color-error: #ff9f99;
912
+ --md-sys-color-on-error: #60000a;
913
+ --md-sys-color-error-container: #c54d4a;
914
+ --md-sys-color-on-error-container: #ffffff;
915
+ --md-sys-color-background: #0c0e12;
916
+ --md-sys-color-on-background: #ffffff;
917
+ --md-sys-color-surface: #0c0e12;
918
+ --md-sys-color-surface-dim: #0c0e12;
919
+ --md-sys-color-surface-bright: #272c33;
920
+ --md-sys-color-surface-container-lowest: #000000;
921
+ --md-sys-color-surface-container-low: #101418;
922
+ --md-sys-color-surface-container: #161a1f;
923
+ --md-sys-color-surface-container-high: #1c2026;
924
+ --md-sys-color-surface-container-highest: #21262d;
925
+ --md-sys-color-on-surface: #ffffff;
926
+ --md-sys-color-surface-variant: #21262d;
927
+ --md-sys-color-on-surface-variant: #b4b9c2;
928
+ --md-sys-color-inverse-surface: #f9f9fe;
929
+ --md-sys-color-inverse-on-surface: #36383c;
930
+ --md-sys-color-outline: #8f949c;
931
+ --md-sys-color-outline-variant: #71767e;
932
+ --md-sys-color-shadow: #000000;
933
+ --md-sys-color-scrim: #000000;
934
+ --md-sys-color-surface-tint: #afc9eb;
935
+ --md-sys-color-success: #5ecd9a;
936
+ --md-sys-color-on-success: #003420;
937
+ --md-sys-color-success-container: #00855b;
938
+ --md-sys-color-on-success-container: #ffffff;
939
+ --md-sys-color-warning: #f5c722;
940
+ --md-sys-color-on-warning: #483800;
941
+ --md-sys-color-warning-container: #e6b90a;
942
+ --md-sys-color-on-warning-container: #3c2f00;
943
+ }
944
+ }
945
+
946
+ :where([data-theme="ocean"][data-contrast="high"]) {
947
+ color-scheme: light;
948
+ --md-sys-color-primary: #002544;
949
+ --md-sys-color-on-primary: #c3dcff;
950
+ --md-sys-color-primary-container: #31547b;
951
+ --md-sys-color-on-primary-container: #ffffff;
952
+ --md-sys-color-inverse-primary: #accffc;
953
+ --md-sys-color-primary-fixed: #31547b;
954
+ --md-sys-color-primary-fixed-dim: #24486e;
955
+ --md-sys-color-on-primary-fixed: #ffffff;
956
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
957
+ --md-sys-color-secondary: #182533;
958
+ --md-sys-color-on-secondary: #cedbef;
959
+ --md-sys-color-secondary-container: #475363;
960
+ --md-sys-color-on-secondary-container: #ffffff;
961
+ --md-sys-color-secondary-fixed: #475363;
962
+ --md-sys-color-secondary-fixed-dim: #3b4757;
963
+ --md-sys-color-on-secondary-fixed: #ffffff;
964
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
965
+ --md-sys-color-tertiary: #251e44;
966
+ --md-sys-color-on-tertiary: #ded5ff;
967
+ --md-sys-color-tertiary-container: #544d76;
968
+ --md-sys-color-on-tertiary-container: #ffffff;
969
+ --md-sys-color-tertiary-fixed: #544d76;
970
+ --md-sys-color-tertiary-fixed-dim: #484169;
971
+ --md-sys-color-on-tertiary-fixed: #ffffff;
972
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
973
+ --md-sys-color-error: #510007;
974
+ --md-sys-color-on-error: #ffcfcb;
975
+ --md-sys-color-error-container: #972b2b;
976
+ --md-sys-color-on-error-container: #ffffff;
977
+ --md-sys-color-background: #f9f9fe;
978
+ --md-sys-color-on-background: #000000;
979
+ --md-sys-color-surface: #f9f9fe;
980
+ --md-sys-color-surface-dim: #d6dae3;
981
+ --md-sys-color-surface-bright: #f9f9fe;
982
+ --md-sys-color-surface-container-lowest: #ffffff;
983
+ --md-sys-color-surface-container-low: #f2f3fa;
984
+ --md-sys-color-surface-container: #ebeef5;
985
+ --md-sys-color-surface-container-high: #e5e8f0;
986
+ --md-sys-color-surface-container-highest: #dee2ec;
987
+ --md-sys-color-on-surface: #000000;
988
+ --md-sys-color-surface-variant: #dee2ec;
989
+ --md-sys-color-on-surface-variant: #1f242b;
990
+ --md-sys-color-inverse-surface: #0c0e12;
991
+ --md-sys-color-inverse-on-surface: #ffffff;
992
+ --md-sys-color-outline: #3e434b;
993
+ --md-sys-color-outline-variant: #4e525a;
994
+ --md-sys-color-shadow: #000000;
995
+ --md-sys-color-scrim: #000000;
996
+ --md-sys-color-surface-tint: #002544;
997
+ --md-sys-color-success: #002a1a;
998
+ --md-sys-color-on-success: #81efba;
999
+ --md-sys-color-success-container: #005e3f;
1000
+ --md-sys-color-on-success-container: #ffffff;
1001
+ --md-sys-color-warning: #2e2300;
1002
+ --md-sys-color-on-warning: #ffd659;
1003
+ --md-sys-color-warning-container: #655000;
1004
+ --md-sys-color-on-warning-container: #ffffff;
1005
+ }
1006
+
1007
+ :where([data-theme="ocean"][data-contrast="high"][data-mode="dark"]) {
1008
+ color-scheme: dark;
1009
+ --md-sys-color-primary: #d6e7ff;
1010
+ --md-sys-color-on-primary: #122d49;
1011
+ --md-sys-color-primary-container: #8ca6c7;
1012
+ --md-sys-color-on-primary-container: #000000;
1013
+ --md-sys-color-inverse-primary: #203a56;
1014
+ --md-sys-color-primary-fixed: #bfd9fd;
1015
+ --md-sys-color-primary-fixed-dim: #b2cbee;
1016
+ --md-sys-color-on-primary-fixed: #000000;
1017
+ --md-sys-color-on-primary-fixed-variant: #00152b;
1018
+ --md-sys-color-secondary: #dae6fb;
1019
+ --md-sys-color-on-secondary: #212d3c;
1020
+ --md-sys-color-secondary-container: #98a5b7;
1021
+ --md-sys-color-on-secondary-container: #000000;
1022
+ --md-sys-color-secondary-fixed: #d7e3f8;
1023
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
1024
+ --md-sys-color-on-secondary-fixed: #000000;
1025
+ --md-sys-color-on-secondary-fixed-variant: #14202f;
1026
+ --md-sys-color-tertiary: #e9e1ff;
1027
+ --md-sys-color-on-tertiary: #2d264d;
1028
+ --md-sys-color-tertiary-container: #d5cbfc;
1029
+ --md-sys-color-on-tertiary-container: #1e173d;
1030
+ --md-sys-color-tertiary-fixed: #d5cbfc;
1031
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
1032
+ --md-sys-color-on-tertiary-fixed: #000000;
1033
+ --md-sys-color-on-tertiary-fixed-variant: #0e062d;
1034
+ --md-sys-color-error: #ffdedb;
1035
+ --md-sys-color-on-error: #60000a;
1036
+ --md-sys-color-error-container: #ff7c76;
1037
+ --md-sys-color-on-error-container: #000000;
1038
+ --md-sys-color-background: #0c0e12;
1039
+ --md-sys-color-on-background: #ffffff;
1040
+ --md-sys-color-surface: #0c0e12;
1041
+ --md-sys-color-surface-dim: #0c0e12;
1042
+ --md-sys-color-surface-bright: #272c33;
1043
+ --md-sys-color-surface-container-lowest: #000000;
1044
+ --md-sys-color-surface-container-low: #101418;
1045
+ --md-sys-color-surface-container: #161a1f;
1046
+ --md-sys-color-surface-container-high: #1c2026;
1047
+ --md-sys-color-surface-container-highest: #21262d;
1048
+ --md-sys-color-on-surface: #ffffff;
1049
+ --md-sys-color-surface-variant: #21262d;
1050
+ --md-sys-color-on-surface-variant: #e1e5ef;
1051
+ --md-sys-color-inverse-surface: #f9f9fe;
1052
+ --md-sys-color-inverse-on-surface: #000000;
1053
+ --md-sys-color-outline: #b4b9c2;
1054
+ --md-sys-color-outline-variant: #9fa4ad;
1055
+ --md-sys-color-shadow: #000000;
1056
+ --md-sys-color-scrim: #000000;
1057
+ --md-sys-color-surface-tint: #d6e7ff;
1058
+ --md-sys-color-success: #8dfbc5;
1059
+ --md-sys-color-on-success: #003320;
1060
+ --md-sys-color-success-container: #46b786;
1061
+ --md-sys-color-on-success-container: #000000;
1062
+ --md-sys-color-warning: #ffe399;
1063
+ --md-sys-color-on-warning: #372a00;
1064
+ --md-sys-color-warning-container: #e6b90a;
1065
+ --md-sys-color-on-warning-container: #050300;
1066
+ }
1067
+
1068
+ @media (prefers-color-scheme: dark) {
1069
+ :where([data-theme="ocean"][data-contrast="high"][data-mode="system"]) {
1070
+ color-scheme: dark;
1071
+ --md-sys-color-primary: #d6e7ff;
1072
+ --md-sys-color-on-primary: #122d49;
1073
+ --md-sys-color-primary-container: #8ca6c7;
1074
+ --md-sys-color-on-primary-container: #000000;
1075
+ --md-sys-color-inverse-primary: #203a56;
1076
+ --md-sys-color-primary-fixed: #bfd9fd;
1077
+ --md-sys-color-primary-fixed-dim: #b2cbee;
1078
+ --md-sys-color-on-primary-fixed: #000000;
1079
+ --md-sys-color-on-primary-fixed-variant: #00152b;
1080
+ --md-sys-color-secondary: #dae6fb;
1081
+ --md-sys-color-on-secondary: #212d3c;
1082
+ --md-sys-color-secondary-container: #98a5b7;
1083
+ --md-sys-color-on-secondary-container: #000000;
1084
+ --md-sys-color-secondary-fixed: #d7e3f8;
1085
+ --md-sys-color-secondary-fixed-dim: #c9d5e9;
1086
+ --md-sys-color-on-secondary-fixed: #000000;
1087
+ --md-sys-color-on-secondary-fixed-variant: #14202f;
1088
+ --md-sys-color-tertiary: #e9e1ff;
1089
+ --md-sys-color-on-tertiary: #2d264d;
1090
+ --md-sys-color-tertiary-container: #d5cbfc;
1091
+ --md-sys-color-on-tertiary-container: #1e173d;
1092
+ --md-sys-color-tertiary-fixed: #d5cbfc;
1093
+ --md-sys-color-tertiary-fixed-dim: #c7beee;
1094
+ --md-sys-color-on-tertiary-fixed: #000000;
1095
+ --md-sys-color-on-tertiary-fixed-variant: #0e062d;
1096
+ --md-sys-color-error: #ffdedb;
1097
+ --md-sys-color-on-error: #60000a;
1098
+ --md-sys-color-error-container: #ff7c76;
1099
+ --md-sys-color-on-error-container: #000000;
1100
+ --md-sys-color-background: #0c0e12;
1101
+ --md-sys-color-on-background: #ffffff;
1102
+ --md-sys-color-surface: #0c0e12;
1103
+ --md-sys-color-surface-dim: #0c0e12;
1104
+ --md-sys-color-surface-bright: #272c33;
1105
+ --md-sys-color-surface-container-lowest: #000000;
1106
+ --md-sys-color-surface-container-low: #101418;
1107
+ --md-sys-color-surface-container: #161a1f;
1108
+ --md-sys-color-surface-container-high: #1c2026;
1109
+ --md-sys-color-surface-container-highest: #21262d;
1110
+ --md-sys-color-on-surface: #ffffff;
1111
+ --md-sys-color-surface-variant: #21262d;
1112
+ --md-sys-color-on-surface-variant: #e1e5ef;
1113
+ --md-sys-color-inverse-surface: #f9f9fe;
1114
+ --md-sys-color-inverse-on-surface: #000000;
1115
+ --md-sys-color-outline: #b4b9c2;
1116
+ --md-sys-color-outline-variant: #9fa4ad;
1117
+ --md-sys-color-shadow: #000000;
1118
+ --md-sys-color-scrim: #000000;
1119
+ --md-sys-color-surface-tint: #d6e7ff;
1120
+ --md-sys-color-success: #8dfbc5;
1121
+ --md-sys-color-on-success: #003320;
1122
+ --md-sys-color-success-container: #46b786;
1123
+ --md-sys-color-on-success-container: #000000;
1124
+ --md-sys-color-warning: #ffe399;
1125
+ --md-sys-color-on-warning: #372a00;
1126
+ --md-sys-color-warning-container: #e6b90a;
1127
+ --md-sys-color-on-warning-container: #050300;
1128
+ }
1129
+ }
1130
+
1131
+ :where([data-theme="forest"][data-contrast="standard"]),
1132
+ :where([data-theme="forest"]:not([data-contrast])) {
1133
+ color-scheme: light;
1134
+ --md-sys-color-primary: #486738;
1135
+ --md-sys-color-on-primary: #ecffdc;
1136
+ --md-sys-color-primary-container: #c9edb2;
1137
+ --md-sys-color-on-primary-container: #3c592c;
1138
+ --md-sys-color-inverse-primary: #daffc2;
1139
+ --md-sys-color-primary-fixed: #c9edb2;
1140
+ --md-sys-color-primary-fixed-dim: #bbdfa4;
1141
+ --md-sys-color-on-primary-fixed: #2a461b;
1142
+ --md-sys-color-on-primary-fixed-variant: #456435;
1143
+ --md-sys-color-secondary: #56634d;
1144
+ --md-sys-color-on-secondary: #effee0;
1145
+ --md-sys-color-secondary-container: #d8e7cb;
1146
+ --md-sys-color-on-secondary-container: #495640;
1147
+ --md-sys-color-secondary-fixed: #d8e7cb;
1148
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1149
+ --md-sys-color-on-secondary-fixed: #36432e;
1150
+ --md-sys-color-on-secondary-fixed-variant: #525f49;
1151
+ --md-sys-color-tertiary: #65612a;
1152
+ --md-sys-color-on-tertiary: #fff9dd;
1153
+ --md-sys-color-tertiary-container: #fbf3ad;
1154
+ --md-sys-color-on-tertiary-container: #605c25;
1155
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1156
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1157
+ --md-sys-color-on-tertiary-fixed: #4d4914;
1158
+ --md-sys-color-on-tertiary-fixed-variant: #6b662e;
1159
+ --md-sys-color-error: #a73b21;
1160
+ --md-sys-color-on-error: #fff7f6;
1161
+ --md-sys-color-error-container: #fd795a;
1162
+ --md-sys-color-on-error-container: #6e1400;
1163
+ --md-sys-color-background: #f9faf1;
1164
+ --md-sys-color-on-background: #2f342a;
1165
+ --md-sys-color-surface: #f9faf1;
1166
+ --md-sys-color-surface-dim: #d7dcce;
1167
+ --md-sys-color-surface-bright: #f9faf1;
1168
+ --md-sys-color-surface-container-lowest: #ffffff;
1169
+ --md-sys-color-surface-container-low: #f2f5ea;
1170
+ --md-sys-color-surface-container: #ecefe3;
1171
+ --md-sys-color-surface-container-high: #e6eadd;
1172
+ --md-sys-color-surface-container-highest: #dfe4d6;
1173
+ --md-sys-color-on-surface: #2f342a;
1174
+ --md-sys-color-surface-variant: #dfe4d6;
1175
+ --md-sys-color-on-surface-variant: #5b6155;
1176
+ --md-sys-color-inverse-surface: #0c0f0a;
1177
+ --md-sys-color-inverse-on-surface: #9c9e96;
1178
+ --md-sys-color-outline: #777d70;
1179
+ --md-sys-color-outline-variant: #aeb4a6;
1180
+ --md-sys-color-shadow: #000000;
1181
+ --md-sys-color-scrim: #000000;
1182
+ --md-sys-color-surface-tint: #486738;
1183
+ --md-sys-color-success: #106e17;
1184
+ --md-sys-color-on-success: #ebffe1;
1185
+ --md-sys-color-success-container: #9df88f;
1186
+ --md-sys-color-on-success-container: #19741d;
1187
+ --md-sys-color-warning: #745c00;
1188
+ --md-sys-color-on-warning: #fff8ef;
1189
+ --md-sys-color-warning-container: #fccc29;
1190
+ --md-sys-color-on-warning-container: #6e5700;
1191
+ }
1192
+
1193
+ :where([data-theme="forest"][data-contrast="standard"][data-mode="dark"]),
1194
+ :where([data-theme="forest"]:not([data-contrast])[data-mode="dark"]) {
1195
+ color-scheme: dark;
1196
+ --md-sys-color-primary: #b3cfa1;
1197
+ --md-sys-color-on-primary: #304624;
1198
+ --md-sys-color-primary-container: #415934;
1199
+ --md-sys-color-on-primary-container: #d0ecbc;
1200
+ --md-sys-color-inverse-primary: #4e6640;
1201
+ --md-sys-color-primary-fixed: #cfebbb;
1202
+ --md-sys-color-primary-fixed-dim: #c1ddae;
1203
+ --md-sys-color-on-primary-fixed: #2f4523;
1204
+ --md-sys-color-on-primary-fixed-variant: #4a623d;
1205
+ --md-sys-color-secondary: #bdcbb0;
1206
+ --md-sys-color-on-secondary: #37442f;
1207
+ --md-sys-color-secondary-container: #333f2b;
1208
+ --md-sys-color-on-secondary-container: #b5c4a9;
1209
+ --md-sys-color-secondary-fixed: #d8e7cb;
1210
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1211
+ --md-sys-color-on-secondary-fixed: #36432e;
1212
+ --md-sys-color-on-secondary-fixed-variant: #525f49;
1213
+ --md-sys-color-tertiary: #fffae2;
1214
+ --md-sys-color-on-tertiary: #65612a;
1215
+ --md-sys-color-tertiary-container: #f5eda8;
1216
+ --md-sys-color-on-tertiary-container: #5d5822;
1217
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1218
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1219
+ --md-sys-color-on-tertiary-fixed: #4d4914;
1220
+ --md-sys-color-on-tertiary-fixed-variant: #6b662e;
1221
+ --md-sys-color-error: #f97758;
1222
+ --md-sys-color-on-error: #450900;
1223
+ --md-sys-color-error-container: #85230a;
1224
+ --md-sys-color-on-error-container: #ff9b82;
1225
+ --md-sys-color-background: #0c0f0a;
1226
+ --md-sys-color-on-background: #e2e7d9;
1227
+ --md-sys-color-surface: #0c0f0a;
1228
+ --md-sys-color-surface-dim: #0c0f0a;
1229
+ --md-sys-color-surface-bright: #282e24;
1230
+ --md-sys-color-surface-container-lowest: #000000;
1231
+ --md-sys-color-surface-container-low: #11140e;
1232
+ --md-sys-color-surface-container: #171b14;
1233
+ --md-sys-color-surface-container-high: #1c2119;
1234
+ --md-sys-color-surface-container-highest: #22271e;
1235
+ --md-sys-color-on-surface: #e2e7d9;
1236
+ --md-sys-color-surface-variant: #22271e;
1237
+ --md-sys-color-on-surface-variant: #a7ada0;
1238
+ --md-sys-color-inverse-surface: #f9faf1;
1239
+ --md-sys-color-inverse-on-surface: #53564f;
1240
+ --md-sys-color-outline: #72776b;
1241
+ --md-sys-color-outline-variant: #444a3f;
1242
+ --md-sys-color-shadow: #000000;
1243
+ --md-sys-color-scrim: #000000;
1244
+ --md-sys-color-surface-tint: #b3cfa1;
1245
+ --md-sys-color-success: #59b152;
1246
+ --md-sys-color-on-success: #002702;
1247
+ --md-sys-color-success-container: #046911;
1248
+ --md-sys-color-on-success-container: #8ce680;
1249
+ --md-sys-color-warning: #f5c722;
1250
+ --md-sys-color-on-warning: #544200;
1251
+ --md-sys-color-warning-container: #e6b90a;
1252
+ --md-sys-color-on-warning-container: #5f4a00;
1253
+ }
1254
+
1255
+ @media (prefers-color-scheme: dark) {
1256
+ :where([data-theme="forest"][data-contrast="standard"][data-mode="system"]),
1257
+ :where([data-theme="forest"]:not([data-contrast])[data-mode="system"]) {
1258
+ color-scheme: dark;
1259
+ --md-sys-color-primary: #b3cfa1;
1260
+ --md-sys-color-on-primary: #304624;
1261
+ --md-sys-color-primary-container: #415934;
1262
+ --md-sys-color-on-primary-container: #d0ecbc;
1263
+ --md-sys-color-inverse-primary: #4e6640;
1264
+ --md-sys-color-primary-fixed: #cfebbb;
1265
+ --md-sys-color-primary-fixed-dim: #c1ddae;
1266
+ --md-sys-color-on-primary-fixed: #2f4523;
1267
+ --md-sys-color-on-primary-fixed-variant: #4a623d;
1268
+ --md-sys-color-secondary: #bdcbb0;
1269
+ --md-sys-color-on-secondary: #37442f;
1270
+ --md-sys-color-secondary-container: #333f2b;
1271
+ --md-sys-color-on-secondary-container: #b5c4a9;
1272
+ --md-sys-color-secondary-fixed: #d8e7cb;
1273
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1274
+ --md-sys-color-on-secondary-fixed: #36432e;
1275
+ --md-sys-color-on-secondary-fixed-variant: #525f49;
1276
+ --md-sys-color-tertiary: #fffae2;
1277
+ --md-sys-color-on-tertiary: #65612a;
1278
+ --md-sys-color-tertiary-container: #f5eda8;
1279
+ --md-sys-color-on-tertiary-container: #5d5822;
1280
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1281
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1282
+ --md-sys-color-on-tertiary-fixed: #4d4914;
1283
+ --md-sys-color-on-tertiary-fixed-variant: #6b662e;
1284
+ --md-sys-color-error: #f97758;
1285
+ --md-sys-color-on-error: #450900;
1286
+ --md-sys-color-error-container: #85230a;
1287
+ --md-sys-color-on-error-container: #ff9b82;
1288
+ --md-sys-color-background: #0c0f0a;
1289
+ --md-sys-color-on-background: #e2e7d9;
1290
+ --md-sys-color-surface: #0c0f0a;
1291
+ --md-sys-color-surface-dim: #0c0f0a;
1292
+ --md-sys-color-surface-bright: #282e24;
1293
+ --md-sys-color-surface-container-lowest: #000000;
1294
+ --md-sys-color-surface-container-low: #11140e;
1295
+ --md-sys-color-surface-container: #171b14;
1296
+ --md-sys-color-surface-container-high: #1c2119;
1297
+ --md-sys-color-surface-container-highest: #22271e;
1298
+ --md-sys-color-on-surface: #e2e7d9;
1299
+ --md-sys-color-surface-variant: #22271e;
1300
+ --md-sys-color-on-surface-variant: #a7ada0;
1301
+ --md-sys-color-inverse-surface: #f9faf1;
1302
+ --md-sys-color-inverse-on-surface: #53564f;
1303
+ --md-sys-color-outline: #72776b;
1304
+ --md-sys-color-outline-variant: #444a3f;
1305
+ --md-sys-color-shadow: #000000;
1306
+ --md-sys-color-scrim: #000000;
1307
+ --md-sys-color-surface-tint: #b3cfa1;
1308
+ --md-sys-color-success: #59b152;
1309
+ --md-sys-color-on-success: #002702;
1310
+ --md-sys-color-success-container: #046911;
1311
+ --md-sys-color-on-success-container: #8ce680;
1312
+ --md-sys-color-warning: #f5c722;
1313
+ --md-sys-color-on-warning: #544200;
1314
+ --md-sys-color-warning-container: #e6b90a;
1315
+ --md-sys-color-on-warning-container: #5f4a00;
1316
+ }
1317
+ }
1318
+
1319
+ :where([data-theme="forest"][data-contrast="medium"]) {
1320
+ color-scheme: light;
1321
+ --md-sys-color-primary: #2d4a1e;
1322
+ --md-sys-color-on-primary: #c0e4a9;
1323
+ --md-sys-color-primary-container: #5d7d4c;
1324
+ --md-sys-color-on-primary-container: #ffffff;
1325
+ --md-sys-color-inverse-primary: #daffc2;
1326
+ --md-sys-color-primary-fixed: #5d7d4c;
1327
+ --md-sys-color-primary-fixed-dim: #517140;
1328
+ --md-sys-color-on-primary-fixed: #ffffff;
1329
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
1330
+ --md-sys-color-secondary: #3a4632;
1331
+ --md-sys-color-on-secondary: #d0dec2;
1332
+ --md-sys-color-secondary-container: #6b7961;
1333
+ --md-sys-color-on-secondary-container: #ffffff;
1334
+ --md-sys-color-secondary-fixed: #6b7961;
1335
+ --md-sys-color-secondary-fixed-dim: #5f6c55;
1336
+ --md-sys-color-on-secondary-fixed: #ffffff;
1337
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
1338
+ --md-sys-color-tertiary: #484410;
1339
+ --md-sys-color-on-tertiary: #e3dc98;
1340
+ --md-sys-color-tertiary-container: #7b763d;
1341
+ --md-sys-color-on-tertiary-container: #ffffff;
1342
+ --md-sys-color-tertiary-fixed: #7b763d;
1343
+ --md-sys-color-tertiary-fixed-dim: #6f6a32;
1344
+ --md-sys-color-on-tertiary-fixed: #ffffff;
1345
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
1346
+ --md-sys-color-error: #801f07;
1347
+ --md-sys-color-on-error: #ffcfc4;
1348
+ --md-sys-color-error-container: #c44f34;
1349
+ --md-sys-color-on-error-container: #ffffff;
1350
+ --md-sys-color-background: #f9faf1;
1351
+ --md-sys-color-on-background: #20261c;
1352
+ --md-sys-color-surface: #f9faf1;
1353
+ --md-sys-color-surface-dim: #d7dcce;
1354
+ --md-sys-color-surface-bright: #f9faf1;
1355
+ --md-sys-color-surface-container-lowest: #ffffff;
1356
+ --md-sys-color-surface-container-low: #f2f5ea;
1357
+ --md-sys-color-surface-container: #ecefe3;
1358
+ --md-sys-color-surface-container-high: #e6eadd;
1359
+ --md-sys-color-surface-container-highest: #dfe4d6;
1360
+ --md-sys-color-on-surface: #20261c;
1361
+ --md-sys-color-surface-variant: #dfe4d6;
1362
+ --md-sys-color-on-surface-variant: #3f453a;
1363
+ --md-sys-color-inverse-surface: #0c0f0a;
1364
+ --md-sys-color-inverse-on-surface: #c4c5bd;
1365
+ --md-sys-color-outline: #5b6155;
1366
+ --md-sys-color-outline-variant: #777d70;
1367
+ --md-sys-color-shadow: #000000;
1368
+ --md-sys-color-scrim: #000000;
1369
+ --md-sys-color-surface-tint: #2d4a1e;
1370
+ --md-sys-color-success: #004f09;
1371
+ --md-sys-color-on-success: #94ef87;
1372
+ --md-sys-color-success-container: #2e852c;
1373
+ --md-sys-color-on-success-container: #ffffff;
1374
+ --md-sys-color-warning: #534100;
1375
+ --md-sys-color-on-warning: #ffd556;
1376
+ --md-sys-color-warning-container: #8e7100;
1377
+ --md-sys-color-on-warning-container: #ffffff;
1378
+ }
1379
+
1380
+ :where([data-theme="forest"][data-contrast="medium"][data-mode="dark"]) {
1381
+ color-scheme: dark;
1382
+ --md-sys-color-primary: #b3cfa1;
1383
+ --md-sys-color-on-primary: #263c1a;
1384
+ --md-sys-color-primary-container: #637c54;
1385
+ --md-sys-color-on-primary-container: #ffffff;
1386
+ --md-sys-color-inverse-primary: #445b37;
1387
+ --md-sys-color-primary-fixed: #cfebbb;
1388
+ --md-sys-color-primary-fixed-dim: #c1ddae;
1389
+ --md-sys-color-on-primary-fixed: #0f2406;
1390
+ --md-sys-color-on-primary-fixed-variant: #2f4523;
1391
+ --md-sys-color-secondary: #bdcbb0;
1392
+ --md-sys-color-on-secondary: #2d3a26;
1393
+ --md-sys-color-secondary-container: #6b7961;
1394
+ --md-sys-color-on-secondary-container: #ffffff;
1395
+ --md-sys-color-secondary-fixed: #d8e7cb;
1396
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1397
+ --md-sys-color-on-secondary-fixed: #172311;
1398
+ --md-sys-color-on-secondary-fixed-variant: #36432e;
1399
+ --md-sys-color-tertiary: #fffae2;
1400
+ --md-sys-color-on-tertiary: #5b5621;
1401
+ --md-sys-color-tertiary-container: #f5eda8;
1402
+ --md-sys-color-on-tertiary-container: #534e19;
1403
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1404
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1405
+ --md-sys-color-on-tertiary-fixed: #2e2b00;
1406
+ --md-sys-color-on-tertiary-fixed-variant: #4d4914;
1407
+ --md-sys-color-error: #ffa089;
1408
+ --md-sys-color-on-error: #5a0e00;
1409
+ --md-sys-color-error-container: #c44f34;
1410
+ --md-sys-color-on-error-container: #ffffff;
1411
+ --md-sys-color-background: #0c0f0a;
1412
+ --md-sys-color-on-background: #ffffff;
1413
+ --md-sys-color-surface: #0c0f0a;
1414
+ --md-sys-color-surface-dim: #0c0f0a;
1415
+ --md-sys-color-surface-bright: #282e24;
1416
+ --md-sys-color-surface-container-lowest: #000000;
1417
+ --md-sys-color-surface-container-low: #11140e;
1418
+ --md-sys-color-surface-container: #171b14;
1419
+ --md-sys-color-surface-container-high: #1c2119;
1420
+ --md-sys-color-surface-container-highest: #22271e;
1421
+ --md-sys-color-on-surface: #ffffff;
1422
+ --md-sys-color-surface-variant: #22271e;
1423
+ --md-sys-color-on-surface-variant: #b5bbad;
1424
+ --md-sys-color-inverse-surface: #f9faf1;
1425
+ --md-sys-color-inverse-on-surface: #363933;
1426
+ --md-sys-color-outline: #909588;
1427
+ --md-sys-color-outline-variant: #72776b;
1428
+ --md-sys-color-shadow: #000000;
1429
+ --md-sys-color-scrim: #000000;
1430
+ --md-sys-color-surface-tint: #b3cfa1;
1431
+ --md-sys-color-success: #74cd6a;
1432
+ --md-sys-color-on-success: #003504;
1433
+ --md-sys-color-success-container: #2e852c;
1434
+ --md-sys-color-on-success-container: #ffffff;
1435
+ --md-sys-color-warning: #f5c722;
1436
+ --md-sys-color-on-warning: #483800;
1437
+ --md-sys-color-warning-container: #e6b90a;
1438
+ --md-sys-color-on-warning-container: #3c2f00;
1439
+ }
1440
+
1441
+ @media (prefers-color-scheme: dark) {
1442
+ :where([data-theme="forest"][data-contrast="medium"][data-mode="system"]) {
1443
+ color-scheme: dark;
1444
+ --md-sys-color-primary: #b3cfa1;
1445
+ --md-sys-color-on-primary: #263c1a;
1446
+ --md-sys-color-primary-container: #637c54;
1447
+ --md-sys-color-on-primary-container: #ffffff;
1448
+ --md-sys-color-inverse-primary: #445b37;
1449
+ --md-sys-color-primary-fixed: #cfebbb;
1450
+ --md-sys-color-primary-fixed-dim: #c1ddae;
1451
+ --md-sys-color-on-primary-fixed: #0f2406;
1452
+ --md-sys-color-on-primary-fixed-variant: #2f4523;
1453
+ --md-sys-color-secondary: #bdcbb0;
1454
+ --md-sys-color-on-secondary: #2d3a26;
1455
+ --md-sys-color-secondary-container: #6b7961;
1456
+ --md-sys-color-on-secondary-container: #ffffff;
1457
+ --md-sys-color-secondary-fixed: #d8e7cb;
1458
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1459
+ --md-sys-color-on-secondary-fixed: #172311;
1460
+ --md-sys-color-on-secondary-fixed-variant: #36432e;
1461
+ --md-sys-color-tertiary: #fffae2;
1462
+ --md-sys-color-on-tertiary: #5b5621;
1463
+ --md-sys-color-tertiary-container: #f5eda8;
1464
+ --md-sys-color-on-tertiary-container: #534e19;
1465
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1466
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1467
+ --md-sys-color-on-tertiary-fixed: #2e2b00;
1468
+ --md-sys-color-on-tertiary-fixed-variant: #4d4914;
1469
+ --md-sys-color-error: #ffa089;
1470
+ --md-sys-color-on-error: #5a0e00;
1471
+ --md-sys-color-error-container: #c44f34;
1472
+ --md-sys-color-on-error-container: #ffffff;
1473
+ --md-sys-color-background: #0c0f0a;
1474
+ --md-sys-color-on-background: #ffffff;
1475
+ --md-sys-color-surface: #0c0f0a;
1476
+ --md-sys-color-surface-dim: #0c0f0a;
1477
+ --md-sys-color-surface-bright: #282e24;
1478
+ --md-sys-color-surface-container-lowest: #000000;
1479
+ --md-sys-color-surface-container-low: #11140e;
1480
+ --md-sys-color-surface-container: #171b14;
1481
+ --md-sys-color-surface-container-high: #1c2119;
1482
+ --md-sys-color-surface-container-highest: #22271e;
1483
+ --md-sys-color-on-surface: #ffffff;
1484
+ --md-sys-color-surface-variant: #22271e;
1485
+ --md-sys-color-on-surface-variant: #b5bbad;
1486
+ --md-sys-color-inverse-surface: #f9faf1;
1487
+ --md-sys-color-inverse-on-surface: #363933;
1488
+ --md-sys-color-outline: #909588;
1489
+ --md-sys-color-outline-variant: #72776b;
1490
+ --md-sys-color-shadow: #000000;
1491
+ --md-sys-color-scrim: #000000;
1492
+ --md-sys-color-surface-tint: #b3cfa1;
1493
+ --md-sys-color-success: #74cd6a;
1494
+ --md-sys-color-on-success: #003504;
1495
+ --md-sys-color-success-container: #2e852c;
1496
+ --md-sys-color-on-success-container: #ffffff;
1497
+ --md-sys-color-warning: #f5c722;
1498
+ --md-sys-color-on-warning: #483800;
1499
+ --md-sys-color-warning-container: #e6b90a;
1500
+ --md-sys-color-on-warning-container: #3c2f00;
1501
+ }
1502
+ }
1503
+
1504
+ :where([data-theme="forest"][data-contrast="high"]) {
1505
+ color-scheme: light;
1506
+ --md-sys-color-primary: #0e2a03;
1507
+ --md-sys-color-on-primary: #c1e5aa;
1508
+ --md-sys-color-primary-container: #3c5a2c;
1509
+ --md-sys-color-on-primary-container: #ffffff;
1510
+ --md-sys-color-inverse-primary: #daffc2;
1511
+ --md-sys-color-primary-fixed: #3c5a2c;
1512
+ --md-sys-color-primary-fixed-dim: #314e22;
1513
+ --md-sys-color-on-primary-fixed: #ffffff;
1514
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
1515
+ --md-sys-color-secondary: #1b2715;
1516
+ --md-sys-color-on-secondary: #d0dfc3;
1517
+ --md-sys-color-secondary-container: #495640;
1518
+ --md-sys-color-on-secondary-container: #ffffff;
1519
+ --md-sys-color-secondary-fixed: #495640;
1520
+ --md-sys-color-secondary-fixed-dim: #3d4a35;
1521
+ --md-sys-color-on-secondary-fixed: #ffffff;
1522
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
1523
+ --md-sys-color-tertiary: #282500;
1524
+ --md-sys-color-on-tertiary: #e4dc99;
1525
+ --md-sys-color-tertiary-container: #58541e;
1526
+ --md-sys-color-on-tertiary-container: #ffffff;
1527
+ --md-sys-color-tertiary-fixed: #58541e;
1528
+ --md-sys-color-tertiary-fixed-dim: #4c4813;
1529
+ --md-sys-color-on-tertiary-fixed: #ffffff;
1530
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
1531
+ --md-sys-color-error: #4c0a00;
1532
+ --md-sys-color-on-error: #ffcfc4;
1533
+ --md-sys-color-error-container: #952e15;
1534
+ --md-sys-color-on-error-container: #ffffff;
1535
+ --md-sys-color-background: #f9faf1;
1536
+ --md-sys-color-on-background: #000000;
1537
+ --md-sys-color-surface: #f9faf1;
1538
+ --md-sys-color-surface-dim: #d7dcce;
1539
+ --md-sys-color-surface-bright: #f9faf1;
1540
+ --md-sys-color-surface-container-lowest: #ffffff;
1541
+ --md-sys-color-surface-container-low: #f2f5ea;
1542
+ --md-sys-color-surface-container: #ecefe3;
1543
+ --md-sys-color-surface-container-high: #e6eadd;
1544
+ --md-sys-color-surface-container-highest: #dfe4d6;
1545
+ --md-sys-color-on-surface: #000000;
1546
+ --md-sys-color-surface-variant: #dfe4d6;
1547
+ --md-sys-color-on-surface-variant: #20261c;
1548
+ --md-sys-color-inverse-surface: #0c0f0a;
1549
+ --md-sys-color-inverse-on-surface: #ffffff;
1550
+ --md-sys-color-outline: #3f453a;
1551
+ --md-sys-color-outline-variant: #4e5449;
1552
+ --md-sys-color-shadow: #000000;
1553
+ --md-sys-color-scrim: #000000;
1554
+ --md-sys-color-surface-tint: #0e2a03;
1555
+ --md-sys-color-success: #002b03;
1556
+ --md-sys-color-on-success: #95ef88;
1557
+ --md-sys-color-success-container: #00600d;
1558
+ --md-sys-color-on-success-container: #ffffff;
1559
+ --md-sys-color-warning: #2e2300;
1560
+ --md-sys-color-on-warning: #ffd659;
1561
+ --md-sys-color-warning-container: #655000;
1562
+ --md-sys-color-on-warning-container: #ffffff;
1563
+ }
1564
+
1565
+ :where([data-theme="forest"][data-contrast="high"][data-mode="dark"]) {
1566
+ color-scheme: dark;
1567
+ --md-sys-color-primary: #d2eebe;
1568
+ --md-sys-color-on-primary: #1c3111;
1569
+ --md-sys-color-primary-container: #91ab80;
1570
+ --md-sys-color-on-primary-container: #000000;
1571
+ --md-sys-color-inverse-primary: #283e1c;
1572
+ --md-sys-color-primary-fixed: #cfebbb;
1573
+ --md-sys-color-primary-fixed-dim: #c1ddae;
1574
+ --md-sys-color-on-primary-fixed: #000000;
1575
+ --md-sys-color-on-primary-fixed-variant: #0f2406;
1576
+ --md-sys-color-secondary: #dbeace;
1577
+ --md-sys-color-on-secondary: #232f1c;
1578
+ --md-sys-color-secondary-container: #9aa88e;
1579
+ --md-sys-color-on-secondary-container: #000000;
1580
+ --md-sys-color-secondary-fixed: #d8e7cb;
1581
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1582
+ --md-sys-color-on-secondary-fixed: #000000;
1583
+ --md-sys-color-on-secondary-fixed-variant: #172311;
1584
+ --md-sys-color-tertiary: #fffae2;
1585
+ --md-sys-color-on-tertiary: #3d3905;
1586
+ --md-sys-color-tertiary-container: #f5eda8;
1587
+ --md-sys-color-on-tertiary-container: #343100;
1588
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1589
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1590
+ --md-sys-color-on-tertiary-fixed: #000000;
1591
+ --md-sys-color-on-tertiary-fixed-variant: #2e2b00;
1592
+ --md-sys-color-error: #ffded7;
1593
+ --md-sys-color-on-error: #5a0e00;
1594
+ --md-sys-color-error-container: #ff7e5e;
1595
+ --md-sys-color-on-error-container: #000000;
1596
+ --md-sys-color-background: #0c0f0a;
1597
+ --md-sys-color-on-background: #ffffff;
1598
+ --md-sys-color-surface: #0c0f0a;
1599
+ --md-sys-color-surface-dim: #0c0f0a;
1600
+ --md-sys-color-surface-bright: #282e24;
1601
+ --md-sys-color-surface-container-lowest: #000000;
1602
+ --md-sys-color-surface-container-low: #11140e;
1603
+ --md-sys-color-surface-container: #171b14;
1604
+ --md-sys-color-surface-container-high: #1c2119;
1605
+ --md-sys-color-surface-container-highest: #22271e;
1606
+ --md-sys-color-on-surface: #ffffff;
1607
+ --md-sys-color-surface-variant: #22271e;
1608
+ --md-sys-color-on-surface-variant: #e2e7d9;
1609
+ --md-sys-color-inverse-surface: #f9faf1;
1610
+ --md-sys-color-inverse-on-surface: #000000;
1611
+ --md-sys-color-outline: #b5bbad;
1612
+ --md-sys-color-outline-variant: #a0a698;
1613
+ --md-sys-color-shadow: #000000;
1614
+ --md-sys-color-scrim: #000000;
1615
+ --md-sys-color-surface-tint: #d2eebe;
1616
+ --md-sys-color-success: #a0fb92;
1617
+ --md-sys-color-on-success: #003404;
1618
+ --md-sys-color-success-container: #5fb757;
1619
+ --md-sys-color-on-success-container: #000000;
1620
+ --md-sys-color-warning: #ffe399;
1621
+ --md-sys-color-on-warning: #372a00;
1622
+ --md-sys-color-warning-container: #e6b90a;
1623
+ --md-sys-color-on-warning-container: #050300;
1624
+ }
1625
+
1626
+ @media (prefers-color-scheme: dark) {
1627
+ :where([data-theme="forest"][data-contrast="high"][data-mode="system"]) {
1628
+ color-scheme: dark;
1629
+ --md-sys-color-primary: #d2eebe;
1630
+ --md-sys-color-on-primary: #1c3111;
1631
+ --md-sys-color-primary-container: #91ab80;
1632
+ --md-sys-color-on-primary-container: #000000;
1633
+ --md-sys-color-inverse-primary: #283e1c;
1634
+ --md-sys-color-primary-fixed: #cfebbb;
1635
+ --md-sys-color-primary-fixed-dim: #c1ddae;
1636
+ --md-sys-color-on-primary-fixed: #000000;
1637
+ --md-sys-color-on-primary-fixed-variant: #0f2406;
1638
+ --md-sys-color-secondary: #dbeace;
1639
+ --md-sys-color-on-secondary: #232f1c;
1640
+ --md-sys-color-secondary-container: #9aa88e;
1641
+ --md-sys-color-on-secondary-container: #000000;
1642
+ --md-sys-color-secondary-fixed: #d8e7cb;
1643
+ --md-sys-color-secondary-fixed-dim: #cad9bd;
1644
+ --md-sys-color-on-secondary-fixed: #000000;
1645
+ --md-sys-color-on-secondary-fixed-variant: #172311;
1646
+ --md-sys-color-tertiary: #fffae2;
1647
+ --md-sys-color-on-tertiary: #3d3905;
1648
+ --md-sys-color-tertiary-container: #f5eda8;
1649
+ --md-sys-color-on-tertiary-container: #343100;
1650
+ --md-sys-color-tertiary-fixed: #fbf3ad;
1651
+ --md-sys-color-tertiary-fixed-dim: #ece5a0;
1652
+ --md-sys-color-on-tertiary-fixed: #000000;
1653
+ --md-sys-color-on-tertiary-fixed-variant: #2e2b00;
1654
+ --md-sys-color-error: #ffded7;
1655
+ --md-sys-color-on-error: #5a0e00;
1656
+ --md-sys-color-error-container: #ff7e5e;
1657
+ --md-sys-color-on-error-container: #000000;
1658
+ --md-sys-color-background: #0c0f0a;
1659
+ --md-sys-color-on-background: #ffffff;
1660
+ --md-sys-color-surface: #0c0f0a;
1661
+ --md-sys-color-surface-dim: #0c0f0a;
1662
+ --md-sys-color-surface-bright: #282e24;
1663
+ --md-sys-color-surface-container-lowest: #000000;
1664
+ --md-sys-color-surface-container-low: #11140e;
1665
+ --md-sys-color-surface-container: #171b14;
1666
+ --md-sys-color-surface-container-high: #1c2119;
1667
+ --md-sys-color-surface-container-highest: #22271e;
1668
+ --md-sys-color-on-surface: #ffffff;
1669
+ --md-sys-color-surface-variant: #22271e;
1670
+ --md-sys-color-on-surface-variant: #e2e7d9;
1671
+ --md-sys-color-inverse-surface: #f9faf1;
1672
+ --md-sys-color-inverse-on-surface: #000000;
1673
+ --md-sys-color-outline: #b5bbad;
1674
+ --md-sys-color-outline-variant: #a0a698;
1675
+ --md-sys-color-shadow: #000000;
1676
+ --md-sys-color-scrim: #000000;
1677
+ --md-sys-color-surface-tint: #d2eebe;
1678
+ --md-sys-color-success: #a0fb92;
1679
+ --md-sys-color-on-success: #003404;
1680
+ --md-sys-color-success-container: #5fb757;
1681
+ --md-sys-color-on-success-container: #000000;
1682
+ --md-sys-color-warning: #ffe399;
1683
+ --md-sys-color-on-warning: #372a00;
1684
+ --md-sys-color-warning-container: #e6b90a;
1685
+ --md-sys-color-on-warning-container: #050300;
1686
+ }
1687
+ }
1688
+
1689
+ :where([data-theme="sunset"][data-contrast="standard"]),
1690
+ :where([data-theme="sunset"]:not([data-contrast])) {
1691
+ color-scheme: light;
1692
+ --md-sys-color-primary: #8a5033;
1693
+ --md-sys-color-on-primary: #fff7f5;
1694
+ --md-sys-color-primary-container: #feb28e;
1695
+ --md-sys-color-on-primary-container: #633116;
1696
+ --md-sys-color-inverse-primary: #feb28e;
1697
+ --md-sys-color-primary-fixed: #feb28e;
1698
+ --md-sys-color-primary-fixed-dim: #eea582;
1699
+ --md-sys-color-on-primary-fixed: #491d04;
1700
+ --md-sys-color-on-primary-fixed-variant: #6d391e;
1701
+ --md-sys-color-secondary: #77584a;
1702
+ --md-sys-color-on-secondary: #fff7f5;
1703
+ --md-sys-color-secondary-container: #ffdbcc;
1704
+ --md-sys-color-on-secondary-container: #684b3d;
1705
+ --md-sys-color-secondary-fixed: #ffdbcc;
1706
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
1707
+ --md-sys-color-on-secondary-fixed: #54392c;
1708
+ --md-sys-color-on-secondary-fixed-variant: #735546;
1709
+ --md-sys-color-tertiary: #6f5d26;
1710
+ --md-sys-color-on-tertiary: #fff8ee;
1711
+ --md-sys-color-tertiary-container: #fae19b;
1712
+ --md-sys-color-on-tertiary-container: #615019;
1713
+ --md-sys-color-tertiary-fixed: #fae19b;
1714
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
1715
+ --md-sys-color-on-tertiary-fixed: #4d3e07;
1716
+ --md-sys-color-on-tertiary-fixed-variant: #6c5a22;
1717
+ --md-sys-color-error: #a73b21;
1718
+ --md-sys-color-on-error: #fff7f6;
1719
+ --md-sys-color-error-container: #fd795a;
1720
+ --md-sys-color-on-error-container: #6e1400;
1721
+ --md-sys-color-background: #fff8f6;
1722
+ --md-sys-color-on-background: #3e2f29;
1723
+ --md-sys-color-surface: #fff8f6;
1724
+ --md-sys-color-surface-dim: #edd5cc;
1725
+ --md-sys-color-surface-bright: #fff8f6;
1726
+ --md-sys-color-surface-container-lowest: #ffffff;
1727
+ --md-sys-color-surface-container-low: #fff1eb;
1728
+ --md-sys-color-surface-container: #feeae2;
1729
+ --md-sys-color-surface-container-high: #f9e4db;
1730
+ --md-sys-color-surface-container-highest: #f5ded4;
1731
+ --md-sys-color-on-surface: #3e2f29;
1732
+ --md-sys-color-surface-variant: #f5ded4;
1733
+ --md-sys-color-on-surface-variant: #6d5b54;
1734
+ --md-sys-color-inverse-surface: #130d0a;
1735
+ --md-sys-color-inverse-on-surface: #a79a95;
1736
+ --md-sys-color-outline: #8a776f;
1737
+ --md-sys-color-outline-variant: #c3aea5;
1738
+ --md-sys-color-shadow: #000000;
1739
+ --md-sys-color-scrim: #000000;
1740
+ --md-sys-color-surface-tint: #8a5033;
1741
+ --md-sys-color-success: #386b00;
1742
+ --md-sys-color-on-success: #edffd7;
1743
+ --md-sys-color-success-container: #b5f57b;
1744
+ --md-sys-color-on-success-container: #3c7100;
1745
+ --md-sys-color-warning: #8e5000;
1746
+ --md-sys-color-on-warning: #fff7f4;
1747
+ --md-sys-color-warning-container: #fda54c;
1748
+ --md-sys-color-on-warning-container: #6e3d00;
1749
+ }
1750
+
1751
+ :where([data-theme="sunset"][data-contrast="standard"][data-mode="dark"]),
1752
+ :where([data-theme="sunset"]:not([data-contrast])[data-mode="dark"]) {
1753
+ color-scheme: dark;
1754
+ --md-sys-color-primary: #f7b89b;
1755
+ --md-sys-color-on-primary: #5f3520;
1756
+ --md-sys-color-primary-container: #754730;
1757
+ --md-sys-color-on-primary-container: #ffdccd;
1758
+ --md-sys-color-inverse-primary: #83533c;
1759
+ --md-sys-color-primary-fixed: #f7b89b;
1760
+ --md-sys-color-primary-fixed-dim: #e8ab8e;
1761
+ --md-sys-color-on-primary-fixed: #47220e;
1762
+ --md-sys-color-on-primary-fixed-variant: #6a3e28;
1763
+ --md-sys-color-secondary: #e6beac;
1764
+ --md-sys-color-on-secondary: #553a2d;
1765
+ --md-sys-color-secondary-container: #503528;
1766
+ --md-sys-color-on-secondary-container: #deb7a5;
1767
+ --md-sys-color-secondary-fixed: #ffdbcc;
1768
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
1769
+ --md-sys-color-on-secondary-fixed: #54392c;
1770
+ --md-sys-color-on-secondary-fixed-variant: #735546;
1771
+ --md-sys-color-tertiary: #ffefcc;
1772
+ --md-sys-color-on-tertiary: #6a5821;
1773
+ --md-sys-color-tertiary-container: #fae19b;
1774
+ --md-sys-color-on-tertiary-container: #615019;
1775
+ --md-sys-color-tertiary-fixed: #fae19b;
1776
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
1777
+ --md-sys-color-on-tertiary-fixed: #4d3e07;
1778
+ --md-sys-color-on-tertiary-fixed-variant: #6c5a22;
1779
+ --md-sys-color-error: #f97758;
1780
+ --md-sys-color-on-error: #450900;
1781
+ --md-sys-color-error-container: #85230a;
1782
+ --md-sys-color-on-error-container: #ff9b82;
1783
+ --md-sys-color-background: #130d0a;
1784
+ --md-sys-color-on-background: #f8e1d7;
1785
+ --md-sys-color-surface: #130d0a;
1786
+ --md-sys-color-surface-dim: #130d0a;
1787
+ --md-sys-color-surface-bright: #372923;
1788
+ --md-sys-color-surface-container-lowest: #000000;
1789
+ --md-sys-color-surface-container-low: #1a110e;
1790
+ --md-sys-color-surface-container: #211713;
1791
+ --md-sys-color-surface-container-high: #281d18;
1792
+ --md-sys-color-surface-container-highest: #30231d;
1793
+ --md-sys-color-on-surface: #f8e1d7;
1794
+ --md-sys-color-surface-variant: #30231d;
1795
+ --md-sys-color-on-surface-variant: #bca79e;
1796
+ --md-sys-color-inverse-surface: #fff8f6;
1797
+ --md-sys-color-inverse-on-surface: #5d534f;
1798
+ --md-sys-color-outline: #84726a;
1799
+ --md-sys-color-outline-variant: #54453e;
1800
+ --md-sys-color-shadow: #000000;
1801
+ --md-sys-color-scrim: #000000;
1802
+ --md-sys-color-surface-tint: #f7b89b;
1803
+ --md-sys-color-success: #73ae3e;
1804
+ --md-sys-color-on-success: #102500;
1805
+ --md-sys-color-success-container: #417806;
1806
+ --md-sys-color-on-success-container: #beff84;
1807
+ --md-sys-color-warning: #dd8b34;
1808
+ --md-sys-color-on-warning: #341a00;
1809
+ --md-sys-color-warning-container: #a86003;
1810
+ --md-sys-color-on-warning-container: #fff7f3;
1811
+ }
1812
+
1813
+ @media (prefers-color-scheme: dark) {
1814
+ :where([data-theme="sunset"][data-contrast="standard"][data-mode="system"]),
1815
+ :where([data-theme="sunset"]:not([data-contrast])[data-mode="system"]) {
1816
+ color-scheme: dark;
1817
+ --md-sys-color-primary: #f7b89b;
1818
+ --md-sys-color-on-primary: #5f3520;
1819
+ --md-sys-color-primary-container: #754730;
1820
+ --md-sys-color-on-primary-container: #ffdccd;
1821
+ --md-sys-color-inverse-primary: #83533c;
1822
+ --md-sys-color-primary-fixed: #f7b89b;
1823
+ --md-sys-color-primary-fixed-dim: #e8ab8e;
1824
+ --md-sys-color-on-primary-fixed: #47220e;
1825
+ --md-sys-color-on-primary-fixed-variant: #6a3e28;
1826
+ --md-sys-color-secondary: #e6beac;
1827
+ --md-sys-color-on-secondary: #553a2d;
1828
+ --md-sys-color-secondary-container: #503528;
1829
+ --md-sys-color-on-secondary-container: #deb7a5;
1830
+ --md-sys-color-secondary-fixed: #ffdbcc;
1831
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
1832
+ --md-sys-color-on-secondary-fixed: #54392c;
1833
+ --md-sys-color-on-secondary-fixed-variant: #735546;
1834
+ --md-sys-color-tertiary: #ffefcc;
1835
+ --md-sys-color-on-tertiary: #6a5821;
1836
+ --md-sys-color-tertiary-container: #fae19b;
1837
+ --md-sys-color-on-tertiary-container: #615019;
1838
+ --md-sys-color-tertiary-fixed: #fae19b;
1839
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
1840
+ --md-sys-color-on-tertiary-fixed: #4d3e07;
1841
+ --md-sys-color-on-tertiary-fixed-variant: #6c5a22;
1842
+ --md-sys-color-error: #f97758;
1843
+ --md-sys-color-on-error: #450900;
1844
+ --md-sys-color-error-container: #85230a;
1845
+ --md-sys-color-on-error-container: #ff9b82;
1846
+ --md-sys-color-background: #130d0a;
1847
+ --md-sys-color-on-background: #f8e1d7;
1848
+ --md-sys-color-surface: #130d0a;
1849
+ --md-sys-color-surface-dim: #130d0a;
1850
+ --md-sys-color-surface-bright: #372923;
1851
+ --md-sys-color-surface-container-lowest: #000000;
1852
+ --md-sys-color-surface-container-low: #1a110e;
1853
+ --md-sys-color-surface-container: #211713;
1854
+ --md-sys-color-surface-container-high: #281d18;
1855
+ --md-sys-color-surface-container-highest: #30231d;
1856
+ --md-sys-color-on-surface: #f8e1d7;
1857
+ --md-sys-color-surface-variant: #30231d;
1858
+ --md-sys-color-on-surface-variant: #bca79e;
1859
+ --md-sys-color-inverse-surface: #fff8f6;
1860
+ --md-sys-color-inverse-on-surface: #5d534f;
1861
+ --md-sys-color-outline: #84726a;
1862
+ --md-sys-color-outline-variant: #54453e;
1863
+ --md-sys-color-shadow: #000000;
1864
+ --md-sys-color-scrim: #000000;
1865
+ --md-sys-color-surface-tint: #f7b89b;
1866
+ --md-sys-color-success: #73ae3e;
1867
+ --md-sys-color-on-success: #102500;
1868
+ --md-sys-color-success-container: #417806;
1869
+ --md-sys-color-on-success-container: #beff84;
1870
+ --md-sys-color-warning: #dd8b34;
1871
+ --md-sys-color-on-warning: #341a00;
1872
+ --md-sys-color-warning-container: #a86003;
1873
+ --md-sys-color-on-warning-container: #fff7f3;
1874
+ }
1875
+ }
1876
+
1877
+ :where([data-theme="sunset"][data-contrast="medium"]) {
1878
+ color-scheme: light;
1879
+ --md-sys-color-primary: #68351a;
1880
+ --md-sys-color-on-primary: #ffd0ba;
1881
+ --md-sys-color-primary-container: #a36546;
1882
+ --md-sys-color-on-primary-container: #ffffff;
1883
+ --md-sys-color-inverse-primary: #feb28e;
1884
+ --md-sys-color-primary-fixed: #a36546;
1885
+ --md-sys-color-primary-fixed-dim: #95593b;
1886
+ --md-sys-color-on-primary-fixed: #ffffff;
1887
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
1888
+ --md-sys-color-secondary: #583c2f;
1889
+ --md-sys-color-on-secondary: #fbd1bf;
1890
+ --md-sys-color-secondary-container: #8e6d5e;
1891
+ --md-sys-color-on-secondary-container: #ffffff;
1892
+ --md-sys-color-secondary-fixed: #8e6d5e;
1893
+ --md-sys-color-secondary-fixed-dim: #816152;
1894
+ --md-sys-color-on-secondary-fixed: #ffffff;
1895
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
1896
+ --md-sys-color-tertiary: #51410b;
1897
+ --md-sys-color-on-tertiary: #f1d893;
1898
+ --md-sys-color-tertiary-container: #867339;
1899
+ --md-sys-color-on-tertiary-container: #ffffff;
1900
+ --md-sys-color-tertiary-fixed: #867339;
1901
+ --md-sys-color-tertiary-fixed-dim: #79662e;
1902
+ --md-sys-color-on-tertiary-fixed: #ffffff;
1903
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
1904
+ --md-sys-color-error: #801f07;
1905
+ --md-sys-color-on-error: #ffcfc4;
1906
+ --md-sys-color-error-container: #c44f34;
1907
+ --md-sys-color-on-error-container: #ffffff;
1908
+ --md-sys-color-background: #fff8f6;
1909
+ --md-sys-color-on-background: #2e211b;
1910
+ --md-sys-color-surface: #fff8f6;
1911
+ --md-sys-color-surface-dim: #edd5cc;
1912
+ --md-sys-color-surface-bright: #fff8f6;
1913
+ --md-sys-color-surface-container-lowest: #ffffff;
1914
+ --md-sys-color-surface-container-low: #fff1eb;
1915
+ --md-sys-color-surface-container: #feeae2;
1916
+ --md-sys-color-surface-container-high: #f9e4db;
1917
+ --md-sys-color-surface-container-highest: #f5ded4;
1918
+ --md-sys-color-on-surface: #2e211b;
1919
+ --md-sys-color-surface-variant: #f5ded4;
1920
+ --md-sys-color-on-surface-variant: #4f4039;
1921
+ --md-sys-color-inverse-surface: #130d0a;
1922
+ --md-sys-color-inverse-on-surface: #d0c2bc;
1923
+ --md-sys-color-outline: #6d5b54;
1924
+ --md-sys-color-outline-variant: #8a776f;
1925
+ --md-sys-color-shadow: #000000;
1926
+ --md-sys-color-scrim: #000000;
1927
+ --md-sys-color-surface-tint: #68351a;
1928
+ --md-sys-color-success: #264c00;
1929
+ --md-sys-color-on-success: #acec74;
1930
+ --md-sys-color-success-container: #4b8215;
1931
+ --md-sys-color-on-success-container: #ffffff;
1932
+ --md-sys-color-warning: #653800;
1933
+ --md-sys-color-on-warning: #ffd1aa;
1934
+ --md-sys-color-warning-container: #ab6307;
1935
+ --md-sys-color-on-warning-container: #ffffff;
1936
+ }
1937
+
1938
+ :where([data-theme="sunset"][data-contrast="medium"][data-mode="dark"]) {
1939
+ color-scheme: dark;
1940
+ --md-sys-color-primary: #f7b89b;
1941
+ --md-sys-color-on-primary: #532c17;
1942
+ --md-sys-color-primary-container: #9c684f;
1943
+ --md-sys-color-on-primary-container: #ffffff;
1944
+ --md-sys-color-inverse-primary: #784a33;
1945
+ --md-sys-color-primary-fixed: #f7b89b;
1946
+ --md-sys-color-primary-fixed-dim: #e8ab8e;
1947
+ --md-sys-color-on-primary-fixed: #000000;
1948
+ --md-sys-color-on-primary-fixed-variant: #47220e;
1949
+ --md-sys-color-secondary: #e6beac;
1950
+ --md-sys-color-on-secondary: #4a3024;
1951
+ --md-sys-color-secondary-container: #8e6d5e;
1952
+ --md-sys-color-on-secondary-container: #ffffff;
1953
+ --md-sys-color-secondary-fixed: #ffdbcc;
1954
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
1955
+ --md-sys-color-on-secondary-fixed: #301a0f;
1956
+ --md-sys-color-on-secondary-fixed-variant: #54392c;
1957
+ --md-sys-color-tertiary: #ffefcc;
1958
+ --md-sys-color-on-tertiary: #5f4e18;
1959
+ --md-sys-color-tertiary-container: #fae19b;
1960
+ --md-sys-color-on-tertiary-container: #574610;
1961
+ --md-sys-color-tertiary-fixed: #fae19b;
1962
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
1963
+ --md-sys-color-on-tertiary-fixed: #281e00;
1964
+ --md-sys-color-on-tertiary-fixed-variant: #4d3e07;
1965
+ --md-sys-color-error: #ffa089;
1966
+ --md-sys-color-on-error: #5a0e00;
1967
+ --md-sys-color-error-container: #c44f34;
1968
+ --md-sys-color-on-error-container: #ffffff;
1969
+ --md-sys-color-background: #130d0a;
1970
+ --md-sys-color-on-background: #ffffff;
1971
+ --md-sys-color-surface: #130d0a;
1972
+ --md-sys-color-surface-dim: #130d0a;
1973
+ --md-sys-color-surface-bright: #372923;
1974
+ --md-sys-color-surface-container-lowest: #000000;
1975
+ --md-sys-color-surface-container-low: #1a110e;
1976
+ --md-sys-color-surface-container: #211713;
1977
+ --md-sys-color-surface-container-high: #281d18;
1978
+ --md-sys-color-surface-container-highest: #30231d;
1979
+ --md-sys-color-on-surface: #ffffff;
1980
+ --md-sys-color-surface-variant: #30231d;
1981
+ --md-sys-color-on-surface-variant: #cab4ab;
1982
+ --md-sys-color-inverse-surface: #fff8f6;
1983
+ --md-sys-color-inverse-on-surface: #3f3632;
1984
+ --md-sys-color-outline: #a38f87;
1985
+ --md-sys-color-outline-variant: #84726a;
1986
+ --md-sys-color-shadow: #000000;
1987
+ --md-sys-color-scrim: #000000;
1988
+ --md-sys-color-surface-tint: #f7b89b;
1989
+ --md-sys-color-success: #8cc956;
1990
+ --md-sys-color-on-success: #183300;
1991
+ --md-sys-color-success-container: #4b8215;
1992
+ --md-sys-color-on-success-container: #ffffff;
1993
+ --md-sys-color-warning: #fda54c;
1994
+ --md-sys-color-on-warning: #452400;
1995
+ --md-sys-color-warning-container: #ab6307;
1996
+ --md-sys-color-on-warning-container: #ffffff;
1997
+ }
1998
+
1999
+ @media (prefers-color-scheme: dark) {
2000
+ :where([data-theme="sunset"][data-contrast="medium"][data-mode="system"]) {
2001
+ color-scheme: dark;
2002
+ --md-sys-color-primary: #f7b89b;
2003
+ --md-sys-color-on-primary: #532c17;
2004
+ --md-sys-color-primary-container: #9c684f;
2005
+ --md-sys-color-on-primary-container: #ffffff;
2006
+ --md-sys-color-inverse-primary: #784a33;
2007
+ --md-sys-color-primary-fixed: #f7b89b;
2008
+ --md-sys-color-primary-fixed-dim: #e8ab8e;
2009
+ --md-sys-color-on-primary-fixed: #000000;
2010
+ --md-sys-color-on-primary-fixed-variant: #47220e;
2011
+ --md-sys-color-secondary: #e6beac;
2012
+ --md-sys-color-on-secondary: #4a3024;
2013
+ --md-sys-color-secondary-container: #8e6d5e;
2014
+ --md-sys-color-on-secondary-container: #ffffff;
2015
+ --md-sys-color-secondary-fixed: #ffdbcc;
2016
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
2017
+ --md-sys-color-on-secondary-fixed: #301a0f;
2018
+ --md-sys-color-on-secondary-fixed-variant: #54392c;
2019
+ --md-sys-color-tertiary: #ffefcc;
2020
+ --md-sys-color-on-tertiary: #5f4e18;
2021
+ --md-sys-color-tertiary-container: #fae19b;
2022
+ --md-sys-color-on-tertiary-container: #574610;
2023
+ --md-sys-color-tertiary-fixed: #fae19b;
2024
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
2025
+ --md-sys-color-on-tertiary-fixed: #281e00;
2026
+ --md-sys-color-on-tertiary-fixed-variant: #4d3e07;
2027
+ --md-sys-color-error: #ffa089;
2028
+ --md-sys-color-on-error: #5a0e00;
2029
+ --md-sys-color-error-container: #c44f34;
2030
+ --md-sys-color-on-error-container: #ffffff;
2031
+ --md-sys-color-background: #130d0a;
2032
+ --md-sys-color-on-background: #ffffff;
2033
+ --md-sys-color-surface: #130d0a;
2034
+ --md-sys-color-surface-dim: #130d0a;
2035
+ --md-sys-color-surface-bright: #372923;
2036
+ --md-sys-color-surface-container-lowest: #000000;
2037
+ --md-sys-color-surface-container-low: #1a110e;
2038
+ --md-sys-color-surface-container: #211713;
2039
+ --md-sys-color-surface-container-high: #281d18;
2040
+ --md-sys-color-surface-container-highest: #30231d;
2041
+ --md-sys-color-on-surface: #ffffff;
2042
+ --md-sys-color-surface-variant: #30231d;
2043
+ --md-sys-color-on-surface-variant: #cab4ab;
2044
+ --md-sys-color-inverse-surface: #fff8f6;
2045
+ --md-sys-color-inverse-on-surface: #3f3632;
2046
+ --md-sys-color-outline: #a38f87;
2047
+ --md-sys-color-outline-variant: #84726a;
2048
+ --md-sys-color-shadow: #000000;
2049
+ --md-sys-color-scrim: #000000;
2050
+ --md-sys-color-surface-tint: #f7b89b;
2051
+ --md-sys-color-success: #8cc956;
2052
+ --md-sys-color-on-success: #183300;
2053
+ --md-sys-color-success-container: #4b8215;
2054
+ --md-sys-color-on-success-container: #ffffff;
2055
+ --md-sys-color-warning: #fda54c;
2056
+ --md-sys-color-on-warning: #452400;
2057
+ --md-sys-color-warning-container: #ab6307;
2058
+ --md-sys-color-on-warning-container: #ffffff;
2059
+ }
2060
+ }
2061
+
2062
+ :where([data-theme="sunset"][data-contrast="high"]) {
2063
+ color-scheme: light;
2064
+ --md-sys-color-primary: #411701;
2065
+ --md-sys-color-on-primary: #ffd0bb;
2066
+ --md-sys-color-primary-container: #7b4428;
2067
+ --md-sys-color-on-primary-container: #ffffff;
2068
+ --md-sys-color-inverse-primary: #feb28e;
2069
+ --md-sys-color-primary-fixed: #7b4428;
2070
+ --md-sys-color-primary-fixed-dim: #6c391d;
2071
+ --md-sys-color-on-primary-fixed: #ffffff;
2072
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
2073
+ --md-sys-color-secondary: #351e13;
2074
+ --md-sys-color-on-secondary: #fbd1bf;
2075
+ --md-sys-color-secondary-container: #694b3e;
2076
+ --md-sys-color-on-secondary-container: #ffffff;
2077
+ --md-sys-color-secondary-fixed: #694b3e;
2078
+ --md-sys-color-secondary-fixed-dim: #5c4033;
2079
+ --md-sys-color-on-secondary-fixed: #ffffff;
2080
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
2081
+ --md-sys-color-tertiary: #2e2300;
2082
+ --md-sys-color-on-tertiary: #f1d894;
2083
+ --md-sys-color-tertiary-container: #62501a;
2084
+ --md-sys-color-on-tertiary-container: #ffffff;
2085
+ --md-sys-color-tertiary-fixed: #62501a;
2086
+ --md-sys-color-tertiary-fixed-dim: #55450f;
2087
+ --md-sys-color-on-tertiary-fixed: #ffffff;
2088
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
2089
+ --md-sys-color-error: #4c0a00;
2090
+ --md-sys-color-on-error: #ffcfc4;
2091
+ --md-sys-color-error-container: #952e15;
2092
+ --md-sys-color-on-error-container: #ffffff;
2093
+ --md-sys-color-background: #fff8f6;
2094
+ --md-sys-color-on-background: #000000;
2095
+ --md-sys-color-surface: #fff8f6;
2096
+ --md-sys-color-surface-dim: #edd5cc;
2097
+ --md-sys-color-surface-bright: #fff8f6;
2098
+ --md-sys-color-surface-container-lowest: #ffffff;
2099
+ --md-sys-color-surface-container-low: #fff1eb;
2100
+ --md-sys-color-surface-container: #feeae2;
2101
+ --md-sys-color-surface-container-high: #f9e4db;
2102
+ --md-sys-color-surface-container-highest: #f5ded4;
2103
+ --md-sys-color-on-surface: #000000;
2104
+ --md-sys-color-surface-variant: #f5ded4;
2105
+ --md-sys-color-on-surface-variant: #2e211b;
2106
+ --md-sys-color-inverse-surface: #130d0a;
2107
+ --md-sys-color-inverse-on-surface: #ffffff;
2108
+ --md-sys-color-outline: #4f4039;
2109
+ --md-sys-color-outline-variant: #5f4f47;
2110
+ --md-sys-color-shadow: #000000;
2111
+ --md-sys-color-scrim: #000000;
2112
+ --md-sys-color-surface-tint: #411701;
2113
+ --md-sys-color-success: #122900;
2114
+ --md-sys-color-on-success: #acec74;
2115
+ --md-sys-color-success-container: #305d00;
2116
+ --md-sys-color-on-success-container: #ffffff;
2117
+ --md-sys-color-warning: #391d00;
2118
+ --md-sys-color-on-warning: #ffd2ab;
2119
+ --md-sys-color-warning-container: #7b4500;
2120
+ --md-sys-color-on-warning-container: #ffffff;
2121
+ }
2122
+
2123
+ :where([data-theme="sunset"][data-contrast="high"][data-mode="dark"]) {
2124
+ color-scheme: dark;
2125
+ --md-sys-color-primary: #ffdfd1;
2126
+ --md-sys-color-on-primary: #47220e;
2127
+ --md-sys-color-primary-container: #d1967b;
2128
+ --md-sys-color-on-primary-container: #000000;
2129
+ --md-sys-color-inverse-primary: #562e19;
2130
+ --md-sys-color-primary-fixed: #f7b89b;
2131
+ --md-sys-color-primary-fixed-dim: #e8ab8e;
2132
+ --md-sys-color-on-primary-fixed: #000000;
2133
+ --md-sys-color-on-primary-fixed-variant: #000000;
2134
+ --md-sys-color-secondary: #ffdfd1;
2135
+ --md-sys-color-on-secondary: #3e261a;
2136
+ --md-sys-color-secondary-container: #c19c8b;
2137
+ --md-sys-color-on-secondary-container: #000000;
2138
+ --md-sys-color-secondary-fixed: #ffdbcc;
2139
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
2140
+ --md-sys-color-on-secondary-fixed: #000000;
2141
+ --md-sys-color-on-secondary-fixed-variant: #301a0f;
2142
+ --md-sys-color-tertiary: #ffefcc;
2143
+ --md-sys-color-on-tertiary: #403100;
2144
+ --md-sys-color-tertiary-container: #fae19b;
2145
+ --md-sys-color-on-tertiary-container: #352900;
2146
+ --md-sys-color-tertiary-fixed: #fae19b;
2147
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
2148
+ --md-sys-color-on-tertiary-fixed: #000000;
2149
+ --md-sys-color-on-tertiary-fixed-variant: #281e00;
2150
+ --md-sys-color-error: #ffded7;
2151
+ --md-sys-color-on-error: #5a0e00;
2152
+ --md-sys-color-error-container: #ff7e5e;
2153
+ --md-sys-color-on-error-container: #000000;
2154
+ --md-sys-color-background: #130d0a;
2155
+ --md-sys-color-on-background: #ffffff;
2156
+ --md-sys-color-surface: #130d0a;
2157
+ --md-sys-color-surface-dim: #130d0a;
2158
+ --md-sys-color-surface-bright: #372923;
2159
+ --md-sys-color-surface-container-lowest: #000000;
2160
+ --md-sys-color-surface-container-low: #1a110e;
2161
+ --md-sys-color-surface-container: #211713;
2162
+ --md-sys-color-surface-container-high: #281d18;
2163
+ --md-sys-color-surface-container-highest: #30231d;
2164
+ --md-sys-color-on-surface: #ffffff;
2165
+ --md-sys-color-surface-variant: #30231d;
2166
+ --md-sys-color-on-surface-variant: #f8e1d7;
2167
+ --md-sys-color-inverse-surface: #fff8f6;
2168
+ --md-sys-color-inverse-on-surface: #000000;
2169
+ --md-sys-color-outline: #cab4ab;
2170
+ --md-sys-color-outline-variant: #b49f97;
2171
+ --md-sys-color-shadow: #000000;
2172
+ --md-sys-color-scrim: #000000;
2173
+ --md-sys-color-surface-tint: #ffdfd1;
2174
+ --md-sys-color-success: #b7f87e;
2175
+ --md-sys-color-on-success: #183200;
2176
+ --md-sys-color-success-container: #78b443;
2177
+ --md-sys-color-on-success-container: #000000;
2178
+ --md-sys-color-warning: #ffe0c7;
2179
+ --md-sys-color-on-warning: #452400;
2180
+ --md-sys-color-warning-container: #e49139;
2181
+ --md-sys-color-on-warning-container: #000000;
2182
+ }
2183
+
2184
+ @media (prefers-color-scheme: dark) {
2185
+ :where([data-theme="sunset"][data-contrast="high"][data-mode="system"]) {
2186
+ color-scheme: dark;
2187
+ --md-sys-color-primary: #ffdfd1;
2188
+ --md-sys-color-on-primary: #47220e;
2189
+ --md-sys-color-primary-container: #d1967b;
2190
+ --md-sys-color-on-primary-container: #000000;
2191
+ --md-sys-color-inverse-primary: #562e19;
2192
+ --md-sys-color-primary-fixed: #f7b89b;
2193
+ --md-sys-color-primary-fixed-dim: #e8ab8e;
2194
+ --md-sys-color-on-primary-fixed: #000000;
2195
+ --md-sys-color-on-primary-fixed-variant: #000000;
2196
+ --md-sys-color-secondary: #ffdfd1;
2197
+ --md-sys-color-on-secondary: #3e261a;
2198
+ --md-sys-color-secondary-container: #c19c8b;
2199
+ --md-sys-color-on-secondary-container: #000000;
2200
+ --md-sys-color-secondary-fixed: #ffdbcc;
2201
+ --md-sys-color-secondary-fixed-dim: #f5ccba;
2202
+ --md-sys-color-on-secondary-fixed: #000000;
2203
+ --md-sys-color-on-secondary-fixed-variant: #301a0f;
2204
+ --md-sys-color-tertiary: #ffefcc;
2205
+ --md-sys-color-on-tertiary: #403100;
2206
+ --md-sys-color-tertiary-container: #fae19b;
2207
+ --md-sys-color-on-tertiary-container: #352900;
2208
+ --md-sys-color-tertiary-fixed: #fae19b;
2209
+ --md-sys-color-tertiary-fixed-dim: #ebd28f;
2210
+ --md-sys-color-on-tertiary-fixed: #000000;
2211
+ --md-sys-color-on-tertiary-fixed-variant: #281e00;
2212
+ --md-sys-color-error: #ffded7;
2213
+ --md-sys-color-on-error: #5a0e00;
2214
+ --md-sys-color-error-container: #ff7e5e;
2215
+ --md-sys-color-on-error-container: #000000;
2216
+ --md-sys-color-background: #130d0a;
2217
+ --md-sys-color-on-background: #ffffff;
2218
+ --md-sys-color-surface: #130d0a;
2219
+ --md-sys-color-surface-dim: #130d0a;
2220
+ --md-sys-color-surface-bright: #372923;
2221
+ --md-sys-color-surface-container-lowest: #000000;
2222
+ --md-sys-color-surface-container-low: #1a110e;
2223
+ --md-sys-color-surface-container: #211713;
2224
+ --md-sys-color-surface-container-high: #281d18;
2225
+ --md-sys-color-surface-container-highest: #30231d;
2226
+ --md-sys-color-on-surface: #ffffff;
2227
+ --md-sys-color-surface-variant: #30231d;
2228
+ --md-sys-color-on-surface-variant: #f8e1d7;
2229
+ --md-sys-color-inverse-surface: #fff8f6;
2230
+ --md-sys-color-inverse-on-surface: #000000;
2231
+ --md-sys-color-outline: #cab4ab;
2232
+ --md-sys-color-outline-variant: #b49f97;
2233
+ --md-sys-color-shadow: #000000;
2234
+ --md-sys-color-scrim: #000000;
2235
+ --md-sys-color-surface-tint: #ffdfd1;
2236
+ --md-sys-color-success: #b7f87e;
2237
+ --md-sys-color-on-success: #183200;
2238
+ --md-sys-color-success-container: #78b443;
2239
+ --md-sys-color-on-success-container: #000000;
2240
+ --md-sys-color-warning: #ffe0c7;
2241
+ --md-sys-color-on-warning: #452400;
2242
+ --md-sys-color-warning-container: #e49139;
2243
+ --md-sys-color-on-warning-container: #000000;
2244
+ }
2245
+ }
2246
+
2247
+ :where([data-theme="rose"][data-contrast="standard"]),
2248
+ :where([data-theme="rose"]:not([data-contrast])) {
2249
+ color-scheme: light;
2250
+ --md-sys-color-primary: #8c4d4f;
2251
+ --md-sys-color-on-primary: #fff7f6;
2252
+ --md-sys-color-primary-container: #fcacad;
2253
+ --md-sys-color-on-primary-container: #622c2e;
2254
+ --md-sys-color-inverse-primary: #fcacad;
2255
+ --md-sys-color-primary-fixed: #fcacad;
2256
+ --md-sys-color-primary-fixed-dim: #ec9fa0;
2257
+ --md-sys-color-on-primary-fixed: #48171a;
2258
+ --md-sys-color-on-primary-fixed-variant: #6d3436;
2259
+ --md-sys-color-secondary: #775757;
2260
+ --md-sys-color-on-secondary: #fff7f6;
2261
+ --md-sys-color-secondary-container: #ffdad9;
2262
+ --md-sys-color-on-secondary-container: #694a4a;
2263
+ --md-sys-color-secondary-fixed: #ffdad9;
2264
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2265
+ --md-sys-color-on-secondary-fixed: #553838;
2266
+ --md-sys-color-on-secondary-fixed-variant: #735353;
2267
+ --md-sys-color-tertiary: #7a5272;
2268
+ --md-sys-color-on-tertiary: #fff7f9;
2269
+ --md-sys-color-tertiary-container: #f5c2e7;
2270
+ --md-sys-color-on-tertiary-container: #613b59;
2271
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2272
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2273
+ --md-sys-color-on-tertiary-fixed: #4b2845;
2274
+ --md-sys-color-on-tertiary-fixed-variant: #6b4463;
2275
+ --md-sys-color-error: #a73b21;
2276
+ --md-sys-color-on-error: #fff7f6;
2277
+ --md-sys-color-error-container: #fd795a;
2278
+ --md-sys-color-on-error-container: #6e1400;
2279
+ --md-sys-color-background: #fff8f7;
2280
+ --md-sys-color-on-background: #3e2f2f;
2281
+ --md-sys-color-surface: #fff8f7;
2282
+ --md-sys-color-surface-dim: #ecd5d4;
2283
+ --md-sys-color-surface-bright: #fff8f7;
2284
+ --md-sys-color-surface-container-lowest: #ffffff;
2285
+ --md-sys-color-surface-container-low: #fff0f0;
2286
+ --md-sys-color-surface-container: #fee9e8;
2287
+ --md-sys-color-surface-container-high: #f9e3e2;
2288
+ --md-sys-color-surface-container-highest: #f5dddc;
2289
+ --md-sys-color-on-surface: #3e2f2f;
2290
+ --md-sys-color-surface-variant: #f5dddc;
2291
+ --md-sys-color-on-surface-variant: #6d5b5b;
2292
+ --md-sys-color-inverse-surface: #130c0c;
2293
+ --md-sys-color-inverse-on-surface: #a79a99;
2294
+ --md-sys-color-outline: #897676;
2295
+ --md-sys-color-outline-variant: #c3adac;
2296
+ --md-sys-color-shadow: #000000;
2297
+ --md-sys-color-scrim: #000000;
2298
+ --md-sys-color-surface-tint: #8c4d4f;
2299
+ --md-sys-color-success: #386b00;
2300
+ --md-sys-color-on-success: #edffd7;
2301
+ --md-sys-color-success-container: #b5f57b;
2302
+ --md-sys-color-on-success-container: #3c7100;
2303
+ --md-sys-color-warning: #8e5000;
2304
+ --md-sys-color-on-warning: #fff7f4;
2305
+ --md-sys-color-warning-container: #fda54c;
2306
+ --md-sys-color-on-warning-container: #6e3d00;
2307
+ }
2308
+
2309
+ :where([data-theme="rose"][data-contrast="standard"][data-mode="dark"]),
2310
+ :where([data-theme="rose"]:not([data-contrast])[data-mode="dark"]) {
2311
+ color-scheme: dark;
2312
+ --md-sys-color-primary: #f8b6b6;
2313
+ --md-sys-color-on-primary: #613334;
2314
+ --md-sys-color-primary-container: #764546;
2315
+ --md-sys-color-on-primary-container: #ffdbda;
2316
+ --md-sys-color-inverse-primary: #845152;
2317
+ --md-sys-color-primary-fixed: #febbbb;
2318
+ --md-sys-color-primary-fixed-dim: #efaeae;
2319
+ --md-sys-color-on-primary-fixed: #4e2425;
2320
+ --md-sys-color-on-primary-fixed-variant: #703f40;
2321
+ --md-sys-color-secondary: #e6bdbc;
2322
+ --md-sys-color-on-secondary: #553939;
2323
+ --md-sys-color-secondary-container: #503434;
2324
+ --md-sys-color-on-secondary-container: #deb5b5;
2325
+ --md-sys-color-secondary-fixed: #ffdad9;
2326
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2327
+ --md-sys-color-on-secondary-fixed: #553838;
2328
+ --md-sys-color-on-secondary-fixed-variant: #735353;
2329
+ --md-sys-color-tertiary: #ffd3f2;
2330
+ --md-sys-color-on-tertiary: #6a4362;
2331
+ --md-sys-color-tertiary-container: #f5c2e7;
2332
+ --md-sys-color-on-tertiary-container: #613b59;
2333
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2334
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2335
+ --md-sys-color-on-tertiary-fixed: #4b2845;
2336
+ --md-sys-color-on-tertiary-fixed-variant: #6b4463;
2337
+ --md-sys-color-error: #f97758;
2338
+ --md-sys-color-on-error: #450900;
2339
+ --md-sys-color-error-container: #85230a;
2340
+ --md-sys-color-on-error-container: #ff9b82;
2341
+ --md-sys-color-background: #130c0c;
2342
+ --md-sys-color-on-background: #f8e0df;
2343
+ --md-sys-color-surface: #130c0c;
2344
+ --md-sys-color-surface-dim: #130c0c;
2345
+ --md-sys-color-surface-bright: #372929;
2346
+ --md-sys-color-surface-container-lowest: #000000;
2347
+ --md-sys-color-surface-container-low: #1a1111;
2348
+ --md-sys-color-surface-container: #211717;
2349
+ --md-sys-color-surface-container-high: #281d1d;
2350
+ --md-sys-color-surface-container-highest: #302222;
2351
+ --md-sys-color-on-surface: #f8e0df;
2352
+ --md-sys-color-surface-variant: #302222;
2353
+ --md-sys-color-on-surface-variant: #bca6a6;
2354
+ --md-sys-color-inverse-surface: #fff8f7;
2355
+ --md-sys-color-inverse-on-surface: #5d5352;
2356
+ --md-sys-color-outline: #847171;
2357
+ --md-sys-color-outline-variant: #544444;
2358
+ --md-sys-color-shadow: #000000;
2359
+ --md-sys-color-scrim: #000000;
2360
+ --md-sys-color-surface-tint: #f8b6b6;
2361
+ --md-sys-color-success: #73ae3e;
2362
+ --md-sys-color-on-success: #102500;
2363
+ --md-sys-color-success-container: #417806;
2364
+ --md-sys-color-on-success-container: #beff84;
2365
+ --md-sys-color-warning: #dd8b34;
2366
+ --md-sys-color-on-warning: #341a00;
2367
+ --md-sys-color-warning-container: #a86003;
2368
+ --md-sys-color-on-warning-container: #fff7f3;
2369
+ }
2370
+
2371
+ @media (prefers-color-scheme: dark) {
2372
+ :where([data-theme="rose"][data-contrast="standard"][data-mode="system"]),
2373
+ :where([data-theme="rose"]:not([data-contrast])[data-mode="system"]) {
2374
+ color-scheme: dark;
2375
+ --md-sys-color-primary: #f8b6b6;
2376
+ --md-sys-color-on-primary: #613334;
2377
+ --md-sys-color-primary-container: #764546;
2378
+ --md-sys-color-on-primary-container: #ffdbda;
2379
+ --md-sys-color-inverse-primary: #845152;
2380
+ --md-sys-color-primary-fixed: #febbbb;
2381
+ --md-sys-color-primary-fixed-dim: #efaeae;
2382
+ --md-sys-color-on-primary-fixed: #4e2425;
2383
+ --md-sys-color-on-primary-fixed-variant: #703f40;
2384
+ --md-sys-color-secondary: #e6bdbc;
2385
+ --md-sys-color-on-secondary: #553939;
2386
+ --md-sys-color-secondary-container: #503434;
2387
+ --md-sys-color-on-secondary-container: #deb5b5;
2388
+ --md-sys-color-secondary-fixed: #ffdad9;
2389
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2390
+ --md-sys-color-on-secondary-fixed: #553838;
2391
+ --md-sys-color-on-secondary-fixed-variant: #735353;
2392
+ --md-sys-color-tertiary: #ffd3f2;
2393
+ --md-sys-color-on-tertiary: #6a4362;
2394
+ --md-sys-color-tertiary-container: #f5c2e7;
2395
+ --md-sys-color-on-tertiary-container: #613b59;
2396
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2397
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2398
+ --md-sys-color-on-tertiary-fixed: #4b2845;
2399
+ --md-sys-color-on-tertiary-fixed-variant: #6b4463;
2400
+ --md-sys-color-error: #f97758;
2401
+ --md-sys-color-on-error: #450900;
2402
+ --md-sys-color-error-container: #85230a;
2403
+ --md-sys-color-on-error-container: #ff9b82;
2404
+ --md-sys-color-background: #130c0c;
2405
+ --md-sys-color-on-background: #f8e0df;
2406
+ --md-sys-color-surface: #130c0c;
2407
+ --md-sys-color-surface-dim: #130c0c;
2408
+ --md-sys-color-surface-bright: #372929;
2409
+ --md-sys-color-surface-container-lowest: #000000;
2410
+ --md-sys-color-surface-container-low: #1a1111;
2411
+ --md-sys-color-surface-container: #211717;
2412
+ --md-sys-color-surface-container-high: #281d1d;
2413
+ --md-sys-color-surface-container-highest: #302222;
2414
+ --md-sys-color-on-surface: #f8e0df;
2415
+ --md-sys-color-surface-variant: #302222;
2416
+ --md-sys-color-on-surface-variant: #bca6a6;
2417
+ --md-sys-color-inverse-surface: #fff8f7;
2418
+ --md-sys-color-inverse-on-surface: #5d5352;
2419
+ --md-sys-color-outline: #847171;
2420
+ --md-sys-color-outline-variant: #544444;
2421
+ --md-sys-color-shadow: #000000;
2422
+ --md-sys-color-scrim: #000000;
2423
+ --md-sys-color-surface-tint: #f8b6b6;
2424
+ --md-sys-color-success: #73ae3e;
2425
+ --md-sys-color-on-success: #102500;
2426
+ --md-sys-color-success-container: #417806;
2427
+ --md-sys-color-on-success-container: #beff84;
2428
+ --md-sys-color-warning: #dd8b34;
2429
+ --md-sys-color-on-warning: #341a00;
2430
+ --md-sys-color-warning-container: #a86003;
2431
+ --md-sys-color-on-warning-container: #fff7f3;
2432
+ }
2433
+ }
2434
+
2435
+ :where([data-theme="rose"][data-contrast="medium"]) {
2436
+ color-scheme: light;
2437
+ --md-sys-color-primary: #6a3234;
2438
+ --md-sys-color-on-primary: #ffcece;
2439
+ --md-sys-color-primary-container: #a56263;
2440
+ --md-sys-color-on-primary-container: #ffffff;
2441
+ --md-sys-color-inverse-primary: #fcacad;
2442
+ --md-sys-color-primary-fixed: #a56263;
2443
+ --md-sys-color-primary-fixed-dim: #965657;
2444
+ --md-sys-color-on-primary-fixed: #ffffff;
2445
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
2446
+ --md-sys-color-secondary: #583b3b;
2447
+ --md-sys-color-on-secondary: #facfcf;
2448
+ --md-sys-color-secondary-container: #8f6c6c;
2449
+ --md-sys-color-on-secondary-container: #ffffff;
2450
+ --md-sys-color-secondary-fixed: #8f6c6c;
2451
+ --md-sys-color-secondary-fixed-dim: #816060;
2452
+ --md-sys-color-on-secondary-fixed: #ffffff;
2453
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
2454
+ --md-sys-color-tertiary: #5c3654;
2455
+ --md-sys-color-on-tertiary: #fecaf0;
2456
+ --md-sys-color-tertiary-container: #926788;
2457
+ --md-sys-color-on-tertiary-container: #ffffff;
2458
+ --md-sys-color-tertiary-fixed: #926788;
2459
+ --md-sys-color-tertiary-fixed-dim: #845b7b;
2460
+ --md-sys-color-on-tertiary-fixed: #ffffff;
2461
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
2462
+ --md-sys-color-error: #801f07;
2463
+ --md-sys-color-on-error: #ffcfc4;
2464
+ --md-sys-color-error-container: #c44f34;
2465
+ --md-sys-color-on-error-container: #ffffff;
2466
+ --md-sys-color-background: #fff8f7;
2467
+ --md-sys-color-on-background: #2e2121;
2468
+ --md-sys-color-surface: #fff8f7;
2469
+ --md-sys-color-surface-dim: #ecd5d4;
2470
+ --md-sys-color-surface-bright: #fff8f7;
2471
+ --md-sys-color-surface-container-lowest: #ffffff;
2472
+ --md-sys-color-surface-container-low: #fff0f0;
2473
+ --md-sys-color-surface-container: #fee9e8;
2474
+ --md-sys-color-surface-container-high: #f9e3e2;
2475
+ --md-sys-color-surface-container-highest: #f5dddc;
2476
+ --md-sys-color-on-surface: #2e2121;
2477
+ --md-sys-color-surface-variant: #f5dddc;
2478
+ --md-sys-color-on-surface-variant: #4f3f3f;
2479
+ --md-sys-color-inverse-surface: #130c0c;
2480
+ --md-sys-color-inverse-on-surface: #d0c1c1;
2481
+ --md-sys-color-outline: #6d5b5b;
2482
+ --md-sys-color-outline-variant: #897676;
2483
+ --md-sys-color-shadow: #000000;
2484
+ --md-sys-color-scrim: #000000;
2485
+ --md-sys-color-surface-tint: #6a3234;
2486
+ --md-sys-color-success: #264c00;
2487
+ --md-sys-color-on-success: #acec74;
2488
+ --md-sys-color-success-container: #4b8215;
2489
+ --md-sys-color-on-success-container: #ffffff;
2490
+ --md-sys-color-warning: #653800;
2491
+ --md-sys-color-on-warning: #ffd1aa;
2492
+ --md-sys-color-warning-container: #ab6307;
2493
+ --md-sys-color-on-warning-container: #ffffff;
2494
+ }
2495
+
2496
+ :where([data-theme="rose"][data-contrast="medium"][data-mode="dark"]) {
2497
+ color-scheme: dark;
2498
+ --md-sys-color-primary: #f8b6b6;
2499
+ --md-sys-color-on-primary: #55292b;
2500
+ --md-sys-color-primary-container: #9d6667;
2501
+ --md-sys-color-on-primary-container: #ffffff;
2502
+ --md-sys-color-inverse-primary: #794748;
2503
+ --md-sys-color-primary-fixed: #febbbb;
2504
+ --md-sys-color-primary-fixed-dim: #efaeae;
2505
+ --md-sys-color-on-primary-fixed: #0e0001;
2506
+ --md-sys-color-on-primary-fixed-variant: #4e2425;
2507
+ --md-sys-color-secondary: #e6bdbc;
2508
+ --md-sys-color-on-secondary: #4a2f2f;
2509
+ --md-sys-color-secondary-container: #8f6c6c;
2510
+ --md-sys-color-on-secondary-container: #ffffff;
2511
+ --md-sys-color-secondary-fixed: #ffdad9;
2512
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2513
+ --md-sys-color-on-secondary-fixed: #311919;
2514
+ --md-sys-color-on-secondary-fixed-variant: #553838;
2515
+ --md-sys-color-tertiary: #ffd3f2;
2516
+ --md-sys-color-on-tertiary: #5f3a58;
2517
+ --md-sys-color-tertiary-container: #f5c2e7;
2518
+ --md-sys-color-on-tertiary-container: #56314f;
2519
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2520
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2521
+ --md-sys-color-on-tertiary-fixed: #1e021b;
2522
+ --md-sys-color-on-tertiary-fixed-variant: #4b2845;
2523
+ --md-sys-color-error: #ffa089;
2524
+ --md-sys-color-on-error: #5a0e00;
2525
+ --md-sys-color-error-container: #c44f34;
2526
+ --md-sys-color-on-error-container: #ffffff;
2527
+ --md-sys-color-background: #130c0c;
2528
+ --md-sys-color-on-background: #ffffff;
2529
+ --md-sys-color-surface: #130c0c;
2530
+ --md-sys-color-surface-dim: #130c0c;
2531
+ --md-sys-color-surface-bright: #372929;
2532
+ --md-sys-color-surface-container-lowest: #000000;
2533
+ --md-sys-color-surface-container-low: #1a1111;
2534
+ --md-sys-color-surface-container: #211717;
2535
+ --md-sys-color-surface-container-high: #281d1d;
2536
+ --md-sys-color-surface-container-highest: #302222;
2537
+ --md-sys-color-on-surface: #ffffff;
2538
+ --md-sys-color-surface-variant: #302222;
2539
+ --md-sys-color-on-surface-variant: #cab4b3;
2540
+ --md-sys-color-inverse-surface: #fff8f7;
2541
+ --md-sys-color-inverse-on-surface: #3f3636;
2542
+ --md-sys-color-outline: #a38f8e;
2543
+ --md-sys-color-outline-variant: #847171;
2544
+ --md-sys-color-shadow: #000000;
2545
+ --md-sys-color-scrim: #000000;
2546
+ --md-sys-color-surface-tint: #f8b6b6;
2547
+ --md-sys-color-success: #8cc956;
2548
+ --md-sys-color-on-success: #183300;
2549
+ --md-sys-color-success-container: #4b8215;
2550
+ --md-sys-color-on-success-container: #ffffff;
2551
+ --md-sys-color-warning: #fda54c;
2552
+ --md-sys-color-on-warning: #452400;
2553
+ --md-sys-color-warning-container: #ab6307;
2554
+ --md-sys-color-on-warning-container: #ffffff;
2555
+ }
2556
+
2557
+ @media (prefers-color-scheme: dark) {
2558
+ :where([data-theme="rose"][data-contrast="medium"][data-mode="system"]) {
2559
+ color-scheme: dark;
2560
+ --md-sys-color-primary: #f8b6b6;
2561
+ --md-sys-color-on-primary: #55292b;
2562
+ --md-sys-color-primary-container: #9d6667;
2563
+ --md-sys-color-on-primary-container: #ffffff;
2564
+ --md-sys-color-inverse-primary: #794748;
2565
+ --md-sys-color-primary-fixed: #febbbb;
2566
+ --md-sys-color-primary-fixed-dim: #efaeae;
2567
+ --md-sys-color-on-primary-fixed: #0e0001;
2568
+ --md-sys-color-on-primary-fixed-variant: #4e2425;
2569
+ --md-sys-color-secondary: #e6bdbc;
2570
+ --md-sys-color-on-secondary: #4a2f2f;
2571
+ --md-sys-color-secondary-container: #8f6c6c;
2572
+ --md-sys-color-on-secondary-container: #ffffff;
2573
+ --md-sys-color-secondary-fixed: #ffdad9;
2574
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2575
+ --md-sys-color-on-secondary-fixed: #311919;
2576
+ --md-sys-color-on-secondary-fixed-variant: #553838;
2577
+ --md-sys-color-tertiary: #ffd3f2;
2578
+ --md-sys-color-on-tertiary: #5f3a58;
2579
+ --md-sys-color-tertiary-container: #f5c2e7;
2580
+ --md-sys-color-on-tertiary-container: #56314f;
2581
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2582
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2583
+ --md-sys-color-on-tertiary-fixed: #1e021b;
2584
+ --md-sys-color-on-tertiary-fixed-variant: #4b2845;
2585
+ --md-sys-color-error: #ffa089;
2586
+ --md-sys-color-on-error: #5a0e00;
2587
+ --md-sys-color-error-container: #c44f34;
2588
+ --md-sys-color-on-error-container: #ffffff;
2589
+ --md-sys-color-background: #130c0c;
2590
+ --md-sys-color-on-background: #ffffff;
2591
+ --md-sys-color-surface: #130c0c;
2592
+ --md-sys-color-surface-dim: #130c0c;
2593
+ --md-sys-color-surface-bright: #372929;
2594
+ --md-sys-color-surface-container-lowest: #000000;
2595
+ --md-sys-color-surface-container-low: #1a1111;
2596
+ --md-sys-color-surface-container: #211717;
2597
+ --md-sys-color-surface-container-high: #281d1d;
2598
+ --md-sys-color-surface-container-highest: #302222;
2599
+ --md-sys-color-on-surface: #ffffff;
2600
+ --md-sys-color-surface-variant: #302222;
2601
+ --md-sys-color-on-surface-variant: #cab4b3;
2602
+ --md-sys-color-inverse-surface: #fff8f7;
2603
+ --md-sys-color-inverse-on-surface: #3f3636;
2604
+ --md-sys-color-outline: #a38f8e;
2605
+ --md-sys-color-outline-variant: #847171;
2606
+ --md-sys-color-shadow: #000000;
2607
+ --md-sys-color-scrim: #000000;
2608
+ --md-sys-color-surface-tint: #f8b6b6;
2609
+ --md-sys-color-success: #8cc956;
2610
+ --md-sys-color-on-success: #183300;
2611
+ --md-sys-color-success-container: #4b8215;
2612
+ --md-sys-color-on-success-container: #ffffff;
2613
+ --md-sys-color-warning: #fda54c;
2614
+ --md-sys-color-on-warning: #452400;
2615
+ --md-sys-color-warning-container: #ab6307;
2616
+ --md-sys-color-on-warning-container: #ffffff;
2617
+ }
2618
+ }
2619
+
2620
+ :where([data-theme="rose"][data-contrast="high"]) {
2621
+ color-scheme: light;
2622
+ --md-sys-color-primary: #431417;
2623
+ --md-sys-color-on-primary: #ffcece;
2624
+ --md-sys-color-primary-container: #7c4142;
2625
+ --md-sys-color-on-primary-container: #ffffff;
2626
+ --md-sys-color-inverse-primary: #ffb0b1;
2627
+ --md-sys-color-primary-fixed: #7c4142;
2628
+ --md-sys-color-primary-fixed-dim: #6e3537;
2629
+ --md-sys-color-on-primary-fixed: #ffffff;
2630
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
2631
+ --md-sys-color-secondary: #361d1e;
2632
+ --md-sys-color-on-secondary: #fbd0cf;
2633
+ --md-sys-color-secondary-container: #694a4a;
2634
+ --md-sys-color-on-secondary-container: #ffffff;
2635
+ --md-sys-color-secondary-fixed: #694a4a;
2636
+ --md-sys-color-secondary-fixed-dim: #5c3f3f;
2637
+ --md-sys-color-on-secondary-fixed: #ffffff;
2638
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
2639
+ --md-sys-color-tertiary: #391834;
2640
+ --md-sys-color-on-tertiary: #fecbf0;
2641
+ --md-sys-color-tertiary-container: #6c4564;
2642
+ --md-sys-color-on-tertiary-container: #ffffff;
2643
+ --md-sys-color-tertiary-fixed: #6c4564;
2644
+ --md-sys-color-tertiary-fixed-dim: #603a58;
2645
+ --md-sys-color-on-tertiary-fixed: #ffffff;
2646
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
2647
+ --md-sys-color-error: #4c0a00;
2648
+ --md-sys-color-on-error: #ffcfc4;
2649
+ --md-sys-color-error-container: #952e15;
2650
+ --md-sys-color-on-error-container: #ffffff;
2651
+ --md-sys-color-background: #fff8f7;
2652
+ --md-sys-color-on-background: #000000;
2653
+ --md-sys-color-surface: #fff8f7;
2654
+ --md-sys-color-surface-dim: #ecd5d4;
2655
+ --md-sys-color-surface-bright: #fff8f7;
2656
+ --md-sys-color-surface-container-lowest: #ffffff;
2657
+ --md-sys-color-surface-container-low: #fff0f0;
2658
+ --md-sys-color-surface-container: #fee9e8;
2659
+ --md-sys-color-surface-container-high: #f9e3e2;
2660
+ --md-sys-color-surface-container-highest: #f5dddc;
2661
+ --md-sys-color-on-surface: #000000;
2662
+ --md-sys-color-surface-variant: #f5dddc;
2663
+ --md-sys-color-on-surface-variant: #2e2121;
2664
+ --md-sys-color-inverse-surface: #130c0c;
2665
+ --md-sys-color-inverse-on-surface: #ffffff;
2666
+ --md-sys-color-outline: #4f3f3f;
2667
+ --md-sys-color-outline-variant: #5f4e4e;
2668
+ --md-sys-color-shadow: #000000;
2669
+ --md-sys-color-scrim: #000000;
2670
+ --md-sys-color-surface-tint: #431417;
2671
+ --md-sys-color-success: #122900;
2672
+ --md-sys-color-on-success: #acec74;
2673
+ --md-sys-color-success-container: #305d00;
2674
+ --md-sys-color-on-success-container: #ffffff;
2675
+ --md-sys-color-warning: #391d00;
2676
+ --md-sys-color-on-warning: #ffd2ab;
2677
+ --md-sys-color-warning-container: #7b4500;
2678
+ --md-sys-color-on-warning-container: #ffffff;
2679
+ }
2680
+
2681
+ :where([data-theme="rose"][data-contrast="high"][data-mode="dark"]) {
2682
+ color-scheme: dark;
2683
+ --md-sys-color-primary: #ffdedd;
2684
+ --md-sys-color-on-primary: #491f21;
2685
+ --md-sys-color-primary-container: #d29494;
2686
+ --md-sys-color-on-primary-container: #000000;
2687
+ --md-sys-color-inverse-primary: #572b2d;
2688
+ --md-sys-color-primary-fixed: #febbbb;
2689
+ --md-sys-color-primary-fixed-dim: #efaeae;
2690
+ --md-sys-color-on-primary-fixed: #000000;
2691
+ --md-sys-color-on-primary-fixed-variant: #0e0001;
2692
+ --md-sys-color-secondary: #ffdedd;
2693
+ --md-sys-color-on-secondary: #3f2525;
2694
+ --md-sys-color-secondary-container: #c19a9a;
2695
+ --md-sys-color-on-secondary-container: #000000;
2696
+ --md-sys-color-secondary-fixed: #ffdad9;
2697
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2698
+ --md-sys-color-on-secondary-fixed: #000000;
2699
+ --md-sys-color-on-secondary-fixed-variant: #311919;
2700
+ --md-sys-color-tertiary: #ffdbf3;
2701
+ --md-sys-color-on-tertiary: #42203c;
2702
+ --md-sys-color-tertiary-container: #f5c2e7;
2703
+ --md-sys-color-on-tertiary-container: #31112c;
2704
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2705
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2706
+ --md-sys-color-on-tertiary-fixed: #000000;
2707
+ --md-sys-color-on-tertiary-fixed-variant: #1e021b;
2708
+ --md-sys-color-error: #ffded7;
2709
+ --md-sys-color-on-error: #5a0e00;
2710
+ --md-sys-color-error-container: #ff7e5e;
2711
+ --md-sys-color-on-error-container: #000000;
2712
+ --md-sys-color-background: #130c0c;
2713
+ --md-sys-color-on-background: #ffffff;
2714
+ --md-sys-color-surface: #130c0c;
2715
+ --md-sys-color-surface-dim: #130c0c;
2716
+ --md-sys-color-surface-bright: #372929;
2717
+ --md-sys-color-surface-container-lowest: #000000;
2718
+ --md-sys-color-surface-container-low: #1a1111;
2719
+ --md-sys-color-surface-container: #211717;
2720
+ --md-sys-color-surface-container-high: #281d1d;
2721
+ --md-sys-color-surface-container-highest: #302222;
2722
+ --md-sys-color-on-surface: #ffffff;
2723
+ --md-sys-color-surface-variant: #302222;
2724
+ --md-sys-color-on-surface-variant: #f8e0df;
2725
+ --md-sys-color-inverse-surface: #fff8f7;
2726
+ --md-sys-color-inverse-on-surface: #000000;
2727
+ --md-sys-color-outline: #cab4b3;
2728
+ --md-sys-color-outline-variant: #b49f9e;
2729
+ --md-sys-color-shadow: #000000;
2730
+ --md-sys-color-scrim: #000000;
2731
+ --md-sys-color-surface-tint: #ffdedd;
2732
+ --md-sys-color-success: #b7f87e;
2733
+ --md-sys-color-on-success: #183200;
2734
+ --md-sys-color-success-container: #78b443;
2735
+ --md-sys-color-on-success-container: #000000;
2736
+ --md-sys-color-warning: #ffe0c7;
2737
+ --md-sys-color-on-warning: #452400;
2738
+ --md-sys-color-warning-container: #e49139;
2739
+ --md-sys-color-on-warning-container: #000000;
2740
+ }
2741
+
2742
+ @media (prefers-color-scheme: dark) {
2743
+ :where([data-theme="rose"][data-contrast="high"][data-mode="system"]) {
2744
+ color-scheme: dark;
2745
+ --md-sys-color-primary: #ffdedd;
2746
+ --md-sys-color-on-primary: #491f21;
2747
+ --md-sys-color-primary-container: #d29494;
2748
+ --md-sys-color-on-primary-container: #000000;
2749
+ --md-sys-color-inverse-primary: #572b2d;
2750
+ --md-sys-color-primary-fixed: #febbbb;
2751
+ --md-sys-color-primary-fixed-dim: #efaeae;
2752
+ --md-sys-color-on-primary-fixed: #000000;
2753
+ --md-sys-color-on-primary-fixed-variant: #0e0001;
2754
+ --md-sys-color-secondary: #ffdedd;
2755
+ --md-sys-color-on-secondary: #3f2525;
2756
+ --md-sys-color-secondary-container: #c19a9a;
2757
+ --md-sys-color-on-secondary-container: #000000;
2758
+ --md-sys-color-secondary-fixed: #ffdad9;
2759
+ --md-sys-color-secondary-fixed-dim: #f5caca;
2760
+ --md-sys-color-on-secondary-fixed: #000000;
2761
+ --md-sys-color-on-secondary-fixed-variant: #311919;
2762
+ --md-sys-color-tertiary: #ffdbf3;
2763
+ --md-sys-color-on-tertiary: #42203c;
2764
+ --md-sys-color-tertiary-container: #f5c2e7;
2765
+ --md-sys-color-on-tertiary-container: #31112c;
2766
+ --md-sys-color-tertiary-fixed: #f5c2e7;
2767
+ --md-sys-color-tertiary-fixed-dim: #e7b5d9;
2768
+ --md-sys-color-on-tertiary-fixed: #000000;
2769
+ --md-sys-color-on-tertiary-fixed-variant: #1e021b;
2770
+ --md-sys-color-error: #ffded7;
2771
+ --md-sys-color-on-error: #5a0e00;
2772
+ --md-sys-color-error-container: #ff7e5e;
2773
+ --md-sys-color-on-error-container: #000000;
2774
+ --md-sys-color-background: #130c0c;
2775
+ --md-sys-color-on-background: #ffffff;
2776
+ --md-sys-color-surface: #130c0c;
2777
+ --md-sys-color-surface-dim: #130c0c;
2778
+ --md-sys-color-surface-bright: #372929;
2779
+ --md-sys-color-surface-container-lowest: #000000;
2780
+ --md-sys-color-surface-container-low: #1a1111;
2781
+ --md-sys-color-surface-container: #211717;
2782
+ --md-sys-color-surface-container-high: #281d1d;
2783
+ --md-sys-color-surface-container-highest: #302222;
2784
+ --md-sys-color-on-surface: #ffffff;
2785
+ --md-sys-color-surface-variant: #302222;
2786
+ --md-sys-color-on-surface-variant: #f8e0df;
2787
+ --md-sys-color-inverse-surface: #fff8f7;
2788
+ --md-sys-color-inverse-on-surface: #000000;
2789
+ --md-sys-color-outline: #cab4b3;
2790
+ --md-sys-color-outline-variant: #b49f9e;
2791
+ --md-sys-color-shadow: #000000;
2792
+ --md-sys-color-scrim: #000000;
2793
+ --md-sys-color-surface-tint: #ffdedd;
2794
+ --md-sys-color-success: #b7f87e;
2795
+ --md-sys-color-on-success: #183200;
2796
+ --md-sys-color-success-container: #78b443;
2797
+ --md-sys-color-on-success-container: #000000;
2798
+ --md-sys-color-warning: #ffe0c7;
2799
+ --md-sys-color-on-warning: #452400;
2800
+ --md-sys-color-warning-container: #e49139;
2801
+ --md-sys-color-on-warning-container: #000000;
2802
+ }
2803
+ }
2804
+
2805
+ :where([data-theme="slate"][data-contrast="standard"]),
2806
+ :where([data-theme="slate"]:not([data-contrast])) {
2807
+ color-scheme: light;
2808
+ --md-sys-color-primary: #585f6b;
2809
+ --md-sys-color-on-primary: #f6f7ff;
2810
+ --md-sys-color-primary-container: #dce3f2;
2811
+ --md-sys-color-on-primary-container: #4b525e;
2812
+ --md-sys-color-inverse-primary: #e4ebfa;
2813
+ --md-sys-color-primary-fixed: #dce3f2;
2814
+ --md-sys-color-primary-fixed-dim: #ced5e3;
2815
+ --md-sys-color-on-primary-fixed: #39404b;
2816
+ --md-sys-color-on-primary-fixed-variant: #555c68;
2817
+ --md-sys-color-secondary: #5d5f64;
2818
+ --md-sys-color-on-secondary: #f8f8ff;
2819
+ --md-sys-color-secondary-container: #e1e2e9;
2820
+ --md-sys-color-on-secondary-container: #4f5257;
2821
+ --md-sys-color-secondary-fixed: #e1e2e9;
2822
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
2823
+ --md-sys-color-on-secondary-fixed: #3d3f44;
2824
+ --md-sys-color-on-secondary-fixed-variant: #595b61;
2825
+ --md-sys-color-tertiary: #5b5d78;
2826
+ --md-sys-color-on-tertiary: #fbf8ff;
2827
+ --md-sys-color-tertiary-container: #ddddfe;
2828
+ --md-sys-color-on-tertiary-container: #4c4e68;
2829
+ --md-sys-color-tertiary-fixed: #ddddfe;
2830
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
2831
+ --md-sys-color-on-tertiary-fixed: #3a3c55;
2832
+ --md-sys-color-on-tertiary-fixed-variant: #565873;
2833
+ --md-sys-color-error: #9f403d;
2834
+ --md-sys-color-on-error: #fff7f6;
2835
+ --md-sys-color-error-container: #fe8983;
2836
+ --md-sys-color-on-error-container: #752121;
2837
+ --md-sys-color-background: #fcf8f9;
2838
+ --md-sys-color-on-background: #323235;
2839
+ --md-sys-color-surface: #fcf8f9;
2840
+ --md-sys-color-surface-dim: #dbd9dd;
2841
+ --md-sys-color-surface-bright: #fcf8f9;
2842
+ --md-sys-color-surface-container-lowest: #ffffff;
2843
+ --md-sys-color-surface-container-low: #f6f3f4;
2844
+ --md-sys-color-surface-container: #f0edef;
2845
+ --md-sys-color-surface-container-high: #e9e7ea;
2846
+ --md-sys-color-surface-container-highest: #e3e2e4;
2847
+ --md-sys-color-on-surface: #323235;
2848
+ --md-sys-color-surface-variant: #e3e2e4;
2849
+ --md-sys-color-on-surface-variant: #5f5f61;
2850
+ --md-sys-color-inverse-surface: #0e0e0f;
2851
+ --md-sys-color-inverse-on-surface: #9e9c9d;
2852
+ --md-sys-color-outline: #7b7a7d;
2853
+ --md-sys-color-outline-variant: #b2b1b4;
2854
+ --md-sys-color-shadow: #000000;
2855
+ --md-sys-color-scrim: #000000;
2856
+ --md-sys-color-surface-tint: #585f6b;
2857
+ --md-sys-color-success: #006d49;
2858
+ --md-sys-color-on-success: #e6ffee;
2859
+ --md-sys-color-success-container: #8af8c2;
2860
+ --md-sys-color-on-success-container: #00734e;
2861
+ --md-sys-color-warning: #8e5000;
2862
+ --md-sys-color-on-warning: #fff7f4;
2863
+ --md-sys-color-warning-container: #fda54c;
2864
+ --md-sys-color-on-warning-container: #6e3d00;
2865
+ }
2866
+
2867
+ :where([data-theme="slate"][data-contrast="standard"][data-mode="dark"]),
2868
+ :where([data-theme="slate"]:not([data-contrast])[data-mode="dark"]) {
2869
+ color-scheme: dark;
2870
+ --md-sys-color-primary: #c0c7d5;
2871
+ --md-sys-color-on-primary: #39414c;
2872
+ --md-sys-color-primary-container: #404753;
2873
+ --md-sys-color-on-primary-container: #cad0df;
2874
+ --md-sys-color-inverse-primary: #585f6c;
2875
+ --md-sys-color-primary-fixed: #dce3f2;
2876
+ --md-sys-color-primary-fixed-dim: #ced5e3;
2877
+ --md-sys-color-on-primary-fixed: #39404b;
2878
+ --md-sys-color-on-primary-fixed-variant: #555c68;
2879
+ --md-sys-color-secondary: #9c9ea4;
2880
+ --md-sys-color-on-secondary: #1e2025;
2881
+ --md-sys-color-secondary-container: #393b41;
2882
+ --md-sys-color-on-secondary-container: #bebfc5;
2883
+ --md-sys-color-secondary-fixed: #e1e2e9;
2884
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
2885
+ --md-sys-color-on-secondary-fixed: #3d3f44;
2886
+ --md-sys-color-on-secondary-fixed-variant: #595b61;
2887
+ --md-sys-color-tertiary: #eeecff;
2888
+ --md-sys-color-on-tertiary: #555671;
2889
+ --md-sys-color-tertiary-container: #ddddfe;
2890
+ --md-sys-color-on-tertiary-container: #4c4e68;
2891
+ --md-sys-color-tertiary-fixed: #ddddfe;
2892
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
2893
+ --md-sys-color-on-tertiary-fixed: #3a3c55;
2894
+ --md-sys-color-on-tertiary-fixed-variant: #565873;
2895
+ --md-sys-color-error: #ee7d77;
2896
+ --md-sys-color-on-error: #490106;
2897
+ --md-sys-color-error-container: #7f2927;
2898
+ --md-sys-color-on-error-container: #ff9993;
2899
+ --md-sys-color-background: #0e0e0f;
2900
+ --md-sys-color-on-background: #e6e5e7;
2901
+ --md-sys-color-surface: #0e0e0f;
2902
+ --md-sys-color-surface-dim: #0e0e0f;
2903
+ --md-sys-color-surface-bright: #2b2c2f;
2904
+ --md-sys-color-surface-container-lowest: #000000;
2905
+ --md-sys-color-surface-container-low: #131314;
2906
+ --md-sys-color-surface-container: #19191b;
2907
+ --md-sys-color-surface-container-high: #1f1f21;
2908
+ --md-sys-color-surface-container-highest: #252628;
2909
+ --md-sys-color-on-surface: #e6e5e7;
2910
+ --md-sys-color-surface-variant: #252628;
2911
+ --md-sys-color-on-surface-variant: #ababad;
2912
+ --md-sys-color-inverse-surface: #fcf8f9;
2913
+ --md-sys-color-inverse-on-surface: #565555;
2914
+ --md-sys-color-outline: #757578;
2915
+ --md-sys-color-outline-variant: #47484a;
2916
+ --md-sys-color-shadow: #000000;
2917
+ --md-sys-color-scrim: #000000;
2918
+ --md-sys-color-surface-tint: #c0c7d5;
2919
+ --md-sys-color-success: #40b181;
2920
+ --md-sys-color-on-success: #002617;
2921
+ --md-sys-color-success-container: #028e61;
2922
+ --md-sys-color-on-success-container: #00150b;
2923
+ --md-sys-color-warning: #dd8b34;
2924
+ --md-sys-color-on-warning: #341a00;
2925
+ --md-sys-color-warning-container: #a86003;
2926
+ --md-sys-color-on-warning-container: #fff7f3;
2927
+ }
2928
+
2929
+ @media (prefers-color-scheme: dark) {
2930
+ :where([data-theme="slate"][data-contrast="standard"][data-mode="system"]),
2931
+ :where([data-theme="slate"]:not([data-contrast])[data-mode="system"]) {
2932
+ color-scheme: dark;
2933
+ --md-sys-color-primary: #c0c7d5;
2934
+ --md-sys-color-on-primary: #39414c;
2935
+ --md-sys-color-primary-container: #404753;
2936
+ --md-sys-color-on-primary-container: #cad0df;
2937
+ --md-sys-color-inverse-primary: #585f6c;
2938
+ --md-sys-color-primary-fixed: #dce3f2;
2939
+ --md-sys-color-primary-fixed-dim: #ced5e3;
2940
+ --md-sys-color-on-primary-fixed: #39404b;
2941
+ --md-sys-color-on-primary-fixed-variant: #555c68;
2942
+ --md-sys-color-secondary: #9c9ea4;
2943
+ --md-sys-color-on-secondary: #1e2025;
2944
+ --md-sys-color-secondary-container: #393b41;
2945
+ --md-sys-color-on-secondary-container: #bebfc5;
2946
+ --md-sys-color-secondary-fixed: #e1e2e9;
2947
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
2948
+ --md-sys-color-on-secondary-fixed: #3d3f44;
2949
+ --md-sys-color-on-secondary-fixed-variant: #595b61;
2950
+ --md-sys-color-tertiary: #eeecff;
2951
+ --md-sys-color-on-tertiary: #555671;
2952
+ --md-sys-color-tertiary-container: #ddddfe;
2953
+ --md-sys-color-on-tertiary-container: #4c4e68;
2954
+ --md-sys-color-tertiary-fixed: #ddddfe;
2955
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
2956
+ --md-sys-color-on-tertiary-fixed: #3a3c55;
2957
+ --md-sys-color-on-tertiary-fixed-variant: #565873;
2958
+ --md-sys-color-error: #ee7d77;
2959
+ --md-sys-color-on-error: #490106;
2960
+ --md-sys-color-error-container: #7f2927;
2961
+ --md-sys-color-on-error-container: #ff9993;
2962
+ --md-sys-color-background: #0e0e0f;
2963
+ --md-sys-color-on-background: #e6e5e7;
2964
+ --md-sys-color-surface: #0e0e0f;
2965
+ --md-sys-color-surface-dim: #0e0e0f;
2966
+ --md-sys-color-surface-bright: #2b2c2f;
2967
+ --md-sys-color-surface-container-lowest: #000000;
2968
+ --md-sys-color-surface-container-low: #131314;
2969
+ --md-sys-color-surface-container: #19191b;
2970
+ --md-sys-color-surface-container-high: #1f1f21;
2971
+ --md-sys-color-surface-container-highest: #252628;
2972
+ --md-sys-color-on-surface: #e6e5e7;
2973
+ --md-sys-color-surface-variant: #252628;
2974
+ --md-sys-color-on-surface-variant: #ababad;
2975
+ --md-sys-color-inverse-surface: #fcf8f9;
2976
+ --md-sys-color-inverse-on-surface: #565555;
2977
+ --md-sys-color-outline: #757578;
2978
+ --md-sys-color-outline-variant: #47484a;
2979
+ --md-sys-color-shadow: #000000;
2980
+ --md-sys-color-scrim: #000000;
2981
+ --md-sys-color-surface-tint: #c0c7d5;
2982
+ --md-sys-color-success: #40b181;
2983
+ --md-sys-color-on-success: #002617;
2984
+ --md-sys-color-success-container: #028e61;
2985
+ --md-sys-color-on-success-container: #00150b;
2986
+ --md-sys-color-warning: #dd8b34;
2987
+ --md-sys-color-on-warning: #341a00;
2988
+ --md-sys-color-warning-container: #a86003;
2989
+ --md-sys-color-on-warning-container: #fff7f3;
2990
+ }
2991
+ }
2992
+
2993
+ :where([data-theme="slate"][data-contrast="medium"]) {
2994
+ color-scheme: light;
2995
+ --md-sys-color-primary: #3c434f;
2996
+ --md-sys-color-on-primary: #d3dae9;
2997
+ --md-sys-color-primary-container: #6e7582;
2998
+ --md-sys-color-on-primary-container: #ffffff;
2999
+ --md-sys-color-inverse-primary: #e4ebfa;
3000
+ --md-sys-color-primary-fixed: #6e7582;
3001
+ --md-sys-color-primary-fixed-dim: #616875;
3002
+ --md-sys-color-on-primary-fixed: #ffffff;
3003
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
3004
+ --md-sys-color-secondary: #404348;
3005
+ --md-sys-color-on-secondary: #d8d9e0;
3006
+ --md-sys-color-secondary-container: #72747a;
3007
+ --md-sys-color-on-secondary-container: #ffffff;
3008
+ --md-sys-color-secondary-fixed: #72747a;
3009
+ --md-sys-color-secondary-fixed-dim: #66686e;
3010
+ --md-sys-color-on-secondary-fixed: #ffffff;
3011
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
3012
+ --md-sys-color-tertiary: #3f415b;
3013
+ --md-sys-color-on-tertiary: #d7d7f7;
3014
+ --md-sys-color-tertiary-container: #71728f;
3015
+ --md-sys-color-on-tertiary-container: #ffffff;
3016
+ --md-sys-color-tertiary-fixed: #71728f;
3017
+ --md-sys-color-tertiary-fixed-dim: #656682;
3018
+ --md-sys-color-on-tertiary-fixed: #ffffff;
3019
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
3020
+ --md-sys-color-error: #7a2524;
3021
+ --md-sys-color-on-error: #ffceca;
3022
+ --md-sys-color-error-container: #bb5551;
3023
+ --md-sys-color-on-error-container: #ffffff;
3024
+ --md-sys-color-background: #fcf8f9;
3025
+ --md-sys-color-on-background: #232426;
3026
+ --md-sys-color-surface: #fcf8f9;
3027
+ --md-sys-color-surface-dim: #dbd9dd;
3028
+ --md-sys-color-surface-bright: #fcf8f9;
3029
+ --md-sys-color-surface-container-lowest: #ffffff;
3030
+ --md-sys-color-surface-container-low: #f6f3f4;
3031
+ --md-sys-color-surface-container: #f0edef;
3032
+ --md-sys-color-surface-container-high: #e9e7ea;
3033
+ --md-sys-color-surface-container-highest: #e3e2e4;
3034
+ --md-sys-color-on-surface: #232426;
3035
+ --md-sys-color-surface-variant: #e3e2e4;
3036
+ --md-sys-color-on-surface-variant: #424345;
3037
+ --md-sys-color-inverse-surface: #0e0e0f;
3038
+ --md-sys-color-inverse-on-surface: #c7c4c5;
3039
+ --md-sys-color-outline: #5f5f61;
3040
+ --md-sys-color-outline-variant: #7b7a7d;
3041
+ --md-sys-color-shadow: #000000;
3042
+ --md-sys-color-scrim: #000000;
3043
+ --md-sys-color-surface-tint: #3c434f;
3044
+ --md-sys-color-success: #004d33;
3045
+ --md-sys-color-on-success: #81efba;
3046
+ --md-sys-color-success-container: #00855b;
3047
+ --md-sys-color-on-success-container: #ffffff;
3048
+ --md-sys-color-warning: #653800;
3049
+ --md-sys-color-on-warning: #ffd1aa;
3050
+ --md-sys-color-warning-container: #ab6307;
3051
+ --md-sys-color-on-warning-container: #ffffff;
3052
+ }
3053
+
3054
+ :where([data-theme="slate"][data-contrast="medium"][data-mode="dark"]) {
3055
+ color-scheme: dark;
3056
+ --md-sys-color-primary: #c0c7d5;
3057
+ --md-sys-color-on-primary: #2f3742;
3058
+ --md-sys-color-primary-container: #6e7582;
3059
+ --md-sys-color-on-primary-container: #ffffff;
3060
+ --md-sys-color-inverse-primary: #4e5562;
3061
+ --md-sys-color-primary-fixed: #dce3f2;
3062
+ --md-sys-color-primary-fixed-dim: #ced5e3;
3063
+ --md-sys-color-on-primary-fixed: #19202a;
3064
+ --md-sys-color-on-primary-fixed-variant: #39404b;
3065
+ --md-sys-color-secondary: #b7b8bf;
3066
+ --md-sys-color-on-secondary: #2a2c31;
3067
+ --md-sys-color-secondary-container: #72747a;
3068
+ --md-sys-color-on-secondary-container: #ffffff;
3069
+ --md-sys-color-secondary-fixed: #e1e2e9;
3070
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
3071
+ --md-sys-color-on-secondary-fixed: #1d2024;
3072
+ --md-sys-color-on-secondary-fixed-variant: #3d3f44;
3073
+ --md-sys-color-tertiary: #eeecff;
3074
+ --md-sys-color-on-tertiary: #4b4c67;
3075
+ --md-sys-color-tertiary-container: #ddddfe;
3076
+ --md-sys-color-on-tertiary-container: #43445e;
3077
+ --md-sys-color-tertiary-fixed: #ddddfe;
3078
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
3079
+ --md-sys-color-on-tertiary-fixed: #191b33;
3080
+ --md-sys-color-on-tertiary-fixed-variant: #3a3c55;
3081
+ --md-sys-color-error: #ff9f99;
3082
+ --md-sys-color-on-error: #5b0d10;
3083
+ --md-sys-color-error-container: #bb5551;
3084
+ --md-sys-color-on-error-container: #ffffff;
3085
+ --md-sys-color-background: #0e0e0f;
3086
+ --md-sys-color-on-background: #ffffff;
3087
+ --md-sys-color-surface: #0e0e0f;
3088
+ --md-sys-color-surface-dim: #0e0e0f;
3089
+ --md-sys-color-surface-bright: #2b2c2f;
3090
+ --md-sys-color-surface-container-lowest: #000000;
3091
+ --md-sys-color-surface-container-low: #131314;
3092
+ --md-sys-color-surface-container: #19191b;
3093
+ --md-sys-color-surface-container-high: #1f1f21;
3094
+ --md-sys-color-surface-container-highest: #252628;
3095
+ --md-sys-color-on-surface: #ffffff;
3096
+ --md-sys-color-surface-variant: #252628;
3097
+ --md-sys-color-on-surface-variant: #b9b8bb;
3098
+ --md-sys-color-inverse-surface: #fcf8f9;
3099
+ --md-sys-color-inverse-on-surface: #383839;
3100
+ --md-sys-color-outline: #949396;
3101
+ --md-sys-color-outline-variant: #757578;
3102
+ --md-sys-color-shadow: #000000;
3103
+ --md-sys-color-scrim: #000000;
3104
+ --md-sys-color-surface-tint: #c0c7d5;
3105
+ --md-sys-color-success: #5ecd9a;
3106
+ --md-sys-color-on-success: #003420;
3107
+ --md-sys-color-success-container: #00855b;
3108
+ --md-sys-color-on-success-container: #ffffff;
3109
+ --md-sys-color-warning: #fda54c;
3110
+ --md-sys-color-on-warning: #452400;
3111
+ --md-sys-color-warning-container: #ab6307;
3112
+ --md-sys-color-on-warning-container: #ffffff;
3113
+ }
3114
+
3115
+ @media (prefers-color-scheme: dark) {
3116
+ :where([data-theme="slate"][data-contrast="medium"][data-mode="system"]) {
3117
+ color-scheme: dark;
3118
+ --md-sys-color-primary: #c0c7d5;
3119
+ --md-sys-color-on-primary: #2f3742;
3120
+ --md-sys-color-primary-container: #6e7582;
3121
+ --md-sys-color-on-primary-container: #ffffff;
3122
+ --md-sys-color-inverse-primary: #4e5562;
3123
+ --md-sys-color-primary-fixed: #dce3f2;
3124
+ --md-sys-color-primary-fixed-dim: #ced5e3;
3125
+ --md-sys-color-on-primary-fixed: #19202a;
3126
+ --md-sys-color-on-primary-fixed-variant: #39404b;
3127
+ --md-sys-color-secondary: #b7b8bf;
3128
+ --md-sys-color-on-secondary: #2a2c31;
3129
+ --md-sys-color-secondary-container: #72747a;
3130
+ --md-sys-color-on-secondary-container: #ffffff;
3131
+ --md-sys-color-secondary-fixed: #e1e2e9;
3132
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
3133
+ --md-sys-color-on-secondary-fixed: #1d2024;
3134
+ --md-sys-color-on-secondary-fixed-variant: #3d3f44;
3135
+ --md-sys-color-tertiary: #eeecff;
3136
+ --md-sys-color-on-tertiary: #4b4c67;
3137
+ --md-sys-color-tertiary-container: #ddddfe;
3138
+ --md-sys-color-on-tertiary-container: #43445e;
3139
+ --md-sys-color-tertiary-fixed: #ddddfe;
3140
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
3141
+ --md-sys-color-on-tertiary-fixed: #191b33;
3142
+ --md-sys-color-on-tertiary-fixed-variant: #3a3c55;
3143
+ --md-sys-color-error: #ff9f99;
3144
+ --md-sys-color-on-error: #5b0d10;
3145
+ --md-sys-color-error-container: #bb5551;
3146
+ --md-sys-color-on-error-container: #ffffff;
3147
+ --md-sys-color-background: #0e0e0f;
3148
+ --md-sys-color-on-background: #ffffff;
3149
+ --md-sys-color-surface: #0e0e0f;
3150
+ --md-sys-color-surface-dim: #0e0e0f;
3151
+ --md-sys-color-surface-bright: #2b2c2f;
3152
+ --md-sys-color-surface-container-lowest: #000000;
3153
+ --md-sys-color-surface-container-low: #131314;
3154
+ --md-sys-color-surface-container: #19191b;
3155
+ --md-sys-color-surface-container-high: #1f1f21;
3156
+ --md-sys-color-surface-container-highest: #252628;
3157
+ --md-sys-color-on-surface: #ffffff;
3158
+ --md-sys-color-surface-variant: #252628;
3159
+ --md-sys-color-on-surface-variant: #b9b8bb;
3160
+ --md-sys-color-inverse-surface: #fcf8f9;
3161
+ --md-sys-color-inverse-on-surface: #383839;
3162
+ --md-sys-color-outline: #949396;
3163
+ --md-sys-color-outline-variant: #757578;
3164
+ --md-sys-color-shadow: #000000;
3165
+ --md-sys-color-scrim: #000000;
3166
+ --md-sys-color-surface-tint: #c0c7d5;
3167
+ --md-sys-color-success: #5ecd9a;
3168
+ --md-sys-color-on-success: #003420;
3169
+ --md-sys-color-success-container: #00855b;
3170
+ --md-sys-color-on-success-container: #ffffff;
3171
+ --md-sys-color-warning: #fda54c;
3172
+ --md-sys-color-on-warning: #452400;
3173
+ --md-sys-color-warning-container: #ab6307;
3174
+ --md-sys-color-on-warning-container: #ffffff;
3175
+ }
3176
+ }
3177
+
3178
+ :where([data-theme="slate"][data-contrast="high"]) {
3179
+ color-scheme: light;
3180
+ --md-sys-color-primary: #1d242f;
3181
+ --md-sys-color-on-primary: #d3dae9;
3182
+ --md-sys-color-primary-container: #4b525f;
3183
+ --md-sys-color-on-primary-container: #ffffff;
3184
+ --md-sys-color-inverse-primary: #e4ebfa;
3185
+ --md-sys-color-primary-fixed: #4b525f;
3186
+ --md-sys-color-primary-fixed-dim: #404753;
3187
+ --md-sys-color-on-primary-fixed: #ffffff;
3188
+ --md-sys-color-on-primary-fixed-variant: #ffffff;
3189
+ --md-sys-color-secondary: #212429;
3190
+ --md-sys-color-on-secondary: #d9dae0;
3191
+ --md-sys-color-secondary-container: #505257;
3192
+ --md-sys-color-on-secondary-container: #ffffff;
3193
+ --md-sys-color-secondary-fixed: #505257;
3194
+ --md-sys-color-secondary-fixed-dim: #44464c;
3195
+ --md-sys-color-on-secondary-fixed: #ffffff;
3196
+ --md-sys-color-on-secondary-fixed-variant: #ffffff;
3197
+ --md-sys-color-tertiary: #20223a;
3198
+ --md-sys-color-on-tertiary: #d7d7f8;
3199
+ --md-sys-color-tertiary-container: #4e506b;
3200
+ --md-sys-color-on-tertiary-container: #ffffff;
3201
+ --md-sys-color-tertiary-fixed: #4e506b;
3202
+ --md-sys-color-tertiary-fixed-dim: #43445e;
3203
+ --md-sys-color-on-tertiary-fixed: #ffffff;
3204
+ --md-sys-color-on-tertiary-fixed-variant: #ffffff;
3205
+ --md-sys-color-error: #4f0409;
3206
+ --md-sys-color-on-error: #ffcfcb;
3207
+ --md-sys-color-error-container: #8e3432;
3208
+ --md-sys-color-on-error-container: #ffffff;
3209
+ --md-sys-color-background: #fcf8f9;
3210
+ --md-sys-color-on-background: #000000;
3211
+ --md-sys-color-surface: #fcf8f9;
3212
+ --md-sys-color-surface-dim: #dbd9dd;
3213
+ --md-sys-color-surface-bright: #fcf8f9;
3214
+ --md-sys-color-surface-container-lowest: #ffffff;
3215
+ --md-sys-color-surface-container-low: #f6f3f4;
3216
+ --md-sys-color-surface-container: #f0edef;
3217
+ --md-sys-color-surface-container-high: #e9e7ea;
3218
+ --md-sys-color-surface-container-highest: #e3e2e4;
3219
+ --md-sys-color-on-surface: #000000;
3220
+ --md-sys-color-surface-variant: #e3e2e4;
3221
+ --md-sys-color-on-surface-variant: #232426;
3222
+ --md-sys-color-inverse-surface: #0e0e0f;
3223
+ --md-sys-color-inverse-on-surface: #ffffff;
3224
+ --md-sys-color-outline: #424345;
3225
+ --md-sys-color-outline-variant: #525254;
3226
+ --md-sys-color-shadow: #000000;
3227
+ --md-sys-color-scrim: #000000;
3228
+ --md-sys-color-surface-tint: #1d242f;
3229
+ --md-sys-color-success: #002a1a;
3230
+ --md-sys-color-on-success: #81efba;
3231
+ --md-sys-color-success-container: #005e3f;
3232
+ --md-sys-color-on-success-container: #ffffff;
3233
+ --md-sys-color-warning: #391d00;
3234
+ --md-sys-color-on-warning: #ffd2ab;
3235
+ --md-sys-color-warning-container: #7b4500;
3236
+ --md-sys-color-on-warning-container: #ffffff;
3237
+ }
3238
+
3239
+ :where([data-theme="slate"][data-contrast="high"][data-mode="dark"]) {
3240
+ color-scheme: dark;
3241
+ --md-sys-color-primary: #dfe6f5;
3242
+ --md-sys-color-on-primary: #252c37;
3243
+ --md-sys-color-primary-container: #9da4b2;
3244
+ --md-sys-color-on-primary-container: #000000;
3245
+ --md-sys-color-inverse-primary: #313944;
3246
+ --md-sys-color-primary-fixed: #dce3f2;
3247
+ --md-sys-color-primary-fixed-dim: #ced5e3;
3248
+ --md-sys-color-on-primary-fixed: #000000;
3249
+ --md-sys-color-on-primary-fixed-variant: #19202a;
3250
+ --md-sys-color-secondary: #e4e5ec;
3251
+ --md-sys-color-on-secondary: #2a2c31;
3252
+ --md-sys-color-secondary-container: #a2a3a9;
3253
+ --md-sys-color-on-secondary-container: #000000;
3254
+ --md-sys-color-secondary-fixed: #e1e2e9;
3255
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
3256
+ --md-sys-color-on-secondary-fixed: #000000;
3257
+ --md-sys-color-on-secondary-fixed-variant: #1d2024;
3258
+ --md-sys-color-tertiary: #eeecff;
3259
+ --md-sys-color-on-tertiary: #2e2f48;
3260
+ --md-sys-color-tertiary-container: #ddddfe;
3261
+ --md-sys-color-on-tertiary-container: #24263e;
3262
+ --md-sys-color-tertiary-fixed: #ddddfe;
3263
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
3264
+ --md-sys-color-on-tertiary-fixed: #000000;
3265
+ --md-sys-color-on-tertiary-fixed-variant: #191b33;
3266
+ --md-sys-color-error: #ffdedb;
3267
+ --md-sys-color-on-error: #5a0d10;
3268
+ --md-sys-color-error-container: #f5827c;
3269
+ --md-sys-color-on-error-container: #000000;
3270
+ --md-sys-color-background: #0e0e0f;
3271
+ --md-sys-color-on-background: #ffffff;
3272
+ --md-sys-color-surface: #0e0e0f;
3273
+ --md-sys-color-surface-dim: #0e0e0f;
3274
+ --md-sys-color-surface-bright: #2b2c2f;
3275
+ --md-sys-color-surface-container-lowest: #000000;
3276
+ --md-sys-color-surface-container-low: #131314;
3277
+ --md-sys-color-surface-container: #19191b;
3278
+ --md-sys-color-surface-container-high: #1f1f21;
3279
+ --md-sys-color-surface-container-highest: #252628;
3280
+ --md-sys-color-on-surface: #ffffff;
3281
+ --md-sys-color-surface-variant: #252628;
3282
+ --md-sys-color-on-surface-variant: #e6e5e7;
3283
+ --md-sys-color-inverse-surface: #fcf8f9;
3284
+ --md-sys-color-inverse-on-surface: #000000;
3285
+ --md-sys-color-outline: #b9b8bb;
3286
+ --md-sys-color-outline-variant: #a4a3a6;
3287
+ --md-sys-color-shadow: #000000;
3288
+ --md-sys-color-scrim: #000000;
3289
+ --md-sys-color-surface-tint: #dfe6f5;
3290
+ --md-sys-color-success: #8dfbc5;
3291
+ --md-sys-color-on-success: #003320;
3292
+ --md-sys-color-success-container: #46b786;
3293
+ --md-sys-color-on-success-container: #000000;
3294
+ --md-sys-color-warning: #ffe0c7;
3295
+ --md-sys-color-on-warning: #452400;
3296
+ --md-sys-color-warning-container: #e49139;
3297
+ --md-sys-color-on-warning-container: #000000;
3298
+ }
3299
+
3300
+ @media (prefers-color-scheme: dark) {
3301
+ :where([data-theme="slate"][data-contrast="high"][data-mode="system"]) {
3302
+ color-scheme: dark;
3303
+ --md-sys-color-primary: #dfe6f5;
3304
+ --md-sys-color-on-primary: #252c37;
3305
+ --md-sys-color-primary-container: #9da4b2;
3306
+ --md-sys-color-on-primary-container: #000000;
3307
+ --md-sys-color-inverse-primary: #313944;
3308
+ --md-sys-color-primary-fixed: #dce3f2;
3309
+ --md-sys-color-primary-fixed-dim: #ced5e3;
3310
+ --md-sys-color-on-primary-fixed: #000000;
3311
+ --md-sys-color-on-primary-fixed-variant: #19202a;
3312
+ --md-sys-color-secondary: #e4e5ec;
3313
+ --md-sys-color-on-secondary: #2a2c31;
3314
+ --md-sys-color-secondary-container: #a2a3a9;
3315
+ --md-sys-color-on-secondary-container: #000000;
3316
+ --md-sys-color-secondary-fixed: #e1e2e9;
3317
+ --md-sys-color-secondary-fixed-dim: #d3d4da;
3318
+ --md-sys-color-on-secondary-fixed: #000000;
3319
+ --md-sys-color-on-secondary-fixed-variant: #1d2024;
3320
+ --md-sys-color-tertiary: #eeecff;
3321
+ --md-sys-color-on-tertiary: #2e2f48;
3322
+ --md-sys-color-tertiary-container: #ddddfe;
3323
+ --md-sys-color-on-tertiary-container: #24263e;
3324
+ --md-sys-color-tertiary-fixed: #ddddfe;
3325
+ --md-sys-color-tertiary-fixed-dim: #cfcfef;
3326
+ --md-sys-color-on-tertiary-fixed: #000000;
3327
+ --md-sys-color-on-tertiary-fixed-variant: #191b33;
3328
+ --md-sys-color-error: #ffdedb;
3329
+ --md-sys-color-on-error: #5a0d10;
3330
+ --md-sys-color-error-container: #f5827c;
3331
+ --md-sys-color-on-error-container: #000000;
3332
+ --md-sys-color-background: #0e0e0f;
3333
+ --md-sys-color-on-background: #ffffff;
3334
+ --md-sys-color-surface: #0e0e0f;
3335
+ --md-sys-color-surface-dim: #0e0e0f;
3336
+ --md-sys-color-surface-bright: #2b2c2f;
3337
+ --md-sys-color-surface-container-lowest: #000000;
3338
+ --md-sys-color-surface-container-low: #131314;
3339
+ --md-sys-color-surface-container: #19191b;
3340
+ --md-sys-color-surface-container-high: #1f1f21;
3341
+ --md-sys-color-surface-container-highest: #252628;
3342
+ --md-sys-color-on-surface: #ffffff;
3343
+ --md-sys-color-surface-variant: #252628;
3344
+ --md-sys-color-on-surface-variant: #e6e5e7;
3345
+ --md-sys-color-inverse-surface: #fcf8f9;
3346
+ --md-sys-color-inverse-on-surface: #000000;
3347
+ --md-sys-color-outline: #b9b8bb;
3348
+ --md-sys-color-outline-variant: #a4a3a6;
3349
+ --md-sys-color-shadow: #000000;
3350
+ --md-sys-color-scrim: #000000;
3351
+ --md-sys-color-surface-tint: #dfe6f5;
3352
+ --md-sys-color-success: #8dfbc5;
3353
+ --md-sys-color-on-success: #003320;
3354
+ --md-sys-color-success-container: #46b786;
3355
+ --md-sys-color-on-success-container: #000000;
3356
+ --md-sys-color-warning: #ffe0c7;
3357
+ --md-sys-color-on-warning: #452400;
3358
+ --md-sys-color-warning-container: #e49139;
3359
+ --md-sys-color-on-warning-container: #000000;
3360
+ }
3361
+ }