55 lines
1.0 KiB
SCSS
55 lines
1.0 KiB
SCSS
@use "./variables" as *;
|
|
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
--primary-color: #{$primary-color};
|
|
--secondary-color: #{$secondary-color};
|
|
--background-primary: #{$background-primary};
|
|
--text-primary: #{$text-primary};
|
|
--text-secondary: #{$text-secondary};
|
|
--text-tertiary: #{$text-tertiary};
|
|
--hover-color: #{$hover-color};
|
|
--font-family-base: #{$font-family-base};
|
|
--button-primary: #{$button-primary};
|
|
--button-secondary: #{$button-secondary};
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
html,
|
|
body {
|
|
max-width: 100vw;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
body {
|
|
color: var(--foreground);
|
|
background: var(--background);
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html {
|
|
color-scheme: dark;
|
|
}
|
|
}
|