/* ToPack - CSS custom minimo (stessa filosofia di Shopping Kart: tutto il resto dell'interfaccia usa esclusivamente classi Bootstrap 4.6). - .text-strike -> decorazione line-through (nomi degli elementi gia' messi in valigia), assente tra le utility text-decoration-* di Bootstrap 4 - .content-spacer -> spazio in fondo al contenuto per non finire sotto il menu fisso in fondo; .content-spacer-catalogo e' la stessa cosa ma piu' alta, per la vista Catalogo dove sopra al menu c'e' impilato anche il bottone fisso "Nuovo elemento" - .toast-fixed -> posizionamento del toast di conferma sopra il menu - .categoria-dot -> pallino colorato accanto al nome categoria (header di gruppo, badge editor), nessuna utility Bootstrap per un indicatore di colore rotondo - .swatch-btn -> pulsante colore circolare per la scelta del colore categoria In fondo al file: blocco tema scuro (html.theme-dark), come in Shopping Kart, perche' Bootstrap 4.6 non ha un tema scuro nativo. */ .text-strike { text-decoration: line-through; } .content-spacer { padding-bottom: 76px; } .content-spacer-catalogo { padding-bottom: 140px; } .toast-fixed { position: fixed; left: 50%; bottom: 140px; transform: translateX(-50%); z-index: 1080; max-width: 90%; } .mdi-icon { vertical-align: -0.15em; } .categoria-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; } .swatch-btn { display: inline-block; width: 22px; height: 22px; border-radius: 50%; padding: 0; border: 2px solid transparent; } .swatch-btn.selected { border-color: #343a40; } /* .catalogo-group-header / .lista-group-header -> barra colorata sul lato sinistro dell'intestazione di gruppo (categoria), stesso colore dello swatch della categoria - nessuna utility Bootstrap per un bordo laterale di spessore/colore arbitrario legato a un dato dinamico. */ .gruppo-bordo-colore { border-left-width: 4px; border-left-style: solid; } /* Tema scuro (attivato con la classe .theme-dark su , interruttore in Impostazioni) -> override manuale perche' Bootstrap 4.6 non ha un tema scuro nativo (introdotto solo in Bootstrap 5.3, che il progetto non usa per gli stessi motivi di compatibilita' Edge 14 di Shopping Kart). */ html.theme-dark body { background-color: #1a1d20; color: #e9ecef; } html.theme-dark .card, html.theme-dark .card-header, html.theme-dark .list-group-item, html.theme-dark .modal-content { background-color: #26292c; color: #e9ecef; border-color: #3a3f44; } html.theme-dark .bg-light { background-color: #26292c !important; color: #e9ecef; } html.theme-dark .border, html.theme-dark .border-top, html.theme-dark .border-bottom { border-color: #3a3f44 !important; } html.theme-dark .text-dark { color: #e9ecef !important; } html.theme-dark .text-muted { color: #adb5bd !important; } html.theme-dark .badge-light { background-color: #3a3f44; color: #e9ecef; } html.theme-dark .form-control, html.theme-dark .custom-select { background-color: #2f3337; border-color: #3a3f44; color: #e9ecef; } html.theme-dark .form-control::placeholder { color: #8a9096; } html.theme-dark .form-control:disabled, html.theme-dark .custom-select:disabled { background-color: #26292c; color: #8a9096; } html.theme-dark .close { color: #e9ecef; text-shadow: none; } html.theme-dark .btn-outline-secondary { color: #ced4da; border-color: #6c757d; } html.theme-dark .btn-outline-secondary:hover { background-color: #3a3f44; color: #fff; }