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

Add paige.color_scheme config

Browse Source
This commit is contained in:
Will Faught
2024-04-06 23:47:58 -07:00
parent caac4048b5
commit c643ab3ffb
6 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -180,6 +180,7 @@ There is a single parameter object with sensible defaults that can be overridden
```toml
[paige]
color = "#0d6efd" # Bootstrap primary color and theme color for Safari and Windows
color_scheme = "auto" # Must be "auto", "dark", or "light"
external_link_new_tab = false # Open external links in new tabs
math = false # Enable math typesetting
style = "" # CSS included at the end of the stylesheet, before style-last.css

5
assets/css/paige/bootstrap/paige.scss
View File

@@ -1,6 +1,9 @@
{{ $params := . }}
$color-mode-type: media-query;
{{ if and (not (eq $params.color_scheme "dark")) (not (eq $params.color_scheme "light")) }}
$color-mode-type: media-query;
{{ end }}
$primary: {{ $params.color }};
@import "bootstrap";

3
layouts/partials/paige/html.html
View File

@@ -1,6 +1,7 @@
{{ $page := . }}
{{ $dark := eq ($page.Param "paige.color_scheme") "dark" }}
{{ $lang := site.LanguageCode | default site.Language.Lang }}
{{ $rtl := eq $page.Language.LanguageDirection "rtl" }}
<html data-paige="Paige theme from https://github.com/willfaught/paige" {{ if $rtl }} dir="rtl" {{ end }} {{ with $lang }} lang="{{ . }}" {{ end }}>
<html {{ if $dark }} data-bs-theme="dark" {{ end }} data-paige="Paige theme from https://github.com/willfaught/paige" {{ if $rtl }} dir="rtl" {{ end }} {{ with $lang }} lang="{{ . }}" {{ end }}>

2
layouts/partials/paige/link.html
View File

@@ -1,5 +1,6 @@
{{ $params := . }}
{{ $context := $params.context }}
{{ $crossorigin := $params.crossorigin | default "anonymous" }}
{{ $href := $params.href }}
{{ $includepaths := $params.includepaths }}
@@ -20,7 +21,6 @@
{{ $resource := . }}
{{ if $template }}
{{ $context := dict "color" (page.Param "paige.color" | default "#0d6efd") }}
{{ $split := path.Split $href }}
{{ $join := path.Join $split.Dir (print (printf "%#v" $context | sha1) "-" $split.File) }}
{{ $resource = resources.ExecuteAsTemplate $join $context . }}

6
layouts/partials/paige/links.html
View File

@@ -32,7 +32,11 @@
<link href="{{ (resources.Get `site.webmanifest` | resources.ExecuteAsTemplate `site.webmanifest` .).RelPermalink | safeURL }}" rel="manifest">
{{ end }}
{{ partial "paige/link.html" (dict "href" "css/paige/bootstrap/paige.scss" "page" $page "sass" true "template" true) }}
{{ $color := $page.Param "paige.color" | default "#0d6efd" }}
{{ $colorscheme := $page.Param "paige.color_scheme" | default "auto" }}
{{ $context := dict "color" $color "color_scheme" $colorscheme }}
{{ partial "paige/link.html" (dict "href" "css/paige/bootstrap/paige.scss" "page" $page "sass" true "template" true "context" $context) }}
{{ partial "paige/link.html" (dict "href" "css/paige/bootstrap-icons/bootstrap-icons.css" "page" $page) }}
{{ if $page.Param "paige.math" }}

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

@@ -93,6 +93,13 @@ body, html {
margin-bottom: 0;
}
{{ $colorscheme := $page.Param "paige.color_scheme" }}
{{ if eq $colorscheme "dark" }}
{{ partial "paige/dark.css" $page | safeCSS }}
{{ else if eq $colorscheme "light" }}
{{ partial "paige/light.css" $page | safeCSS }}
{{ else }}
@media (prefers-color-scheme: dark) {
{{ partial "paige/dark.css" $page | safeCSS }}
}
@@ -100,6 +107,7 @@ body, html {
@media (prefers-color-scheme: light) {
{{ partial "paige/light.css" $page | safeCSS }}
}
{{ end }}
@media (prefers-reduced-motion: reduce) {
.paige-header-link {