/* ========================================================== Donati Theme Palette (Tabella colori Donati): #082B24 (RAL 6009) · #153E35 (RAL 6005) · #007357 (RAL 6016) #383D45 (RAL 7024) · #CBCCCC (RAL 9002) Sidebar verde scuro #082B24, content chiaro #f0f4f3, accent #007357 Si applica quando ========================================================== */ [data-theme="donati"] { /* — Sidebar — */ --sidebar-bg: #082B24; --sidebar-bg-gradient: linear-gradient(180deg, #153E35 0%, #082B24 100%); --sidebar-color: #ffffff; --sidebar-hover: rgba(126, 210, 185, 0.10); --sidebar-active: rgba(126, 210, 185, 0.18); --sidebar-border: rgba(126, 210, 185, 0.12); --sidebar-group-color: rgba(126, 210, 185, 0.55); /* — Superfici — */ --content-bg: #f0f4f3; --card-bg: #ffffff; --card-shadow: 0 1px 3px rgba(8, 43, 36, 0.05), 0 4px 16px rgba(8, 43, 36, 0.07); --card-shadow-hover: 0 4px 24px rgba(8, 43, 36, 0.13); /* — Bordi — */ --border-color: #dbe6e2; --border-input: #bcd3cb; /* — Testo — */ --text-primary: #082B24; --text-secondary: #4f6b63; --text-muted: #8aa39b; /* — Colori principali — */ --accent: #007357; --accent-hover: #005f48; --accent-light: rgba(0, 115, 87, 0.09); --highlight: #2f9e82; --highlight-light: rgba(47, 158, 130, 0.12); --magenta: #383D45; --magenta-light: rgba(56, 61, 69, 0.10); --gold: #FBB32A; --gold-light: rgba(251, 179, 42, 0.12); /* — Colori semantici — */ --success: #22c55e; --success-light: #f0fdf4; --warning: #FBB32A; --warning-light: rgba(251, 179, 42, 0.12); --danger: #ef4444; --danger-light: #fef2f2; --info: #2f9e82; --info-light: rgba(47, 158, 130, 0.12); /* — Primary Background Subtle — */ --primary-bg-subtle: rgba(0, 115, 87, 0.09); /* — Bottoni (token per adattamento al tema) — */ --accent-shadow-rgb: 8, 43, 36; --btn-soft-primary-hover-bg: rgba(0, 115, 87, 0.16); --btn-gradient-primary: linear-gradient(135deg, #007357, #0a8f6d); --btn-gradient-magenta: linear-gradient(135deg, #383D45, #4a515b); } /* ---------------------------------------------------------------- Sidebar: colori hardcoded nel base CSS → override ---------------------------------------------------------------- */ [data-theme="donati"] .sidebar-menu-link { color: rgba(255, 255, 255, 0.65); } [data-theme="donati"] .sidebar-menu-link:hover { border-left-color: #5cc4a6; color: #ffffff; } [data-theme="donati"] .sidebar-menu-link.active { border-left-color: #5cc4a6; color: #ffffff; } [data-theme="donati"] .sidebar-menu-link.active i { color: #5cc4a6; } [data-theme="donati"] .sidebar-divider { background-color: rgba(126, 210, 185, 0.10); } [data-theme="donati"] .sidebar-footer { border-top-color: rgba(126, 210, 185, 0.10); background: rgba(0, 0, 0, 0.15); } [data-theme="donati"] .user-role { color: rgba(126, 210, 185, 0.60); } [data-theme="donati"] .user-avatar { background: linear-gradient(135deg, #2f9e82, #007357); } /* ---------------------------------------------------------------- Topbar ---------------------------------------------------------------- */ [data-theme="donati"] .topbar { background-color: #ffffff; border-bottom-color: #dbe6e2; box-shadow: 0 1px 3px rgba(8, 43, 36, 0.04); } /* ---------------------------------------------------------------- Buttons ---------------------------------------------------------------- */ [data-theme="donati"] .btn-primary { background-color: #007357; border-color: #007357; color: #ffffff; } [data-theme="donati"] .btn-primary:hover, [data-theme="donati"] .btn-primary:focus { background-color: #005f48; border-color: #005f48; color: #ffffff; } [data-theme="donati"] .btn-outline-primary { color: #007357; border-color: #007357; } [data-theme="donati"] .btn-outline-primary:hover { background-color: #007357; color: #ffffff; } /* ---------------------------------------------------------------- Form inputs ---------------------------------------------------------------- */ [data-theme="donati"] .form-control:focus, [data-theme="donati"] .form-select:focus { border-color: #2f9e82; box-shadow: 0 0 0 3px rgba(47, 158, 130, 0.18); } /* ---------------------------------------------------------------- Tables ---------------------------------------------------------------- */ [data-theme="donati"] .table thead th { background-color: rgba(0, 115, 87, 0.04); border-bottom-color: #dbe6e2; color: var(--text-secondary); } [data-theme="donati"] .table tbody tr:hover td { background-color: rgba(0, 115, 87, 0.03); } /* ---------------------------------------------------------------- Badges ---------------------------------------------------------------- */ [data-theme="donati"] .badge.bg-primary { background-color: rgba(0, 115, 87, 0.12) !important; color: #007357 !important; } /* ---------------------------------------------------------------- Card tabs active ---------------------------------------------------------------- */ [data-theme="donati"] .card-tabs .card-tab.active { color: #007357; border-bottom-color: #007357; } /* ---------------------------------------------------------------- Sidebar toggle hover ---------------------------------------------------------------- */ [data-theme="donati"] .sidebar-toggle:hover, [data-theme="donati"] .notification-icon:hover { background-color: rgba(0, 115, 87, 0.08); }