kevinveenbirkenbach/computer-playbook
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/computer-playbook.git synced 2025-09-09 11:47:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): rename inj roles to sys-front-*, add sys-svc-cdn, cache-busting lookup

Browse Source 
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
This commit is contained in:
Kevin Veen-Birkenbach
2025-09-01 10:10:23 +02:00
parent 3f8e7c1733
commit 231fd567b3
123 changed files with 1789 additions and 1393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
roles/web-app-mastodon/templates/style.css.j2 Normal file
View File

@@ -0,0 +1,43 @@
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);
}