Add TDS light mode: LotusTerminalLightTheme, light CSS vars, no CRT effects

2026-05-14 09:25:39 -04:00
parent dc26e15df1
commit ad82843ee5
4 changed files with 328 additions and 6 deletions
@@ -333,3 +333,92 @@ export const lotusTerminalTheme = createTheme(color, {
    Overlay: 'rgba(3, 5, 8, 0.94)',
  },
 });
+export const lotusTerminalLightTheme = createTheme(color, {
+  Background: {
+    Container: '#edf0f5',
+    ContainerHover: '#e2e7ef',
+    ContainerActive: '#d4dae6',
+    ContainerLine: '#c8d0de',
+    OnContainer: '#111827',
+  },
+  Surface: {
+    Container: '#f4f6fa',
+    ContainerHover: '#e8ecf4',
+    ContainerActive: '#dde2ed',
+    ContainerLine: '#d0d7e5',
+    OnContainer: '#111827',
+  },
+  SurfaceVariant: {
+    Container: '#e2e7ef',
+    ContainerHover: '#d4dae6',
+    ContainerActive: '#c8d0de',
+    ContainerLine: '#bdc6d6',
+    OnContainer: '#2d3d56',
+  },
+  Primary: {
+    Main: '#c44e00',
+    MainHover: '#a33f00',
+    MainActive: '#8f3700',
+    MainLine: '#d45800',
+    OnMain: '#ffffff',
+    Container: 'rgba(196,78,0,0.10)',
+    ContainerHover: 'rgba(196,78,0,0.16)',
+    ContainerActive: 'rgba(196,78,0,0.22)',
+    ContainerLine: 'rgba(196,78,0,0.28)',
+    OnContainer: '#6b2200',
+  },
+  Secondary: {
+    Main: '#0062b8',
+    MainHover: '#0052a0',
+    MainActive: '#004488',
+    MainLine: '#0070cc',
+    OnMain: '#ffffff',
+    Container: 'rgba(0,98,184,0.10)',
+    ContainerHover: 'rgba(0,98,184,0.16)',
+    ContainerActive: 'rgba(0,98,184,0.22)',
+    ContainerLine: 'rgba(0,98,184,0.28)',
+    OnContainer: '#003580',
+  },
+  Success: {
+    Main: '#006d35',
+    MainHover: '#005c2c',
+    MainActive: '#004a22',
+    MainLine: '#007d3e',
+    OnMain: '#ffffff',
+    Container: 'rgba(0,109,53,0.10)',
+    ContainerHover: 'rgba(0,109,53,0.16)',
+    ContainerActive: 'rgba(0,109,53,0.22)',
+    ContainerLine: 'rgba(0,109,53,0.28)',
+    OnContainer: '#003520',
+  },
+  Warning: {
+    Main: '#8a5a00',
+    MainHover: '#7a4e00',
+    MainActive: '#6a4400',
+    MainLine: '#9a6600',
+    OnMain: '#ffffff',
+    Container: 'rgba(138,90,0,0.10)',
+    ContainerHover: 'rgba(138,90,0,0.16)',
+    ContainerActive: 'rgba(138,90,0,0.22)',
+    ContainerLine: 'rgba(138,90,0,0.28)',
+    OnContainer: '#4a3000',
+  },
+  Critical: {
+    Main: '#b5001f',
+    MainHover: '#9a0019',
+    MainActive: '#800015',
+    MainLine: '#cc0023',
+    OnMain: '#ffffff',
+    Container: 'rgba(181,0,31,0.10)',
+    ContainerHover: 'rgba(181,0,31,0.16)',
+    ContainerActive: 'rgba(181,0,31,0.22)',
+    ContainerLine: 'rgba(181,0,31,0.28)',
+    OnContainer: '#600010',
+  },
+  Other: {
+    FocusRing: 'rgba(0, 98, 184, 0.50)',
+    Shadow: 'rgba(0, 0, 0, 0.15)',
+    Overlay: 'rgba(237, 240, 245, 0.97)',
+  },
+});
+