/* =================================================================== */ /* LIGHT-THEME.CSS - Tema Chiaro */ /* =================================================================== */ /* Questo file definisce le variabili CSS per la modalità chiara, */ /* ispirate a Bootstrap 5.3. */ /* Per attivare questo tema, aggiungi l'attributo */ /* `data-bs-theme="light"` al tag o . */ /* =================================================================== */ [data-bs-theme="light"] { /* Colori Base */ --bs-body-color: #212529; --bs-body-bg: #ffffff; --bs-secondary-color: #6c757d; --bs-tertiary-bg: #f8f9fa; /* Bordi */ --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); /* Dropdown (per le notifiche) */ --bs-dropdown-bg: #ffffff; --bs-dropdown-color: #212529; --bs-dropdown-border-color: #dee2e6; --bs-dropdown-hover-bg: #f8f9fa; --bs-dropdown-header-bg: #f8f9fa; --bs-dropdown-divider-color: var(--bs-border-color-translucent); /* Card */ --bs-card-bg: #ffffff; /* Valore diretto */ --bs-card-header-bg: #f8f9fa; /* Valore diretto per forzare l'aggiornamento */ --bs-card-footer-bg: #f8f9fa; /* Valore diretto per forzare l'aggiornamento */ /* Tabelle */ --bs-table-bg: transparent; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-header-bg: #f8f9fa; /* Valore diretto */ --bs-table-header-color: var(--bs-body-color); /* Colori Semantici (es. per error-summary) */ --bs-primary: #0d6efd; --bs-light: #f8f9fa; --bs-secondary: #6c757d; --bs-danger: #dc3545; --bs-danger-bg-subtle: #f8d7da; --bs-danger-border-subtle: #f5c2c7; --bs-danger-text-emphasis: #842029; /* Componenti Specifici */ --bs-spinner-border-color: rgba(0, 0, 0, 0.25); /* Fix per Kartik GridView Grouping */ .kv-grid-group { background-color: var(--bs-tertiary-bg) !important; color: var(--bs-body-color) !important; } /* Fix per Header Tabelle Kartik tema chiaro */ .grid-view .card-header { background-color: var(--bs-table-header-bg) !important; color: var(--bs-table-header-color) !important; border-bottom-color: var(--bs-border-color) !important; } /* =================================================================== */ /* FIX PER SELECT2 IN LIGHT MODE (per coerenza) */ /* =================================================================== */ /* Input Principale e Campo di Ricerca */ .select2-container--krajee-bs5.select2-container--default .select2-selection--single, .select2-container--krajee-bs5.select2-container--default .select2-selection--multiple, .select2-container--krajee-bs5.select2-container--default .select2-search--dropdown .select2-search__field { background: var(--bs-body-bg) !important; /* Usa la proprietà shorthand 'background' per coerenza */ border-color: var(--bs-border-color) !important; } /* Colore del testo per l'input e il placeholder */ .select2-container--krajee-bs5.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--krajee-bs5.select2-container--default .select2-search--dropdown .select2-search__field { color: var(--bs-body-color) !important; } .select2-container--krajee-bs5.select2-container--default .select2-selection--single .select2-selection__placeholder { color: var(--bs-secondary-color) !important; } /* "Pill" delle selezioni (multiple) */ .select2-container--krajee-bs5.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: var(--bs-tertiary-bg) !important; border-color: var(--bs-border-color-translucent) !important; } .select2-container--krajee-bs5.select2-container--default .select2-selection--multiple .select2-selection__choice__display { color: var(--bs-body-color) !important; } /* Assicura che l'opzione evidenziata usi il colore primario del tema */ .select2-container--krajee-bs5.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--bs-primary) !important; color: white !important; } /* Opzione già SELEZIONATA (non in hover) */ .select2-container--krajee-bs5.select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--bs-table-striped-bg) !important; color: var(--bs-body-color) !important; } /* Opzione già selezionata E in HOVER (per coerenza) */ .select2-container--krajee-bs5.select2-container--default .select2-results__option--highlighted[aria-selected=true] { background-color: var(--bs-primary) !important; color: white !important; } }