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);
}
body[data-theme="fakegpt"] {
@media (prefers-color-scheme: dark) {
body[data-theme="fakegpt"] {
--bg: #0b0f0d;
--bg-soft: #111715;
--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%);
color: #e8fff7;
color-scheme: dark;
}
}
body[data-theme="fakegpt"] .card,
body[data-theme="fakegpt"] .chat-sidebar,
body[data-theme="fakegpt"] .messages-panel,
body[data-theme="fakegpt"] .input-shell,
body[data-theme="fakegpt"] .market-shell,
body[data-theme="fakegpt"] .settings-panel,
body[data-theme="fakegpt"] .modal-card,
body[data-theme="fakegpt"] .persona-popover {
body[data-theme="fakegpt"] .card,
body[data-theme="fakegpt"] .chat-sidebar,
body[data-theme="fakegpt"] .messages-panel,
body[data-theme="fakegpt"] .input-shell,
body[data-theme="fakegpt"] .market-shell,
body[data-theme="fakegpt"] .settings-panel,
body[data-theme="fakegpt"] .modal-card,
body[data-theme="fakegpt"] .persona-popover {
background: rgba(18, 24, 21, 0.88);
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);
}
}
body[data-theme="fakegpt"] .auth-panel,
body[data-theme="fakegpt"] .auth-hero,
body[data-theme="fakegpt"] .workspace-overview,
body[data-theme="fakegpt"] .hero-stat,
body[data-theme="fakegpt"] .summary-card,
body[data-theme="fakegpt"] .context-pill,
body[data-theme="fakegpt"] .prompt-chip,
body[data-theme="fakegpt"] .status,
body[data-theme="fakegpt"] .model-popover,
body[data-theme="fakegpt"] .model-select,
body[data-theme="fakegpt"] .model-help {
body[data-theme="fakegpt"] .auth-panel,
body[data-theme="fakegpt"] .auth-hero,
body[data-theme="fakegpt"] .workspace-overview,
body[data-theme="fakegpt"] .hero-stat,
body[data-theme="fakegpt"] .summary-card,
body[data-theme="fakegpt"] .context-pill,
body[data-theme="fakegpt"] .prompt-chip,
body[data-theme="fakegpt"] .status,
body[data-theme="fakegpt"] .model-popover,
body[data-theme="fakegpt"] .model-select,
body[data-theme="fakegpt"] .model-help {
background: rgba(18, 24, 21, 0.9);
color: #e8fff7;
border-color: rgba(36, 255, 180, 0.12);
}
}
body[data-theme="fakegpt"] .chat-item,
body[data-theme="fakegpt"] .persona-item,
body[data-theme="fakegpt"] .hero-panel {
body[data-theme="fakegpt"] .chat-item,
body[data-theme="fakegpt"] .persona-item,
body[data-theme="fakegpt"] .hero-panel {
background: rgba(10, 15, 13, 0.92);
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;
box-shadow: 0 0 24px rgba(16, 163, 127, 0.22);
}
}
body[data-theme="fakegpt"] .msg.bot,
body[data-theme="fakegpt"] .msg.loading {
body[data-theme="fakegpt"] .msg.bot,
body[data-theme="fakegpt"] .msg.loading {
background: #141917;
border: 1px solid rgba(36, 255, 180, 0.08);
border-radius: 24px 24px 24px 8px;
box-shadow: 0 0 18px rgba(16, 163, 127, 0.08);
}
}
body[data-theme="fakegpt"] .typing-dot {