diff options
Diffstat (limited to 'assets/css/style.css')
-rw-r--r-- | assets/css/style.css | 61 |
1 files changed, 4 insertions, 57 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 799cda1..b3f637d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,37 +1,12 @@ -/* Root */ -:root -{ - /* Dark mode */ - --dark-bg: #0d0d0d; - --dark-text: #ffdab9; - --dark-link: black; - --dark-link-bg: #f08080; - --dark-title: #f08080; - --dark-quote-border: #fbc4ab; - - /* Light mode */ - --light-bg: #ffdab9; - --light-text: #0d0d0d; - --light-link: black; - --light-link-bg: #f08080; - --light-title: #f08080; - --light-quote-border: #6a040f; - - /* Default mode */ - --bg-color: var(--dark-bg); - --text-color: var(--dark-text); - --link-color: var(--dark-link); - --link-bg-color: var(--dark-link-bg); - --title-color: var(--dark-title); - --quote-border: var(--dark-quote-border); -} - /* Body */ body { color: var(--text-color); background-color: var(--bg-color); + font-size: calc(12px + 0.390625vw); + font-family: "Courier New"; + margin: 2vh auto; max-width: 80vw; } @@ -58,13 +33,13 @@ nav a, footer a background-color: var(--link-bg-color); color: var(--link-color); + border: 1px solid var(--link-bg-color); } nav a:hover, footer a:hover { color: var(--link-bg-color); background-color: var(--bg-color); - border: 1px solid var(--link-bg-color); } /* @@ -141,31 +116,3 @@ footer #social ul gap: 0.5rem; } } - -/* Night mode */ -@media (prefers-color-scheme: dark) -{ - :root - { - --bg-color: var(--dark-bg); - --text-color: var(--dark-text); - --link-color: var(--dark-link); - --link-bg-color: var(--dark-link-bg); - --title-color: var(--dark-title); - --quote-border: var(--dark-quote-border); - } -} - -/* Day mode */ -@media (prefers-color-scheme: light) -{ - :root - { - --bg-color: var(--light-bg); - --text-color: var(--light-text); - --link-color: var(--light-link); - --link-bg-color: var(--light-link-bg); - --title-color: var(--light-title); - --quote-border: var(--light-quote-border); - } -} |