Redesign: Windows 2000 / Classic Windows theme

[aymansoliman-dev]

Windows 2000 Redesign

Completely reskins Chef Groq with an authentic Windows 2000 / early 2000s Microsoft aesthetic.

Visual changes

• Desktop background: Classic Win2k teal (#008080)
• Window chrome: Silver #d4d0c8 with proper beveled raised/sunken borders using white + #404040 insets
• Title bars: Navy-to-blue gradient (#000080 → #1084d0) with Minimize / Maximize / Close buttons
• Menu bar + Toolbar: Classic Win2k style with underlined shortcut keys
• Buttons: Raised 3D beveled style that depresses on :active
• Text inputs: Sunken inset border (dark top/left, light bottom/right)
• Group boxes: Labeled border boxes (win-groupbox) via CSS ::before pseudo-element
• Listbox: White background with alternating row shading and navy hover
• Status bar: Two-panel status bar at the bottom of the window
• Taskbar: Win2k-style taskbar pinned to the bottom with Start button, active window pill, system tray (social links), and a live clock
• Alert dialogs: Win2k info dialog with navy title bar, blue circle info icon, and OK button
• Typography: Tahoma / MS Sans Serif throughout
• Recipe output: Rendered inside a teal-titled sub-window with a white scrollable content area
• Sound button: Restyled as a flat toolbar button in the taskbar tray

Files changed

• src/css/style.css — full Win2k design system
• src/App.jsx — layout restructured (taskbar at bottom)
• src/components/Header.jsx — replaced with Win2k taskbar + clock
• src/components/MainContent.jsx — wrapped in a Win2k window chrome
• src/components/Inputs.jsx — Win2k group box + input/button
• src/components/ListOfIngredients.jsx — Win2k listbox
• src/components/Submission.jsx — Win2k action bar
• src/components/FormReset.jsx — Win2k action bar
• src/components/Alert.jsx — Win2k info dialog
• src/components/Recipe.jsx — teal sub-window with scrollable output
• src/components/Sound.jsx — removed Tippy, restyled as toolbar button

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
chef-groq	Ready	Preview, Comment	Apr 1, 2026 5:26pm