share scss variables to css variables (svelte + smui material)
theme/_smui-theme.scss @use 'sass:color'; @use '@material/theme/color-palette'; // Svelte Colors! @use '@material/theme/index' as theme with ( $primary: color-palette.$purple-500, $secondary: color-palette.$teal-200, $surface: rgba(0,0,0, 0.08), // 8% darker than the one below $background: #FFFFFF, $error: #B00020, $on-primary: #FFFFFF, $on-secondary: #000000, $on-surface: #000000, $on-error: #FFFFFF, ); :root { // https://github.com/hperrin/svelte-material-ui/blob/master/THEMING.md#theming-the-bare-css --mdc-theme-primary: #{theme.$primary}; --mdc-theme-secondary: #{theme.$secondary}; --mdc-theme-background: #{theme.$background}; --mdc-theme-surface: #{theme.$surface}; --mdc-theme-error: #{theme.$error}; --mdc-theme-on-primary: #{theme.$on-primary}; --mdc-theme-on-secondary: #{theme.$on-secondary}; --mdc-theme-on-surface: #{theme.$on-surface}; --mdc-theme-on-error: #{theme.$on-error}; } dark/_smui-theme.scss @use 'sass:color'; @use '@material/theme/color-palette'; // Svelte Colors!...