Promote table and backdrop variables to :root theme files
Move --table-* and --backdrop-* base definitions from component selectors in template.css into :root[data-bs-theme] blocks in light/dark theme files. Dark table uses white-rgb-based striped/active overlays for proper contrast on dark surfaces. Deduplicate the double --table-active-* declarations that existed in template.css. Backdrop values are identical in both themes. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -764,6 +764,21 @@ color-scheme: light;
|
||||
--nav-pills-border-radius: 0.25rem;
|
||||
--nav-pills-link-active-color: var(--body-bg);
|
||||
--nav-pills-link-active-bg: hsl(240, 98%, 17%);
|
||||
|
||||
/* ===== TABLE ===== */
|
||||
--table-color: var(--body-color);
|
||||
--table-bg: transparent;
|
||||
--table-border-color: var(--border-color);
|
||||
--table-accent-bg: transparent;
|
||||
--table-striped-color: var(--body-color);
|
||||
--table-striped-bg: rgba(var(--black-rgb), var(--opacity-5));
|
||||
--table-active-color: var(--body-color);
|
||||
--table-active-bg: rgba(var(--black-rgb), 0.075);
|
||||
|
||||
/* ===== BACKDROP ===== */
|
||||
--backdrop-zindex: 1040;
|
||||
--backdrop-bg: hsl(0, 0%, 0%);
|
||||
--backdrop-opacity: 0.5;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
||||
Reference in New Issue
Block a user