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

View File

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

View File

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

View File

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