vampysite/source/css/common.css

80 lines
1.4 KiB
CSS
Raw Normal View History

2022-03-04 15:29:02 +00:00
/* Fonts */
@font-face {
2022-07-14 10:12:30 +00:00
font-family: "Cinzel Decorative";
src: url(../fonts/CinzelDecorative-Regular.ttf);
font-weight: normal;
2022-03-04 15:29:02 +00:00
}
@font-face {
2022-07-14 10:12:30 +00:00
font-family: "Cinzel Decorative";
src: url(../fonts/CinzelDecorative-Bold.ttf);
font-weight: bold;
2022-03-04 15:29:02 +00:00
}
@font-face {
2022-07-14 10:12:30 +00:00
font-family: "Crimson";
src: url(../fonts/Crimson-Roman.otf);
font-weight: normal;
font-style: normal;
2022-03-04 15:29:02 +00:00
}
@font-face {
2022-07-14 10:12:30 +00:00
font-family: "Crimson";
src: url(../fonts/Crimson-Bold.otf);
font-weight: bold;
font-style: normal;
2022-03-04 15:29:02 +00:00
}
@font-face {
2022-07-14 10:12:30 +00:00
font-family: "Crimson";
src: url(../fonts/Crimson-Italic.otf);
font-weight: normal;
font-style: italic;
2022-03-04 15:29:02 +00:00
}
@font-face {
2022-07-14 10:12:30 +00:00
font-family: "Crimson";
src: url(../fonts/Crimson-BoldItalic.otf);
font-weight: bold;
font-style: italic;
2022-03-04 15:29:02 +00:00
}
/* Colors */
2022-07-14 10:12:30 +00:00
html {
scrollbar-color: var(--accent) var(--bg);
background: url(../assets/bg-noise-dark.png) repeat;
background-color: var(--bg);
}
2022-03-04 15:29:02 +00:00
:root {
2022-07-14 10:12:30 +00:00
--bg: #16121f;
--bg-code: #110e18;
--accent: #9aa6cb;
--accent-dark: #747e9d;
--text: #d5d6e8;
--url: var(--accent);
2022-03-04 15:29:02 +00:00
}
@media (prefers-color-scheme: light) {
2022-07-14 10:12:30 +00:00
:root {
--bg: #b6b7d4;
--bg-code: #a5a6c5;
--accent: #555a84;
--accent-dark: #464b73;
--text: #16121f;
--url: var(--accent);
}
2022-03-04 15:29:02 +00:00
2022-07-14 10:12:30 +00:00
html {
background: url(../assets/bg-noise-light.png);
2022-03-04 15:29:02 +00:00
background-color: var(--bg);
2022-07-14 10:12:30 +00:00
}
2022-03-04 15:29:02 +00:00
}
::selection {
2022-07-14 10:12:30 +00:00
color: var(--bg);
background: var(--accent);
}