Common Issues ui

Dark Mode Not Working Properly

Your app has a dark mode but it doesn't work correctly. Text becomes invisible against the background, some components stay light while others go dark, the toggle doesn't persist across pages, or the initial flash of the wrong theme is jarring.

Common Causes

  • Some components have hardcoded colors instead of using theme variables
  • Theme preference not saved to localStorage — resets on page reload
  • CSS variables defined for light mode but not for dark mode
  • Third-party components don't respect the app's theme
  • Flash of unstyled content (FOUC) before the theme loads

How to Fix It

  1. Toggle dark mode and inspect elements that look wrong — check if they use theme variables or hardcoded colors
  2. Verify the theme toggle saves the preference to localStorage
  3. Check that all CSS variables have both light and dark mode values
  4. Test every page in dark mode — AI tools often miss some pages
  5. Add a script in the HTML head to apply the theme before the page renders (prevents FOUC)

Real developers can help you.

Taufan Taufan I’m a product-focused engineer and tech leader who builds scalable systems and turns ideas into production-ready platforms. Over the past years, I’ve worked across startups and fast-moving teams, leading backend architecture, improving system reliability, and shipping products used by thousands of users. My strength is not just writing code — but connecting product vision, technical execution, and business impact. Daniel Vázquez Daniel Vázquez Software Engineer with over 10 years of experience on Startups, Government, big tech industry & consulting. Meïr Ankri Meïr Ankri Full-stack developer specializing in React / Next.js / Node.js with 6+ years of experience. I've worked across various sectors including automotive (Reezocar/Société Générale), healthcare (Medical Link SaaS), and e-commerce (Glasman). I build web apps end-to-end, from architecture to production, with a focus on scalability, performance, and code quality. I also mentor junior developers and contribute to technical decisions and code reviews. BurnHavoc BurnHavoc Been around fixing other peoples code for 20 years. Jared Hasson Jared Hasson Full time lead founding dev at a cyber security saas startup, with 10 yoe and a bachelor's in CS. Building & debugging software products is what I've spent my time on for forever Pratik Pratik SWE with 15+ years of experience building and maintaining web apps and extensive BE infrastructure rayush33 rayush33 JavaScript (React.js, React Native, Node.js) Developer with demonstrated industry experience of 4+ years, actively looking for opportunities to hone my skills as well as help small-scale business owners with solutions to technical problems Caio Rodrigues Caio Rodrigues I'm a full-stack developer focused on building practical and scalable web applications. My main experience is with **React, TypeScript, and modern frontend architectures**, where I prioritize clean code, component reusability, and maintainable project structures. I have strong experience working with **dynamic forms, state management (Redux / React Hook Form), and complex data-driven interfaces**. I enjoy solving real-world problems by turning ideas into reliable software that companies can actually use in their daily operations. Beyond coding, I care about **software quality and architecture**, following best practices for componentization, code organization, and performance optimization. I'm also comfortable working across the stack when needed, integrating APIs, handling business logic, and helping transform prototypes into production-ready systems. My goal is always to deliver solutions that are **simple, efficient, and genuinely useful for the people using them.** Franck Plazanet Franck Plazanet I am a Strategic Engineering Leader with over 8 years of experience building high-availability enterprise systems and scaling high-performing technical teams. My focus is on bridging the gap between complex technology and business growth. Core Expertise: 🚀 Leadership: Managing and coaching teams of 15+ engineers, fostering a culture of accountability and continuous improvement. 🏗️ Architecture: Enterprise Core Systems, Multi-system Integration (ERP/API/ETL), and Core Database Structure. ☁️ Cloud & Scale: AWS Expert; architected systems handling 10B+ monthly requests and managing 100k+ SKUs. 📈 Business Impact: Aligning tech strategy with P&L goals to drive $70k+ in monthly recurring revenue. I thrive on "out-of-the-box" thinking to solve complex technical bottlenecks and am always looking for ways to use automation to improve business productivity. Yovel Cohen Yovel Cohen I got a lot of experience in building Long-horizon AI Agents in production, Backend apps that scale to millions of users and frontend knowledge as well.

Describe what's wrong in plain English. No technical knowledge needed.

Get Help

Frequently Asked Questions

Some pages are dark but others aren't. Why?

AI tools often implement dark mode incrementally and miss some pages or components. A developer can audit the entire app and make dark mode consistent.

The app flashes white before going dark. Can this be fixed?

Yes. This is called Flash of Unstyled Content (FOUC). It's fixed by loading the theme preference before the CSS renders, usually with a small script in the HTML head.

Related Common Issues Issues

Can't fix it yourself?
Real developers can help.

You don't need to be technical. Just describe what's wrong and a verified developer will handle the rest.

Get Help