mirror of
https://github.com/kevinveenbirkenbach/computer-playbook.git
synced 2025-09-08 19:27:18 +02:00
Kevin Veen-Birkenbach
231fd567b3
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
70 lines
2.6 KiB
Django/Jinja
70 lines
2.6 KiB
Django/Jinja
|
|
/* Buttons (Background, Text, Border, and Shadow)
|
|
Now using a button background that is only slightly darker than the overall background */
|
|
html[native-dark-active] .btn, .btn {
|
|
background-color: var(--color-01-87);
|
|
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-70), var(--color-01-91), var(--color-01-95), var(--color-01-95));
|
|
color: var(--color-01-50);
|
|
border-color: var(--color-01-80);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Navigation (Background and Text Colors) */
|
|
.navbar, .navbar-light, .navbar-dark, .navbar.bg-light {
|
|
background-color: var(--color-01-90);
|
|
/* New Gradient based on original background (90 -5, 90, 90 +1, 90 +5) */
|
|
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-85), var(--color-01-90), var(--color-01-91), var(--color-01-95));
|
|
color: var(--color-01-50);
|
|
border-color: var(--color-01-85);
|
|
}
|
|
|
|
.navbar a {
|
|
color: var(--color-01-40);
|
|
}
|
|
|
|
.navbar a.dropdown-item {
|
|
color: var(--color-01-43);
|
|
}
|
|
|
|
/* Cards / Containers (Background, Border, and Shadow)
|
|
Cards now use a slightly lighter background and a bold, clear shadow */
|
|
.card {
|
|
background-color: var(--color-01-90);
|
|
/* New Gradient based on original background (90 -5, 90, 90 +1, 90 +5) */
|
|
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-85), var(--color-01-90), var(--color-01-91), var(--color-01-95));
|
|
border-color: var(--color-01-85);
|
|
color: var(--color-01-12);
|
|
}
|
|
|
|
.card-body {
|
|
color: var(--color-01-40);
|
|
}
|
|
|
|
/* Dropdown Menu and Submenu (Background, Text, and Shadow) */
|
|
.navbar .dropdown-menu,
|
|
.nav-item .dropdown-menu {
|
|
background-color: var(--color-01-80);
|
|
/* New Gradient based on original background (80 -5, 80, 80 +1, 80 +5) */
|
|
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-75), var(--color-01-80), var(--color-01-81), var(--color-01-85));
|
|
color: var(--color-01-40);
|
|
}
|
|
|
|
.navbar-nav {
|
|
--bs-nav-link-hover-color: var(--color-01-17);
|
|
}
|
|
|
|
.dropdown-item {
|
|
color: var(--color-01-40);
|
|
background-color: var(--color-01-80);
|
|
/* New Gradient based on original background (80 -5, 80, 80 +1, 80 +5) */
|
|
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-75), var(--color-01-80), var(--color-01-81), var(--color-01-85));
|
|
}
|
|
|
|
.dropdown-item:hover,
|
|
.dropdown-item:focus {
|
|
background-color: var(--color-01-65);
|
|
/* New Gradient based on original background (65 -5, 65, 65 +1, 65 +5) */
|
|
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-60), var(--color-01-65), var(--color-01-66), var(--color-01-70));
|
|
color: var(--color-01-40);
|
|
}
|