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:
+35
-9
@@ -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
@@ -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>
|
||||
Reference in New Issue
Block a user