Files
computer-playbook/roles/web-app-lam/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

52 lines
2.4 KiB
Django/Jinja

:root {
--lam-background-color-default: var(--color-01-99); {# from #FFFFFF (very bright white) #}
--lam-input-bg-color: var(--color-01-98); {# from #fcfcfc (almost white) #}
--lam-text-color-default: var(--color-01-01); {# from #000000 (pure black) #}
--lam-border-color: var(--color-01-90); {# from #e8e8e8 (light grey) #}
--lam-border-color-primary: var(--color-01-15); {# from #01689e (dark blue) #}
--lam-border-color-secondary: var(--color-01-85); {# from #ffcb1d (bright yellow) #}
--lam-background-color-primary: var(--color-01-50); {# from #3daee9 (mid-tone blue) #}
--lam-background-color-secondary: var(--color-01-90); {# from #ffe233 (bright yellow) #}
--lam-text-color-primary: var(--color-01-99); {# from #ffffff (pure white) #}
--lam-text-color-secondary: var(--color-01-01); {# from #000000 (pure black) #}
--lam-text-color-ok: var(--color-01-10); {# from #237d0c (dark green) #}
--lam-table-background-color-bright: var(--color-01-98); {# from #fbfbfb (very light grey) #}
--lam-table-background-color-dark: var(--color-01-92); {# from #e8f3ff (light blue) #}
--lam-table-background-color-hover: var(--color-01-50); {# from #3daee9 (mid-tone blue) #}
--lam-table-text-color-hover: var(--color-01-99); {# from #ffffff (pure white) #}
--lam-table-border-color: var(--color-01-50); {# from #3daee9 (mid-tone blue) #}
}
/** LAM Specific **/
.lam-vertical-tabs-navigation li, .lam-vertical-tabs-navigation{
background-color: transparent !important;
border-color: transparent;
}
ul.lam-tab-navigation {
background: rgba(var(--color-01-rgb-90), 0.1);
border-color: transparent;
}
/* Not changable due to inline css */
.roundedShadowBox {
color: #000000;
}
.titleBar {
background-image: linear-gradient(var(--color-01-83), var(--color-01-92));
/* New Gradient based on original background (83 -5, 83, 83 +1, 83 +5) */
background-image: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-78), var(--color-01-83), var(--color-01-84), var(--color-01-88));
border-top-color: var(--color-01-78);
border-left-color: var(--color-01-87);
border-right-color: var(--color-01-87);
}
div.statusInfo {
background-color: var(--color-01-81);
/* New Gradient based on original background (81 -5, 81, 81 +1, 81 +5) */
background: linear-gradient({{ range(0, 361) | random }}deg, var(--color-01-76), var(--color-01-81), var(--color-01-82), var(--color-01-86));
color: var(--color-01-23);
}