Theme Rendering Fixes and Keybinds Update

src/lib/components/tui/utils.ts

@@ -21,7 +21,7 @@ export interface TextSegment {
 // Color maps for each theme
 export type ThemeColorMap = Record<string, string>;
 
-// Default color map (fallback) - includes theme colors for backwards compatibility
+// Default color map (fallback) - hex values as defaults, overwritten by theme colorMap at runtime
 export const defaultColorMap: ThemeColorMap = {
 	// Basic colors
 	'red': '#f38ba8',
@@ -36,7 +36,7 @@ export const defaultColorMap: ThemeColorMap = {
 	'pink': '#f5c2e7',
 	'black': '#1e1e2e',
 	'surface': '#313244',
-	// Catppuccin extended colors
+	// Extended colors
 	'teal': '#94e2d5',
 	'sky': '#89dceb',
 	'sapphire': '#74c7ec',
@@ -47,14 +47,14 @@ export const defaultColorMap: ThemeColorMap = {
 	'flamingo': '#f2cdcd',
 	'rosewater': '#f5e0dc',
 	// Semantic colors
-	'primary': 'var(--terminal-primary)',
-	'accent': 'var(--terminal-accent)',
-	'muted': 'var(--terminal-muted)',
+	'primary': '#cba6f7',
+	'accent': '#a6e3a1',
+	'muted': '#6c7086',
 	'error': '#f38ba8',
 	'success': '#a6e3a1',
 	'warning': '#f9e2af',
 	'info': '#89b4fa',
-	// Theme colors (for using text, textMuted, etc. in formatter)
+	// Theme colors
 	'text': '#cdd6f4',
 	'textMuted': '#a6adc8',
 	'background': '#1e1e2e',