Fretux/KrisHD_AI
3
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix dark mode styling

Browse Source
This commit is contained in:
fretuks
2026-04-15 22:06:32 +02:00
parent 7cff596749
commit d9792efe34
1 changed files with 96 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/style.css
+33 -31
View File
@@ -2379,7 +2379,8 @@ select:focus {
border: 1px dashed var(--line-strong); border: 1px dashed var(--line-strong);
} }
body[data-theme="fakegpt"] { @media (prefers-color-scheme: dark) {
body[data-theme="fakegpt"] {
--bg: #0b0f0d; --bg: #0b0f0d;
--bg-soft: #111715; --bg-soft: #111715;
--surface: rgba(18, 24, 21, 0.88); --surface: rgba(18, 24, 21, 0.88);
@@ -2429,55 +2430,56 @@ body[data-theme="fakegpt"] {
background: radial-gradient(circle at top left, rgba(16, 163, 127, 0.15), transparent 26%), linear-gradient(180deg, #0b0f0d 0%, #111715 100%); background: radial-gradient(circle at top left, rgba(16, 163, 127, 0.15), transparent 26%), linear-gradient(180deg, #0b0f0d 0%, #111715 100%);
color: #e8fff7; color: #e8fff7;
color-scheme: dark; color-scheme: dark;
} }
body[data-theme="fakegpt"] .card, body[data-theme="fakegpt"] .card,
body[data-theme="fakegpt"] .chat-sidebar, body[data-theme="fakegpt"] .chat-sidebar,
body[data-theme="fakegpt"] .messages-panel, body[data-theme="fakegpt"] .messages-panel,
body[data-theme="fakegpt"] .input-shell, body[data-theme="fakegpt"] .input-shell,
body[data-theme="fakegpt"] .market-shell, body[data-theme="fakegpt"] .market-shell,
body[data-theme="fakegpt"] .settings-panel, body[data-theme="fakegpt"] .settings-panel,
body[data-theme="fakegpt"] .modal-card, body[data-theme="fakegpt"] .modal-card,
body[data-theme="fakegpt"] .persona-popover { body[data-theme="fakegpt"] .persona-popover {
background: rgba(18, 24, 21, 0.88); background: rgba(18, 24, 21, 0.88);
border-color: rgba(36, 255, 180, 0.14); border-color: rgba(36, 255, 180, 0.14);
box-shadow: 0 0 0 1px rgba(36, 255, 180, 0.05), 0 0 26px rgba(16, 163, 127, 0.12); box-shadow: 0 0 0 1px rgba(36, 255, 180, 0.05), 0 0 26px rgba(16, 163, 127, 0.12);
} }
body[data-theme="fakegpt"] .auth-panel, body[data-theme="fakegpt"] .auth-panel,
body[data-theme="fakegpt"] .auth-hero, body[data-theme="fakegpt"] .auth-hero,
body[data-theme="fakegpt"] .workspace-overview, body[data-theme="fakegpt"] .workspace-overview,
body[data-theme="fakegpt"] .hero-stat, body[data-theme="fakegpt"] .hero-stat,
body[data-theme="fakegpt"] .summary-card, body[data-theme="fakegpt"] .summary-card,
body[data-theme="fakegpt"] .context-pill, body[data-theme="fakegpt"] .context-pill,
body[data-theme="fakegpt"] .prompt-chip, body[data-theme="fakegpt"] .prompt-chip,
body[data-theme="fakegpt"] .status, body[data-theme="fakegpt"] .status,
body[data-theme="fakegpt"] .model-popover, body[data-theme="fakegpt"] .model-popover,
body[data-theme="fakegpt"] .model-select, body[data-theme="fakegpt"] .model-select,
body[data-theme="fakegpt"] .model-help { body[data-theme="fakegpt"] .model-help {
background: rgba(18, 24, 21, 0.9); background: rgba(18, 24, 21, 0.9);
color: #e8fff7; color: #e8fff7;
border-color: rgba(36, 255, 180, 0.12); border-color: rgba(36, 255, 180, 0.12);
} }
body[data-theme="fakegpt"] .chat-item, body[data-theme="fakegpt"] .chat-item,
body[data-theme="fakegpt"] .persona-item, body[data-theme="fakegpt"] .persona-item,
body[data-theme="fakegpt"] .hero-panel { body[data-theme="fakegpt"] .hero-panel {
background: rgba(10, 15, 13, 0.92); background: rgba(10, 15, 13, 0.92);
border-color: rgba(36, 255, 180, 0.12); border-color: rgba(36, 255, 180, 0.12);
} }
body[data-theme="fakegpt"] .msg.user { body[data-theme="fakegpt"] .msg.user {
border-radius: 24px 24px 8px 24px; border-radius: 24px 24px 8px 24px;
box-shadow: 0 0 24px rgba(16, 163, 127, 0.22); box-shadow: 0 0 24px rgba(16, 163, 127, 0.22);
} }
body[data-theme="fakegpt"] .msg.bot, body[data-theme="fakegpt"] .msg.bot,
body[data-theme="fakegpt"] .msg.loading { body[data-theme="fakegpt"] .msg.loading {
background: #141917; background: #141917;
border: 1px solid rgba(36, 255, 180, 0.08); border: 1px solid rgba(36, 255, 180, 0.08);
border-radius: 24px 24px 24px 8px; border-radius: 24px 24px 24px 8px;
box-shadow: 0 0 18px rgba(16, 163, 127, 0.08); box-shadow: 0 0 18px rgba(16, 163, 127, 0.08);
}
} }
body[data-theme="fakegpt"] .typing-dot { body[data-theme="fakegpt"] .typing-dot {