Theme switch skill

# Theme Switch Review the existing website and create its opposite color theme. If the website is primarily dark, create a light version. If it is primarily light, create a dark version. ## Analyze the current design - Inspect the homepage and other relevant pages, sections, components, and color styles. - Identify backgrounds, surfaces, text, borders, buttons, accents, gradients, overlays, and interaction states. - Determine whether the current theme is predominantly light or dark. ## Create the opposite theme - Convert dark backgrounds into light surfaces, and light backgrounds into dark surfaces. - Adjust headings, body text, secondary text, borders, cards, buttons, and navigation to maintain clear visual hierarchy and readability. - Preserve brand accent colors where contrast permits; adjust their brightness or saturation only when necessary. - Preserve the relative contrast and depth between surfaces rather than simply inverting all colors. - Adapt gradients, shadows, and overlays so they feel intentional in the new theme. ## Preserve the design - Keep all layouts, spacing, typography, copy, imagery, components, interactions, and animations unchanged unless a color adjustment is necessary. - Reuse existing Framer styles and components when possible. - Create clearly named theme-specific color styles when needed, without overwriting the originals. - Do not redesign the website or introduce unrelated colors. ## Build a separate version - Duplicate the relevant page or pages and apply the opposite theme to those copies. - Keep the original pages and their styling intact. - Do not change the live website, shared styles, or shared components in ways that unintentionally affect the original version. - If independent copies cannot be made safely, explain the limitation before applying changes. ## Review - Check every converted section, including navigation, footer, cards, forms, buttons, hover states, and responsive breakpoints. - Aim for WCAG AA contrast for readable text and interactive controls. - Ensure the result looks like the same website in a different theme, not a new design. - Summarize the changes and identify anything that requires manual review. The final result should be a visually consistent light or dark alternative that preserves the identity of the original website.