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

src/app/hooks/useTheme.ts

@@ -1,7 +1,7 @@
 import { lightTheme } from 'folds';
 import { createContext, useContext, useEffect, useMemo, useState } from 'react';
 import { onDarkFontWeight, onLightFontWeight } from '../../config.css';
-import { butterTheme, darkTheme, lotusTerminalTheme, silverTheme } from '../../colors.css';
+import { butterTheme, darkTheme, lotusTerminalLightTheme, lotusTerminalTheme, silverTheme } from '../../colors.css';
 import { settingsAtom } from '../state/settings';
 import { useSetting } from '../state/hooks/settings';
 
@@ -42,6 +42,11 @@ export const LotusTerminalTheme: Theme = {
   kind: ThemeKind.Dark,
   classNames: ['lotus-terminal-theme', lotusTerminalTheme, onDarkFontWeight, 'prism-dark'],
 };
+export const LotusTerminalLightTheme: Theme = {
+  id: 'lotus-terminal-light-theme',
+  kind: ThemeKind.Light,
+  classNames: ['lotus-terminal-light-theme', lotusTerminalLightTheme, onLightFontWeight, 'prism-light'],
+};
 
 export const useThemes = (): Theme[] => {
   const themes: Theme[] = useMemo(() => [LightTheme, SilverTheme, DarkTheme, ButterTheme], []);