/** * Optimized Glassmorphism Effects for Raspberry Pi * Performance-optimized version with effects only on navbar */ /* Glassmorphism nur für Navbar */ .navbar::before, .glass-nav { background: rgba(255, 255, 255, 0.85); border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .dark .navbar::before, .dark .glass-nav { background: rgba(15, 23, 42, 0.85); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); } /* Alle anderen Glass-Effekte entfernt für Performance */ .glass-base, .glass-card, .glass-btn, .glass-input, .glass-dropdown, .glass-modal, .glass-sidebar, .glass-header, .glass-footer, .glass-table, .glass-badge, .glass-alert, .glass-tooltip, .glass-progress, .glass-tab { /* Keine Effekte - nur einfache Hintergründe */ background: rgba(255, 255, 255, 0.95); border: 1px solid rgba(0, 0, 0, 0.1); } .dark .glass-base, .dark .glass-card, .dark .glass-btn, .dark .glass-input, .dark .glass-dropdown, .dark .glass-modal, .dark .glass-sidebar, .dark .glass-header, .dark .glass-footer, .dark .glass-table, .dark .glass-badge, .dark .glass-alert, .dark .glass-tooltip, .dark .glass-progress, .dark .glass-tab { background: rgba(15, 23, 42, 0.95); border: 1px solid rgba(255, 255, 255, 0.1); } /* Utility Classes - Keine Effekte */ .glass-light { background: rgba(255, 255, 255, 0.9); } .glass-dark { background: rgba(0, 0, 0, 0.9); } .glass-blur-none { /* Kein Blur */ } .glass-blur-sm { /* Kein Blur */ } .glass-blur-md { /* Kein Blur */ } .glass-blur-lg { /* Kein Blur */ } .glass-blur-xl { /* Kein Blur */ } /* Border Utilities */ .glass-border-light { border-color: rgba(255, 255, 255, 0.2); } .glass-border-dark { border-color: rgba(0, 0, 0, 0.2); } /* Keine Hover-Effekte für Performance */