mirror of
https://github.com/by-jp/www.byjp.me.git
synced 2025-08-09 05:36:07 +01:00
867bdfd597
Also introduces `references` as a standard Params structure for my blog. I don't particularly like that it's a map rather than an array, but this is what my micropib enpoint currently creates, so I'll stick with this until I can be bothered to switch that over.
45 lines
No EOL
1 KiB
SCSS
45 lines
No EOL
1 KiB
SCSS
@charset "UTF-8";
|
|
|
|
/* Light theme color */
|
|
$light-background: #fff;
|
|
$light-background-secondary: #eaeaea;
|
|
$light-background-header: #fafafa;
|
|
$light-color: #222;
|
|
$light-color-dim: #4e4e4e;
|
|
$light-color-variant: black;
|
|
$light-color-secondary: #999;
|
|
$light-border-color: #dcdcdc;
|
|
$light-table-color: #dcdcdc;
|
|
|
|
/* Dark theme colors */
|
|
$dark-background: #232425;
|
|
$dark-background-secondary: #3b3d42;
|
|
$dark-background-header: #1b1c1d;
|
|
$dark-color: #a9a9b3;
|
|
$dark-color-dim: #87878f;
|
|
$dark-color-variant: white;
|
|
$dark-color-secondary: #b3b3bd;
|
|
$dark-border-color: #4e4e57;
|
|
$dark-table-color: #4e4e57;
|
|
|
|
$media-size-phone: "(max-width: 684px)";
|
|
$media-size-tablet: "(max-width: 900px)";
|
|
|
|
/* Variables for js, must be the same as these in @custom-media queries */
|
|
:root {
|
|
--phoneWidth: (max-width: 684px);
|
|
--tabletWidth: (max-width: 900px);
|
|
--accent: #8186FF;
|
|
--accentHue: 290;
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
--background: #232425;
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
--background: #fff;
|
|
}
|
|
}
|
|
|
|
/* Content */
|
|
$max-width: 860px; |