Rockingcool/paige-hugo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add dark color scheme

Browse Source
This commit is contained in:
Will Faught
2022-12-31 21:24:23 -08:00
parent 9dafe06a94
commit 3a01f1866c
9 changed files with 219 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
layouts/partials/paige/style.html
View File

@@ -5,8 +5,8 @@ body, html {
blockquote {
padding: 0.5rem 1rem;
border-left: 0.25rem solid #e9ecef;
border-right: 0.25rem solid white;
border-left: 0.25rem solid var(--bs-border-color);
padding-right: 0.25rem;
}
blockquote p:last-of-type {
@@ -38,4 +38,20 @@ section[class="paige-metadata"] {
margin-left: 0.5ch;
position: absolute;
}
{{ with .Site.Params.paige.color_scheme }}
{{ if eq . "dark" }}
{{ partial "paige/dark.css" . | safeCSS }}
{{ else if eq . "light" }}
{{ partial "paige/light.css" . | safeCSS }}
{{ end }}
{{ else }}
@media (prefers-color-scheme: dark) {
{{ partial "paige/dark.css" . | safeCSS }}
}
@media (prefers-color-scheme: light) {
{{ partial "paige/light.css" . | safeCSS }}
}
{{ end }}
</style>