/* File: project/static/css/theme.css Descrizione: Sistema di temi globale per il sito. Contiene i valori di default ("factory reset"). Questo file definisce TUTTE le variabili usate nel sito e nella pagina Impostazioni Tema. */ /* --- TEMA CHIARO (DEFAULT) --- */ :root { /* === Colori Base (DAL TUO FILE ORIGINALE - NON MODIFICATI) === */ --body-bg-color: #F4F4F4; /* Sfondo principale dell'intera pagina (tag ) */ --text-color: #333333; /* Colore base del testo (usato per --text-color-primary) */ /* --login-text-color: #333333; */ /* RIMOSSO: Orfana */ --card-bg-color: #FFFFFF; /* Sfondo per elementi "card", box, tabelle, fieldset */ --main-nav-bg: #333333; /* Sfondo barra di navigazione (usato per --sidebar-bg-color) */ --main-nav-link: #FFFFFF; /* Colore link nella barra di navigazione */ --section-title-bg: #E2EAFC; /* Sfondo titoli di sezione (es. 'Legenda Stati') */ --section-title-color: #0056B3; /* Colore testo titoli di sezione */ --site-header-bg: #F8F9FA; /* Sfondo header principale (usato per --header-bg-color) */ --hr-color: #CCCCCC; /* Colore linee separazione (

) e bordi base (usato per --border-color) */ --button-color: #6C757D; /* Colore sfondo pulsanti generici/secondari (usato per --text-color-secondary) */ --button-hover-color: #5A6268; /* Colore hover pulsanti generici/secondari */ --container-bg-color: #FFFAF0; /* Sfondo specifico per container (test?) */ --background-color: #F8F8FF; /* CAMBIA LO SFONDO DEL CONTENITORE (test?) */ /* === Variabili Aggiunte per Pagina Impostazioni (collegate alle precedenti dove possibile) === */ /* NOTA: --primary-color non ha un equivalente diretto nel tuo file, */ /* viene aggiunto un nero di default che POTRAI CAMBIARE dalla pagina impostazioni. */ --primary-color: #000000; /* Colore primario (bottoni principali, link importanti). Default NERO, da personalizzare. */ /* --- MODIFICA: Sincronizzati i valori con ...custom.css --- */ --header-bg-color: #F8F9FA; /* Sfondo Header (Valore esplicito da custom.css) */ /* --sidebar-bg-color: var(--main-nav-bg); */ /* RIMOSSO: Ridondante (usa --main-nav-bg) */ /* --- MODIFICA: Spacchettamento Variabili Testo (come da piano) --- */ --text-color-primary: #333333; /* Testo Principale (per H1, H2, H3...). (Valore esplicito da custom.css) */ --text-color-body: #333333; /* NUOVA: Testo del Corpo (per P, TD, Label...). (Valore esplicito) */ /* ---------------------------------------------------------------- */ --text-color-secondary: #6C757D; /* Testo Secondario (labels, testo piccolo). (Valore esplicito da custom.css) */ --border-color: #CCCCCC; /* Colore Bordi generico. (Valore esplicito da custom.css) */ /* === NUOVA Variabile per il Footer === */ --text-color-footer: #000000; /* Colore testo per il footer (es. copyright) */ /* === Variabile Aggiunta per Box Filtri (Richiesta del 26/10/2025) === */ --query-box-bg-color: #E2F6FF; /* Sfondo per il box filtri (es. pagina 'history') */ /* === Variabili Tabelle (Standardizzazione) === */ --table-row-hover-bg: #0056B3; /* Sfondo riga tabella al passaggio mouse (Default: Blu Primario) */ --table-row-hover-text: #FFFFFF; /* Colore testo riga tabella al passaggio mouse (High Contrast) */ --table-bg-color: #FFFFFF; /* Sfondo base della tabella (Default: Bianco) */ } /* --- TEMA SCURO --- */ body.dark-mode { /* === Colori Base (Sincronizzati con theme_variables_custom.css) === */ --body-bg-color: #121212; /* Sfondo principale pagina (Scuro) */ --text-color: #000000; /* Colore testo standard (MANTENUTO #000000 come da tuo file) */ /* --login-text-color: #e0e0e0; */ /* RIMOSSO: Orfana */ --card-bg-color: #EFEFEF; /* Sfondo per "card", box, tabelle, fieldset (Scuro) --- AGGIORNATO */ --main-nav-bg: #424242; /* Sfondo navigazione (Scuro) --- AGGIORNATO */ --main-nav-link: #C9CED4; /* Colore link navigazione (Chiaro) */ --section-title-bg: #2C3A50; /* Sfondo titoli sezione (Scuro) */ --section-title-color: #90CAF9; /* Colore testo titoli sezione (Chiaro) */ --site-header-bg: #FFF5EE; /* Sfondo header principale (Scuro) --- AGGIORNATO */ --hr-color: #555555; /* Colore linee separazione e bordi base (Scuro) --- AGGIORNATO */ --button-color: #444444; /* Colore pulsanti generici/secondari (Scuro) */ --button-hover-color: #555555; /* Colore hover pulsanti generici/secondari (Scuro) */ --container-bg-color: #F5FFFA; /* mintcream COLORA LO SFONDO DEL CONTAINER (test?) - Mantenuto dal tuo file */ --background-color: #CFF9FF; /* CAMBIA LO SFONDO DEL CONTENITORE (test?) --- AGGIORNATO */ /* === Variabili Aggiunte per Pagina Impostazioni (Sincronizzate con theme_variables_custom.css) === */ --primary-color: #000000; --header-bg-color: #424242; /* Sfondo Header (Scuro) --- AGGIORNATO */ /* --sidebar-bg-color: var(--main-nav-bg); */ /* RIMOSSO: Ridondante (usa --main-nav-bg) */ /* --- MODIFICA: Spacchettamento Variabili Testo --- */ --text-color-primary: #000000; /* Testo Principale (per H1, H2, H3...) --- AGGIORNATO (da var(--text-color)) */ --text-color-body: #000000; /* NUOVA: Testo del Corpo (per P, TD, Label...) (Valore esplicito) */ /* ------------------------------------------------- */ --text-color-secondary: #54585D; /* Testo Secondario (Grigio chiaro) --- AGGIORNATO */ --border-color: #555555; /* Colore Bordi generico (Scuro) --- AGGIORNATO (da var(--hr-color)) */ /* === NUOVA Variabile per il Footer === */ --text-color-footer: #000000; /* Colore testo per il footer (Default nero anche in dark) */ /* === Variabile Aggiunta per Box Filtri (Richiesta del 26/10/2025) === */ --query-box-bg-color: #F9FFFD; /* Sfondo per il box filtri (Scuro) --- AGGIORNATO */ /* === Variabili Tabelle (Standardizzazione) === */ --table-row-hover-bg: #90CAF9; /* Sfondo riga tabella hover (Dark Mode: Celeste Chiaro) */ --table-row-hover-text: #000000; /* Testo riga tabella hover (Dark Mode: Nero su Chiaro) */ --table-bg-color: #E5E4E2; /* Sfondo base della tabella (Dark Mode: Leggermente più chiaro della card) */ } /* Stile per il pulsante del tema (toggle light/dark) */ #theme-toggle, .theme-toggle-login { background-color: var(--card-bg-color); /* Usa lo sfondo card del tema attivo */ color: var(--text-color); /* Usa il colore testo base del tema attivo */ border: 1px solid var(--border-color); /* Usa il colore bordi definito sopra */ transition: background-color 0.3s, color 0.3s, border-color 0.3s; /* Transizione fluida */ } /* Colore icona specifico per dark mode (per renderla visibile su sfondo scuro) */ body.dark-mode #theme-toggle, body.dark-mode .theme-toggle-login { color: var(--login-text-color); /* Usa il colore testo chiaro definito per il tema scuro */ }