fix darkmode

This commit is contained in:
jackyzha0 2021-07-18 12:06:36 -04:00
parent 8989324571
commit 672a641cec
4 changed files with 26 additions and 19 deletions

View file

@ -1,8 +1,8 @@
:root { :root {
--lt-colours-light: var(--light) !important; --lt-colours-light: var(--light) !important;
--lt-colours-lightgray: var(--lightgray) !important; --lt-colours-lightgray: var(--lightgray) !important;
--lt-colours-dark: var(--navy) !important; --lt-colours-dark: var(--secondary) !important;
--lt-colours-secondary: var(--olive) !important; --lt-colours-secondary: var(--tertiary) !important;
--lt-colours-gray: var(--outlinegray) !important; --lt-colours-gray: var(--outlinegray) !important;
} }
@ -23,10 +23,10 @@ a {
font-size: 1em; font-size: 1em;
text-decoration: none; text-decoration: none;
transition: all 0.2s ease; transition: all 0.2s ease;
color: var(--navy); color: var(--secondary);
&:hover { &:hover {
color: var(--olive) !important; color: var(--tertiary) !important;
} }
} }
@ -98,12 +98,12 @@ h3 {
blockquote { blockquote {
margin-left: 0em; margin-left: 0em;
border-left: 3px solid var(--navy); border-left: 3px solid var(--secondary);
padding-left: 1em; padding-left: 1em;
transition: border-color 0.2s ease; transition: border-color 0.2s ease;
&:hover { &:hover {
border-color: var(--olive); border-color: var(--tertiary);
} }
} }
@ -123,7 +123,7 @@ article a {
font-family: Source Sans Pro; font-family: Source Sans Pro;
font-weight: 600; font-weight: 600;
text-decoration: underline; text-decoration: underline;
text-decoration-color: var(--olive); text-decoration-color: var(--tertiary);
text-decoration-thickness: .15em; text-decoration-thickness: .15em;
} }
@ -169,7 +169,7 @@ footer {
& > a { & > a {
font-size: 1em; font-size: 1em;
color: var(--navy); color: var(--secondary);
padding: 0 0.5em 3em 0.5em; padding: 0 0.5em 3em 0.5em;
} }
} }

View file

@ -2,10 +2,10 @@
:root { :root {
--light: #faf8f8; --light: #faf8f8;
--dark: #141021; --dark: #141021;
--navy: #284b63; --secondary: #284b63;
--olive: #84a59d; --tertiary: #84a59d;
--visited: #afbfc9; --visited: #afbfc9;
--salmon: #f28482; --primary: #f28482;
--gray: #4e4e4e; --gray: #4e4e4e;
--lightgray: #f0f0f0; --lightgray: #f0f0f0;
--outlinegray: #dadada; --outlinegray: #dadada;
@ -14,10 +14,10 @@
[saved-theme="dark"] { [saved-theme="dark"] {
--light: #1e1e21 !important; --light: #1e1e21 !important;
--dark: #fbfffe !important; --dark: #fbfffe !important;
--navy: #5b778a !important; --secondary: #5b778a !important;
--visited: #4a575e !important; --visited: #4a575e !important;
--olive: #84a59d !important; --tertiary: #84a59d !important;
--salmon: #f58382 !important; --primary: #f58382 !important;
--gray: #d4d4d4 !important; --gray: #d4d4d4 !important;
--lightgray: #292633 !important; --lightgray: #292633 !important;
--outlinegray: #343434 !important; --outlinegray: #343434 !important;

View file

@ -5,6 +5,7 @@
{{define "main"}} {{define "main"}}
<!-- Main Page --> <!-- Main Page -->
<div class="singlePage"> <div class="singlePage">
{{partial "darkmode.html" .}}
{{.Content}} {{.Content}}
<!-- Contact Info --> <!-- Contact Info -->
@ -12,4 +13,10 @@
{{partial "footer.html" .}} {{partial "footer.html" .}}
</div> </div>
</div> </div>
{{- with resources.Get "darkmode.js" | minify -}}
<script>
{{.Content | safeJS }}
</script>
{{- end -}}
{{end}} {{end}}

View file

@ -2,11 +2,11 @@
<div id="graph-container"></div> <div id="graph-container"></div>
<style> <style>
:root { :root {
--g-node: {{.Site.Data.graphConfig.base.node}}; --g-node: var(--secondary);
--g-node-active: {{.Site.Data.graphConfig.base.activeNode}}; --g-node-active: var(--primary);
--g-node-inactive: {{.Site.Data.graphConfig.base.inactiveNode}}; --g-node-inactive: var(--visited);
--g-link: {{.Site.Data.graphConfig.base.link}}; --g-link: var(--outlinegray);
--g-link-active: {{.Site.Data.graphConfig.base.activeLink}}; --g-link-active: #5a7282;
} }
</style> </style>
<script> <script>