1
1
mirror of https://github.com/privacyguides/privacyguides.org.git synced 2026-05-19 09:51:20 +00:00

style!: Per-section color theming

This commit is contained in:
2026-05-18 15:00:16 -05:00
parent 65a0dd5699
commit 8634885bb9
3 changed files with 69 additions and 9 deletions
+35 -9
View File
@@ -184,6 +184,41 @@ h1, .content h1, .content h2, .content h3 {
--hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
}
:root:has(body.recommended-privacy-tools) {
--primary-hue: 200deg;
--primary-saturation: 37.75%;
--primary-lightness: 70.39%;
--hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
}
:root:has(body.privacy-wiki) {
--primary-hue: 167.57deg;
--primary-saturation: 97.13%;
--primary-lightness: 40.98%;
--hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
}
:root:has(body.privacy-activism) {
--primary-hue: 5deg;
--primary-saturation: 96.43%;
--primary-lightness: 56.08%;
--hx-font-sans: "Public Sans", Helvetica, ui-sans-serif, system-ui, sans-serif;
}
.hextra-nav-container {
background: radial-gradient(ellipse at 50% 80%,var(--hx-color-primary-500),hsla(0,0%,100%,0));
border-bottom: 1px solid var(--hx-color-primary-500);
}
.hextra-max-navbar-width a[href*="/about/donate/"] {
color: white;
background-color: var(--hx-color-primary-800);
font-weight: 900;
text-transform: uppercase;
margin-left: 16px;
border-radius: var(--hx-radius-md);
}
.content :where(a):not(:where([class~=not-prose],
[class~=not-prose] *)) {
color:var(--hx-color-primary-800);
@@ -212,12 +247,3 @@ a.footnote-ref {
.pg-unstyled-cards .hextra-card:hover {
background-color: inherit;
}
.hextra-max-navbar-width a[href*="/about/donate/"] {
color: white;
background-color: rgba(255, 0, 0, 0.9);
font-weight: 900;
text-transform: uppercase;
margin-left: 16px;
border-radius: .25rem;
}
File diff suppressed because one or more lines are too long
+16
View File
@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="{{ .Site.Language.Lang }}" dir="{{ partial "utils/hugo-compat/language-direction.html" .Site.Language | default `ltr` }}">
{{- partial "head.html" . -}}
<body class="{{ .FirstSection.Title | urlize }}">
<a href="#content" class="hx:sr-only hx:focus-visible:not-sr-only hx:focus-visible:fixed hx:focus-visible:z-50 hx:focus-visible:top-2 hx:focus-visible:left-2 hx:focus-visible:bg-primary-500 hx:focus-visible:text-white hx:focus-visible:px-4 hx:focus-visible:py-2 hx:focus-visible:rounded-md hx:focus-visible:text-sm hx:focus-visible:font-medium">
{{- (T "skipToContent") | default "Skip to content" -}}
</a>
{{- partial "banner.html" . -}}
{{- partial "navbar.html" . -}}
{{- block "main" . }}{{ end -}}
{{- if or (eq .Site.Params.footer.enable nil) (.Site.Params.footer.enable) }}
{{ partial "footer.html" . }}
{{ end }}
{{ partial "scripts.html" . }}
</body>
</html>