From 28d1ea21350640ff5da7412b7e096cc09f7cb567 Mon Sep 17 00:00:00 2001 From: David Luevano Alvarado Date: Sun, 6 Jun 2021 06:59:20 -0600 Subject: refactor css and theme switcher --- static/css/light.css | 138 --------------------------------------------------- 1 file changed, 138 deletions(-) delete mode 100644 static/css/light.css (limited to 'static/css/light.css') diff --git a/static/css/light.css b/static/css/light.css deleted file mode 100644 index 0b1456c..0000000 --- a/static/css/light.css +++ /dev/null @@ -1,138 +0,0 @@ -@import './nordtheme.css'; - -:root { - --bg: var(--color5); - --body-bg: var(--color4); - --navitem-bg: var(--color9); - --navitem-bg-hl: var(--color10); - - --fg: var(--color3); - --fg-hl: var(--color0); - - --link: var(--color15); - --link-hl: var(--color7); - --navitem-link: var(--color8); - --navitem-link-hl: var(--color7); - - --fg-acc1: var(--color11); - --fg-acc2: var(--color12); - --fg-acc3: var(--color13); - --fg-acc4: var(--color14); - --fg-acc5: var(--color15); - - --switch-bg: var(--color3); - --switch-slider: var(--color4); - --switch-toggled-bg: var(--color10); - --switch-ol: var(--color0); - --switch-moon: var(--color3); - --switch-sun: var(--color13); - - --code-border: var(--fg); -} - -/* general */ -a { - color: var(--link); -} - -a:hover { - color: var(--link-hl); -} - -h1 { - color: var(--fg-acc1); -} - -h2 { - color: var(--fg-acc2); -} - -h3 { - color: var(--fg-acc3); -} - -h4 { - color: var(--fg-acc4); -} - -h5 { - color: var(--fg-acc5); -} - -body { - background: var(--bg); - color: var(--fg); -} - -pre, code { - border-radius: 5px; - border: 1px solid var(--code-border); -} - -main { - background: linear-gradient(var(--bg) 0.5em, 1em, var(--body-bg) 1.5em calc(100% - 1.5em), calc(100% - 1em), var(--bg) calc(100% - 0.5em)); -} - -/* nav bar */ -body > header { - background: linear-gradient(var(--body-bg) calc(100% - 1.5em), calc(100% - 1em), var(--bg) calc(100% - 0.5em)); -} - -nav li { - background: var(--navitem-bg); -} - -nav a { - color: var(--navitem-link); -} - -nav li:hover { - background: var(--navitem-bg-hl); - color: var(--fg-hl); -} - -nav li:hover > a { - color: var(--navitem-link-hl); -} - - -/* footer */ -body > footer { - background: linear-gradient(var(--bg) calc(100% - 1.5em), calc(100% - 1em), var(--body-bg) calc(100% - 0.5em)); -} - - -/* image gallery (not really being used rn) */ -div.gallery { - border: 1px solid var(--fg-hl); -} - -div.gallery:hover { - border: var(--fg-acc5); -} - - -/* switch */ -.slider { - background-color: var(--switch-bg); -} - -.theme-switch-container i.fa-moon { - color: var(--switch-moon); -} - -.theme-switch-container i.fa-sun { - color: var(--switch-sun); -} - -.slider:before { - background-color: var(--switch-slider); -} - -.switch input:checked + .slider { - background-color: var(--switch-toggled-bg); -} - -.switch input:focus + .slider { - box-shadow: 0 0 0.1em var(--switch-ol); -} -- cgit v1.2.3-54-g00ecf