Files
computer-playbook/roles/web-app-pixelfed/templates/style.css.j2
Kevin Veen-Birkenbach 231fd567b3 feat(frontend): rename inj roles to sys-front-*, add sys-svc-cdn, cache-busting lookup
Introduce sys-svc-cdn (cdn_paths/cdn_urls/cdn_dirs) and ensure CDN directories + latest symlink.

Rename sys-srv-web-inj-* → sys-front-inj-*; update includes/templates; serve shared/per-app CSS & JS via CDN.

Add lookup_plugins/local_mtime_qs.py for mtime-based cache busting; split CSS into default.css/bootstrap.css + optional per-app style.css.

CSP: use style-src-elem; drop unsafe-inline for styles. Services: fix SYS_SERVICE_ALL_ENABLED bool and controlled flush.

BREAKING CHANGE: role names changed; replace includes and references accordingly.

Conversation: https://chatgpt.com/share/68b55494-9ec4-800f-b559-44707029141d
2025-09-01 10:10:23 +02:00

44 lines
2.0 KiB
Django/Jinja
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

:root {
/* Base Colors */
--light: var(--color-01-05); /* Very dark (was #000) */
--dark: var(--color-01-99); /* Very light (was #fff) */
/* Backgrounds */
--body-bg: var(--color-01-05); /* Main background: very dark */
--nav-bg: var(--color-01-05); /* Navigation background: very dark */
/* Text Colors */
--body-color: var(--color-01-70); /* Main text mid brightness */
--text-lighter: var(--color-01-60); /* Lighter text for less prominent elements */
/* Section Backgrounds and Cards */
--bg-light: var(--color-01-95); /* Lighter background areas */
--card-bg: var(--color-01-90); /* Card background */
--light-gray: var(--color-01-75); /* For less dominant elements */
--light-hover-bg: var(--color-01-85); /* Slightly lighter hover background */
/* Borders and Input Fields */
--btn-light-border: var(--color-01-10); /* Dark border for buttons */
--input-border: var(--color-01-10); /* Border color for inputs */
--border-color: var(--color-01-85); /* General border: slightly lighter than background */
/* Other Areas */
--comment-bg: var(--color-01-85); /* Background for comments */
--card-header-accent: var(--color-01-85); /* Accent color in card headers */
/* Dropdown Menus */
--dropdown-item-hover-bg: var(--color-01-05); /* Hover background: very dark */
--dropdown-item-hover-color: var(--color-01-60); /* Hover text: a bit lighter */
--dropdown-item-color: var(--color-01-70); /* Regular dropdown item text */
--dropdown-item-active-color: var(--color-01-99); /* Active state: very light (white) */
}
div.page-wrapper{
background: none;
background-color: none;
}
.card-header-title {
color: var(--color-01-37);
}