/** * main.css - Global Overrides für Tabler.io * Diese Datei überschreibt ausschließlich die Standard-CSS-Variablen von Tabler/Bootstrap. * Muss nach der tabler.min.css eingebunden werden. */ /* ========================================================================== 1. Globale Variablen & Theme-Anpassungen (Light Mode) ========================================================================== */ :root { /* Typografie */ --tblr-font-sans-serif: 'Verdana', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; --tblr-font-size-base: 0.875rem; --tblr-line-height-base: 1.4285714; /* Primärfarbe (Standard: Tabler-Blau) */ --tblr-primary: #990000; --tblr-primary-rgb: 153, 0, 0; /* RGB-Pendant für Alpha-Transparenzen */ --tblr-primary-fg: #ffffff; /* Textfarbe auf Primärhintergrund */ /* Sekundärfarbe */ --tblr-secondary: #6c7a91; --tblr-secondary-rgb: 108, 122, 145; /* Status-Farben */ --tblr-success: #2fb344; --tblr-info: #4299e1; --tblr-warning: #f59f00; --tblr-danger: #d63939; /* Globale Eckenabrundung */ --tblr-border-radius: 4px; --tblr-border-radius-sm: 2px; --tblr-border-radius-lg: 8px; /* Globale Rahmen- und Linienfarbe */ --tblr-border-color: #e6e7e9; } /* ========================================================================== 2. Dark Mode Overrides (Aktiviert über data-bs-theme="dark" im ) ========================================================================== */ [data-bs-theme="dark"] { /* Primärfarbe im Dark Mode */ --tblr-primary: #990000; --tblr-primary-rgb: 153, 0, 0; /* Hintergrundfarben */ --tblr-body-bg: #1a2234; --tblr-card-bg: #1d273b; /* Text- und Rahmenfarben im Dark Mode */ --tblr-body-color: #f4f6fa; --tblr-border-color: #2a364f; /* Navbar-Background */ --tblr-bg-surface: #990000; } /* ========================================================================== 3. GENERAL SETTINGS ========================================================================== */ h1 { margin-top: 1.3rem; margin-bottom: 1.3rem; } h2 { margin-top: 1.2rem; margin-bottom: 1.2rem; } .table-relaxed th, .table-relaxed td { padding-right: 2rem !important; } /* ========================================================================== 4. NAVBAR / HEADER OVERRIDES ========================================================================== */ .navbar-brand { display: inline-block; } .navbar-brand-image { height: 3rem; } .nav-link { font-size: 1.1rem; color: var(--tblr-white); text-transform: uppercase; font-weight: 500; }