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

Replace color_scheme, data attr with Bootstrap media query

Browse Source
This commit is contained in:
Will Faught
2023-03-07 20:53:11 -08:00
parent 1156b8dea4
commit 668ea2602e
5 changed files with 4 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
README.md
View File

@@ -276,7 +276,6 @@ paige:
yandex: # See https://metrica.yandex.com yandex: # See https://metrica.yandex.com
account_id: "" account_id: ""
color: "#0d6efd" # Bootstrap primary color; theme color for Safari and Windows color: "#0d6efd" # Bootstrap primary color; theme color for Safari and Windows
color_scheme: "" # Always use this color scheme without automatic switching; must be "", "light", or "dark"
comments: comments:
cactus: # See https://cactus.chat cactus: # See https://cactus.chat
account_id: "" account_id: ""

2
assets/paige/bootstrap/custom.scss → assets/paige/bootstrap/paige.scss
View File

@@ -1,4 +1,6 @@
{{ $page := . }} {{ $page := . }}
$color-mode-type: media-query;
$primary: {{ $page.Param "paige.color" | default "#0d6efd" }}; $primary: {{ $page.Param "paige.color" | default "#0d6efd" }};
@import "bootstrap"; @import "bootstrap";

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

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

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

@@ -13,14 +13,9 @@
<link color="{{ $page.Param `paige.color` | default `#0d6efd` }}" href="{{ relLangURL `safari-pinned-tab.svg` | safeURL }}" rel="mask-icon"> <link color="{{ $page.Param `paige.color` | default `#0d6efd` }}" href="{{ relLangURL `safari-pinned-tab.svg` | safeURL }}" rel="mask-icon">
<link href="{{ relLangURL `site.webmanifest` | safeURL }}" rel="manifest"> <link href="{{ relLangURL `site.webmanifest` | safeURL }}" rel="manifest">
{{ partial "paige/link.html" (dict "href" "paige/bootstrap/paige.scss" "page" $page "sass" true) }}
{{ partial "paige/link.html" (dict "href" "paige/bootstrap-icons/bootstrap-icons.css") }} {{ partial "paige/link.html" (dict "href" "paige/bootstrap-icons/bootstrap-icons.css") }}
{{ if $page.Param "paige.color" }}
{{ partial "paige/link.html" (dict "href" "paige/bootstrap/custom.scss" "page" $page "sass" true) }}
{{ else }}
{{ partial "paige/link.html" (dict "href" "paige/bootstrap/bootstrap.css") }}
{{ end }}
{{ if or ($page.Param "paige.math") (and ($page.Param "paige.section_pages.full_pages") (where $page.Pages "Params.paige.math" "eq" true)) }} {{ if or ($page.Param "paige.math") (and ($page.Param "paige.section_pages.full_pages") (where $page.Pages "Params.paige.math" "eq" true)) }}
{{ partial "paige/link.html" (dict "href" "paige/katex/katex.css") }} {{ partial "paige/link.html" (dict "href" "paige/katex/katex.css") }}
{{ end }} {{ end }}

13
layouts/partials/paige/scripts.html
View File

@@ -30,19 +30,6 @@ function paigeResize() {
} }
paigeResize(); paigeResize();
addEventListener("resize", paigeResize); addEventListener("resize", paigeResize);
{{ if $page.Param "paige.color_scheme" | not }}
var paigeQuery = matchMedia("(prefers-color-scheme: dark)");
if (paigeQuery.matches) {
document.documentElement.setAttribute("data-bs-theme", "dark")
}
paigeQuery.addEventListener("change", function (e) {
if (e.matches) {
document.documentElement.setAttribute("data-bs-theme", "dark");
} else {
document.documentElement.removeAttribute("data-bs-theme");
}
});
{{ end }}
</script> </script>
{{ partial "paige/script.html" (dict "src" "paige/bootstrap/bootstrap.bundle.js") }} {{ partial "paige/script.html" (dict "src" "paige/bootstrap/bootstrap.bundle.js") }}