clean

Author: abhishekg999

src/components/Autocomplete.tsx

@@ -24,15 +24,12 @@ export function Autocomplete({
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
       if (e.keyCode === 40) {
-        // Down arrow
         e.preventDefault();
         onActiveIndexChange(Math.min(activeIndex + 1, suggestions.length - 1));
       } else if (e.keyCode === 38) {
-        // Up arrow
         e.preventDefault();
         onActiveIndexChange(Math.max(activeIndex - 1, 0));
       } else if (e.keyCode === 13) {
-        // Enter
         e.preventDefault();
         if (activeIndex >= 0 && activeIndex < suggestions.length) {
           const selected = suggestions[activeIndex];
@@ -47,7 +44,6 @@ export function Autocomplete({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [activeIndex, suggestions, onSelect, onActiveIndexChange]);
 
-  // Scroll active item into view
   useEffect(() => {
     if (listRef.current && activeIndex >= 0) {
       const activeElement = listRef.current.children[activeIndex] as HTMLElement;

src/styles/theme.ts

@@ -1,41 +1,25 @@
-/**
- * Design System - Touchdown
- *
- * Design Philosophy:
- * - Straight UI (no border-radius, no curves)
- * - Dark theme with high contrast
- * - Flat design with minimal shadows
- * - Simple, clean typography
- */
-
 export const colors = {
-  // Backgrounds
   background: "#101110",
   cellBackground: "#0f222e",
   autocompleteBackground: "#061219",
   modalBackground: "#000000",
 
-  // Text
   text: "#ffffff",
   textGray: "#aaaaaa",
   textPlaceholder: "#647782",
 
-  // Accent colors
-  emphasis: "#ffff00", // yellow
-  correct: "#008000", // green
-  wrong: "#ff0000", // red
-  warning: "#ff4500", // orangered
-  strong: "#ff7a4a", // orange
+  emphasis: "#ffff00",
+  correct: "#008000",
+  wrong: "#ff0000",
+  warning: "#ff4500",
+  strong: "#ff7a4a",
 
-  // Borders
   border: "#888888",
   borderLight: "#585959",
 
-  // Interactive states
   hover: "#a9a9a9",
-  active: "#1e90ff", // DodgerBlue
+  active: "#1e90ff",
 
-  // Overlay
   overlay: "rgba(0, 0, 0, 0.6)",
 } as const;