/** * GCA Light theme overrides. * Aktiviraj sa data-theme="light" na ili . * Default je dark (postojeća CSS varijable). */ [data-theme="light"] { /* Pozadina i osnove */ --g9: #ffffff; --g8: #f5f5f5; --g7: #1a4d2e; --g6t: #555555; --g6: #444444; --g5: #2a8a5c; --g4: #4ca06e; --g3: #7ec095; --g2: #b0d4be; --g1: #e0f0e8; --g0: #f0f7f3; /* Tekst */ color-scheme: light; } /* Body i osnovni layout */ [data-theme="light"] body, body[data-theme="light"] { background: #f5f5f5 !important; color: #1a1a1a !important; } /* Topbar */ [data-theme="light"] .topbar, body[data-theme="light"] .topbar { background: #1a4d2e !important; color: #ffffff !important; } /* Sidebar */ [data-theme="light"] .sidebar, body[data-theme="light"] .sidebar { background: #ffffff !important; border-right: 1px solid #e0e0e0 !important; } [data-theme="light"] .nav-item, body[data-theme="light"] .nav-item { color: #444 !important; } [data-theme="light"] .nav-item:hover, body[data-theme="light"] .nav-item:hover { background: #f0f7f3 !important; } [data-theme="light"] .nav-item.active, body[data-theme="light"] .nav-item.active { background: rgba(42, 138, 92, 0.1) !important; color: #2a8a5c !important; } /* Kartice */ [data-theme="light"] .card, body[data-theme="light"] .card, [data-theme="light"] .sc, body[data-theme="light"] .sc { background: #ffffff !important; border: 1px solid #e0e0e0 !important; color: #1a1a1a !important; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important; } [data-theme="light"] .card-title, body[data-theme="light"] .card-title, [data-theme="light"] .sc-lbl, body[data-theme="light"] .sc-lbl { color: #444 !important; } [data-theme="light"] .sc-val, body[data-theme="light"] .sc-val { color: #1a4d2e !important; } /* Tabele */ [data-theme="light"] .tbl, body[data-theme="light"] .tbl { background: #ffffff !important; color: #1a1a1a !important; } [data-theme="light"] .tbl th, body[data-theme="light"] .tbl th { background: #f0f7f3 !important; color: #1a4d2e !important; border-bottom: 1px solid #d0d0d0 !important; } [data-theme="light"] .tbl td, body[data-theme="light"] .tbl td { border-bottom: 1px solid #f0f0f0 !important; } /* Forme */ [data-theme="light"] .fi, body[data-theme="light"] .fi, [data-theme="light"] input[type="text"], [data-theme="light"] input[type="number"], [data-theme="light"] input[type="email"], [data-theme="light"] input[type="date"], [data-theme="light"] input[type="time"], [data-theme="light"] select, [data-theme="light"] textarea { background: #ffffff !important; color: #1a1a1a !important; border: 1px solid #d0d0d0 !important; } [data-theme="light"] .fl, body[data-theme="light"] .fl { color: #555 !important; } /* Dugmad */ [data-theme="light"] .btn-o, body[data-theme="light"] .btn-o, [data-theme="light"] .bo, body[data-theme="light"] .bo { background: #ffffff !important; color: #1a4d2e !important; border: 1px solid #2a8a5c !important; } [data-theme="light"] .btn-p, body[data-theme="light"] .btn-p, [data-theme="light"] .bp, body[data-theme="light"] .bp { background: #2a8a5c !important; color: #ffffff !important; } /* Page header */ [data-theme="light"] .ph, body[data-theme="light"] .ph { color: #1a1a1a !important; } [data-theme="light"] .ph-title, body[data-theme="light"] .ph-title { color: #1a4d2e !important; } [data-theme="light"] .ph-sub, body[data-theme="light"] .ph-sub { color: #555 !important; } /* Modal */ [data-theme="light"] .modal, body[data-theme="light"] .modal { background: #ffffff !important; color: #1a1a1a !important; } [data-theme="light"] .modal-bg, body[data-theme="light"] .modal-bg { background: rgba(0, 0, 0, 0.4) !important; } /* Tabovi */ [data-theme="light"] .tab, body[data-theme="light"] .tab { background: transparent !important; color: #555 !important; border-bottom: 2px solid transparent !important; } [data-theme="light"] .tab.active, body[data-theme="light"] .tab.active { color: #2a8a5c !important; border-bottom-color: #2a8a5c !important; } /* Notif dropdown */ [data-theme="light"] #notifDropdown, body[data-theme="light"] #notifDropdown { background: #ffffff !important; border: 1px solid #e0e0e0 !important; color: #1a1a1a !important; } /* Golfer / mobilna verzija — manje agresivno */ [data-theme="light"] .app-mobile, body[data-theme="light"] .app-mobile { background: #f5f5f5 !important; }