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

61 lines
1.5 KiB
Django/Jinja

#pma_navigation {
background: linear-gradient(to right, var(--color-01-95), var(--color-01-85));
color: var(--color-01-05);
}
#pma_navigation_tree a {
color: var(--color-01-05);
}
#pma_navigation_tree li.activePointer, #pma_navigation_tree li.selected {
color: var(--color-01-05);
background-color: var(--color-01-70);
}
.breadcrumb-navbar {
background-color: var(--color-01-86);
}
.navbar-nav .nav-item {
background: linear-gradient(var(--color-01-99), var(--color-01-85));
border-right-color: var(--color-01-99);
border-left-color: var(--color-01-80);
border-bottom-color: var(--color-01-80);
}
.result_query div.sqlOuter {
background: var(--color-01-50);
}
.table {
--bs-table-bg: var(--color-01-99); /* #fff → white */
--bs-table-border-color: var(--color-01-99); /* #fff → white */
--bs-table-striped-bg: var(--color-01-90); /* #dfdfdf → light gray */
--bs-table-hover-color: var(--color-01-01); /* #000 → black */
}
.table thead th {
background-image: linear-gradient(var(--color-01-90), var(--color-01-80));
border-color: var(--color-01-99);
}
.table th, .table td {
text-shadow: 0 1px 0 var(--color-01-60);
}
div.tools, .tblFooters {
color: var(--color-01-01);
background: var(--color-01-62);
}
.navigation {
background: linear-gradient(var(--color-01-87), var(--color-01-69));
}
.pma-fieldset {
border-color: var(--color-01-17);
background: var(--color-01-80);
}