27 lines
734 B
SCSS
27 lines
734 B
SCSS
@charset "UTF-8";
|
|
|
|
/* light theme color */
|
|
$light-background: #fff;
|
|
$light-background-secondary: #fff;
|
|
$light-color: #494949;
|
|
$light-color-secondary: rgb(134, 132, 132);
|
|
$light-border-color: #dcdcdc;
|
|
$light-cursor-color: #d67b7b;
|
|
$light-hover-link-color: #000;
|
|
/* dark theme colors */
|
|
$dark-background: #404147;
|
|
$dark-background-secondary: #404653;
|
|
$dark-color: #d4d4d4;
|
|
$dark-color-secondary: #a1a1a1;
|
|
$dark-border-color: #4a4b50;
|
|
$dark-cursor-color: #a85656;
|
|
$dark-hover-link-color: #fff;
|
|
|
|
$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);
|
|
}
|