/* ===================================================================== Styles du projet — surcharges Bootstrap 5 Trois palettes pilotées par la page Réglages (classe sur ) : .palette-claire (défaut) | .palette-sombre | .palette-ocean ===================================================================== */ /* ----- Palettes ----- */ .palette-claire { --bs-primary: #2563eb; --bs-primary-rgb: 37, 99, 235; } .palette-sombre { --bs-primary: #818cf8; --bs-primary-rgb: 129, 140, 248; } .palette-ocean { --bs-primary: #0e7490; --bs-primary-rgb: 14, 116, 144; --bs-body-bg: #f0f9fa; } .palette-claire .btn-primary, .palette-sombre .btn-primary, .palette-ocean .btn-primary { --bs-btn-bg: var(--bs-primary); --bs-btn-border-color: var(--bs-primary); --bs-btn-hover-bg: color-mix(in srgb, var(--bs-primary) 85%, black); --bs-btn-hover-border-color: color-mix(in srgb, var(--bs-primary) 85%, black); } /* Pastilles de prévisualisation sur la page Réglages */ .palette-swatch { display: inline-block; width: 0.9rem; height: 0.9rem; border-radius: 50%; margin-right: 0.25rem; vertical-align: -0.1em; border: 1px solid rgba(0, 0, 0, 0.2); } .palette-swatch-claire { background: #2563eb; } .palette-swatch-sombre { background: #1e1b4b; } .palette-swatch-ocean { background: #0e7490; } /* ----- Cartes : bords arrondis + ombre légère (activable) ----- */ .ui-cartes-arrondies .app-card { border-radius: 0.75rem; border: 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05); } /* ----- Tableaux triables (activable) ----- */ .ui-tables-triables .table-sortable thead th { cursor: pointer; user-select: none; white-space: nowrap; } .ui-tables-triables .table-sortable thead th::after { content: "↕"; opacity: 0.3; margin-left: 0.35rem; font-size: 0.8em; } .ui-tables-triables .table-sortable thead th.sorted-asc::after { content: "↑"; opacity: 1; } .ui-tables-triables .table-sortable thead th.sorted-desc::after { content: "↓"; opacity: 1; }