hansjone/oclaw
1
0
Fork 0
mirror of https://github.com/hansjone/oclaw.git synced 2026-10-10 13:00:45 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Align Admin/Chat UI with NetX dark ops shell.

Browse source 
Add a netx theme preset as the default, variable-drive chrome styles, and keep legacy DeepSeek/other palettes available.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-08-11 03:25:48 +08:00
parent e4b7b8d12e
commit cbd9942b0b
7 changed files with 317 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

59
interfaces/admin/static/theme-presets.css
View file

@ -1,5 +1,62 @@
/* Classic admin/chat palettes: override CSS variables on body.theme-ds-body[data-admin-theme="…"].
Default (no attribute or deepseek) stays in theme-deepseek.css. */
Default attribute-less body uses theme-deepseek.css (DeepSeek). New installs default to netx via admin-theme.js. */
/* NetX dark ops shell — maps netx --nm-* chrome to --ds-* used by Admin/Chat. */
body.theme-ds-body[data-admin-theme="netx"] {
--ds-bg: #070b14;
--ds-chat-main: #070b14;
--ds-surface: #0f172a;
--ds-surface-2: #152033;
--ds-border: rgba(148, 163, 184, 0.18);
--ds-text: #e2e8f0;
--ds-text-muted: #94a3b8;
--ds-accent: #3b82f6;
--ds-accent-soft: rgba(59, 130, 246, 0.22);
--ds-sidebar: #0c1220;
--ds-topbar-bg: rgba(6, 10, 18, 0.94);
--ds-accent-border: rgba(59, 130, 246, 0.4);
--ds-accent-border-strong: rgba(59, 130, 246, 0.55);
--ds-accent-link: #60a5fa;
--ds-accent-scrollbar: #475569;
--ds-accent-scrollbar-hover: #64748b;
--ds-panel: rgba(15, 23, 42, 0.92);
--ds-chat-scroll-track: #0f172a;
--ds-chat-scroll-thumb: #475569;
--ds-chat-scroll-thumb-hover: #64748b;
--chat-sess-hover-bg: rgba(148, 163, 184, 0.08);
--chat-sess-active-bg: rgba(59, 130, 246, 0.16);
--chat-sess-border: rgba(148, 163, 184, 0.18);
--chat-user-bubble-bg: #2563eb;
--chat-user-bubble-fg: #f8fafc;
--ds-overlay-bg: rgba(2, 6, 23, 0.72);
--ds-menu-hover-bg: rgba(148, 163, 184, 0.1);
--ds-menu-sep: rgba(148, 163, 184, 0.16);
--ds-pop-shadow: 0 8px 24px rgba(2, 6, 23, 0.55);
--ds-modal-shadow: 0 16px 48px rgba(2, 6, 23, 0.65);
--ds-scroll-track-hover: rgba(148, 163, 184, 0.08);
--ds-lightbox-bg: rgba(2, 6, 23, 0.78);
--ds-lightbox-panel-bg: rgba(15, 23, 42, 0.92);
--ds-lightbox-control-bg: rgba(15, 23, 42, 0.95);
--ds-lightbox-control-fg: #e2e8f0;
--ds-lightbox-control-hover-bg: #1e293b;
--ds-lightbox-btn-bg: rgba(15, 23, 42, 0.85);
--ds-lightbox-btn-hover-bg: #1e293b;
--ds-toast-bg: rgba(15, 23, 42, 0.96);
--ds-toast-error-bg: rgba(185, 28, 28, 0.96);
--ds-toast-fg: #f8fafc;
--ds-splash-bg: rgba(15, 23, 42, 0.55);
--ds-splash-border: rgba(148, 163, 184, 0.18);
--ds-splash-spinner-track: rgba(148, 163, 184, 0.25);
--ds-splash-spinner-active: #60a5fa;
}
body.theme-ds-body[data-admin-theme="netx"] .card {
background: var(--ds-panel);
}
body.theme-ds-body[data-admin-theme="netx"] .table-wrap {
background: var(--ds-panel);
}
body.theme-ds-body[data-admin-theme="github"] {
--ds-bg: #0d1117;