/** * Design tokeni — ChatGPT-inspirisan panel (svetla / tamna). * Menja se klasa na : .tg-theme-dark */ :root { color-scheme: light; /* Svetla (ChatGPT-web slično) */ --tg-bg: #f7f7f8; --tg-surface: #ffffff; --tg-surface-2: #f4f4f5; --tg-border: #e5e5e5; --tg-text: #0d0d0d; --tg-text-muted: #676767; --tg-accent: #10a37f; --tg-accent-hover: #0d8f6e; --tg-focus: rgba(16, 163, 127, 0.35); --tg-danger: #c62828; --tg-radius: 12px; --tg-radius-sm: 8px; --tg-shadow: 0 1px 2px rgba(0, 0, 0, 0.06); --tg-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --tg-sidebar-w: 260px; /* Miran panel hover (DO sidebar / accordion standard) */ --tg-panel-hover-fill: rgba(15, 23, 42, 0.05); --tg-panel-hover-fill-active: rgba(15, 23, 42, 0.06); --tg-panel-hover-text: var(--tg-text); } html.tg-theme-dark { color-scheme: dark; --tg-bg: #212121; --tg-surface: #2f2f2f; --tg-surface-2: #383838; --tg-border: #424242; --tg-text: #ececec; --tg-text-muted: #b4b4b4; --tg-accent: #10a37f; --tg-accent-hover: #12b88a; --tg-focus: rgba(18, 184, 138, 0.4); --tg-shadow: 0 1px 2px rgba(0, 0, 0, 0.35); --tg-panel-hover-fill: rgba(255, 255, 255, 0.06); --tg-panel-hover-fill-active: rgba(255, 255, 255, 0.08); --tg-panel-hover-text: var(--tg-text); } .tg-panel-active, .tg-panel-login-page { font-family: var(--tg-font); color: var(--tg-text); } .tg-panel-active .site-content, .tg-panel-login-page .site-content { background-color: var(--tg-bg); } /* Hard fallback: never show Astra chrome on panel templates. */ .tg-panel-active #masthead, .tg-panel-active .site-header, .tg-panel-active #colophon, .tg-panel-active .site-footer, .tg-panel-login-page #masthead, .tg-panel-login-page .site-header, .tg-panel-login-page #colophon, .tg-panel-login-page .site-footer { display: none !important; }