Added SMUI components to the mix.
This commit is contained in:
25
client/theme-src/_smui-theme.scss
Normal file
25
client/theme-src/_smui-theme.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
@use 'sass:color';
|
||||
|
||||
@use '@material/theme/color-palette';
|
||||
|
||||
// Svelte Colors!
|
||||
@use '@material/theme/index' as theme with (
|
||||
$primary: #ff3e00,
|
||||
$secondary: #676778,
|
||||
$surface: #fff,
|
||||
$background: #fff,
|
||||
$error: color-palette.$red-900
|
||||
);
|
||||
|
||||
html,
|
||||
body {
|
||||
background-color: theme.$surface;
|
||||
color: theme.$on-surface;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #40b3ff;
|
||||
}
|
||||
a:visited {
|
||||
color: color.scale(#40b3ff, $lightness: -35%);
|
||||
}
|
||||
25
client/theme-src/dark/_smui-theme.scss
Normal file
25
client/theme-src/dark/_smui-theme.scss
Normal file
@@ -0,0 +1,25 @@
|
||||
@use 'sass:color';
|
||||
|
||||
@use '@material/theme/color-palette';
|
||||
|
||||
// Svelte Colors! (Dark Theme)
|
||||
@use '@material/theme/index' as theme with (
|
||||
$primary: #ff3e00,
|
||||
$secondary: color.scale(#676778, $whiteness: -10%),
|
||||
$surface: color.adjust(color-palette.$grey-900, $blue: +4),
|
||||
$background: #000,
|
||||
$error: color-palette.$red-700
|
||||
);
|
||||
|
||||
html,
|
||||
body {
|
||||
background-color: #000;
|
||||
color: theme.$on-surface;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #40b3ff;
|
||||
}
|
||||
a:visited {
|
||||
color: color.scale(#40b3ff, $lightness: -35%);
|
||||
}
|
||||
Reference in New Issue
Block a user