feat: refine OT flow, reports, theming and sidebar UX

2026-07-02 22:19:03 +01:00
parent 8231bba3f9
commit 9bf176b385
48 changed files with 3469 additions and 599 deletions
@@ -2,4 +2,84 @@

 :root {
  --radius: 0.5rem;
+  --brand-primary: #2563eb;
+  --brand-accent: #0ea5e9;
+  --ui-bg: #030712;
+  --ui-panel: #0b1220;
+  --ui-panel-soft: #121a2c;
+  --ui-border: #263248;
+  --ui-text: #e2e8f0;
+  --ui-muted: #94a3b8;
+  --ui-sidebar: #0b1326;
+  --ui-hover: #1d2940;
+  --ui-input-bg: #0a1326;
+  --ui-input-border: #31415f;
+  --ui-input-text: #e2e8f0;
+  --ui-link: #7dd3fc;
+}
+
+:root.theme-light {
+  color-scheme: light;
+  --ui-bg: #f2f6fb;
+  --ui-panel: #ffffff;
+  --ui-panel-soft: #f8fbff;
+  --ui-border: #d7e0ee;
+  --ui-text: #0f172a;
+  --ui-muted: #475569;
+  --ui-sidebar: #eef3fa;
+  --ui-hover: #e6edf8;
+  --ui-input-bg: #ffffff;
+  --ui-input-border: #cfd8e6;
+  --ui-input-text: #0f172a;
+  --ui-link: #0369a1;
+}
+
+body {
+  background-color: var(--ui-bg);
+  color: var(--ui-text);
+}
+
+/* App (tenant) light mode compatibility for legacy slate utility usage */
+:root.theme-light .app-shell .bg-slate-950 {
+  background-color: #f2f6fb !important;
+}
+
+:root.theme-light .app-shell .bg-slate-900,
+:root.theme-light .app-shell .bg-slate-900\/50,
+:root.theme-light .app-shell .bg-slate-900\/60,
+:root.theme-light .app-shell .bg-slate-900\/65 {
+  background-color: #ffffff !important;
+}
+
+:root.theme-light .app-shell .bg-slate-800,
+:root.theme-light .app-shell .bg-slate-800\/50,
+:root.theme-light .app-shell .bg-slate-800\/80 {
+  background-color: #edf3fa !important;
+}
+
+:root.theme-light .app-shell .text-white {
+  color: #0f172a !important;
+}
+
+:root.theme-light .app-shell .text-slate-400,
+:root.theme-light .app-shell .text-slate-500 {
+  color: #475569 !important;
+}
+
+:root.theme-light .app-shell .text-slate-300,
+:root.theme-light .app-shell .text-slate-200 {
+  color: #1e293b !important;
+}
+
+:root.theme-light .app-shell .border-slate-800,
+:root.theme-light .app-shell .border-slate-700,
+:root.theme-light .app-shell .border-slate-700\/70,
+:root.theme-light .app-shell .border-slate-700\/60,
+:root.theme-light .app-shell .border-slate-600 {
+  border-color: #d6deea !important;
+}
+
+:root.theme-light .app-shell .hover\:bg-slate-800:hover,
+:root.theme-light .app-shell .hover\:bg-slate-800\/50:hover {
+  background-color: #e6edf8 !important;
 }