Files
computer-playbook/roles/web-app-mastodon/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
1.9 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.

div#mastodon, div#admin-wrapper {
/* Dropdown */
--dropdown-border-color: var(--color-01-35);
--dropdown-background-color: rgba(var(--color-01-rgb-03), 0.9);
--dropdown-shadow: 0 20px 25px -5px rgba(var(--color-01-rgb-01), 0.25),
0 8px 10px -6px rgba(var(--color-01-rgb-01), 0.25);
/* Modal */
--modal-background-color: rgba(var(--color-01-rgb-03), 0.7);
--modal-background-variant-color: rgba(var(--color-01-rgb-05), 0.7);
--modal-border-color: var(--color-01-35);
/* Background */
--background-border-color: var(--color-01-82);
--background-filter: blur(10px) saturate(180%) contrast(75%) brightness(70%);
--background-color: var(--color-01-93);
--background-color-tint: rgba(var(--color-01-rgb-03), 0.9);
/* Surface */
--surface-background-color: var(--color-01-90);
--surface-variant-background-color: var(--color-01-89);
--surface-variant-active-background-color: var(--color-01-35);
--on-surface-color: rgba(var(--color-01-rgb-05), 0.5);
/* Media & Overlay */
--media-outline-color: rgba(var(--color-01-rgb-99), 0.15);
--overlay-icon-shadow: drop-shadow(0 0 8px rgba(var(--color-01-rgb-01), 0.25));
}
.swal2-popup {
color: #000;
}
/* Modal Overwrittes */
div.modal div.modal-content {
/* Colors adjusted to the existing scheme */
--bs-modal-color: var(--color-01-21); /* Text color: dark contrast against the light modal background */
--bs-modal-bg: var(--color-01-82); /* Background color, as desired */
--bs-modal-border-color: var(--color-01-82); /* A slightly darker border than the background */
--bs-modal-header-border-color: var(--color-01-87); /* Same shade as the modal border */
--bs-modal-footer-bg: var(--color-01-87); /* A slightly offset footer background (a bit darker than the main area) */
--bs-modal-footer-border-color: var(--color-01-87);
}