/* * Theme base — Neutral (DESIGN.md §2.3). * * `data-bs-theme-base="neutral"` on is inert in Tabler 1.4.0's * vendored CSS, so we remap Tabler's gray scale onto Tailwind's * neutral palette here. Tabler derives `bg-surface`, `border-color`, * `body-bg`, `muted`, etc. from `--tblr-gray-*`, so overriding the * scale re-skins every neutral surface in one place. * * Tabler's `--tblr-gray`, `--tblr-gray-dark`, `--tblr-secondary`, * `--tblr-muted`, `--tblr-light`, `--tblr-dark` are hard-coded to hex * rather than `var(--tblr-gray-*)`, so we re-declare them too. */ :root, [data-bs-theme="light"] { /* Tailwind neutral scale (DESIGN.md §2.3) */ --tblr-gray-50: #fafafa; --tblr-gray-100: #f5f5f5; --tblr-gray-200: #e5e5e5; --tblr-gray-300: #d4d4d4; --tblr-gray-400: #a3a3a3; --tblr-gray-500: #737373; --tblr-gray-600: #525252; --tblr-gray-700: #404040; --tblr-gray-800: #262626; --tblr-gray-900: #171717; --tblr-gray-950: #0a0a0a; /* Derived aliases that Tabler hard-codes, realigned to the new scale */ --tblr-gray: #525252; /* gray-600 */ --tblr-gray-dark: #262626; /* gray-800 */ --tblr-secondary: #737373; /* gray-500 */ --tblr-muted: #737373; /* gray-500 */ --tblr-light: #fafafa; /* gray-50 */ --tblr-dark: #262626; /* gray-800 */ }