{
  "id": 6017429,
  "title": "The three-state dark mode toggle is the correct answer",
  "url": "https://urgent.news/2026/09/06/the-three-state-dark-mode-toggle-is-the-correct-answer",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-06T19:15:15.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/adioof/the-three-state-dark-mode-toggle-is-the-correct-answer-1lja"
  },
  "original_language": "en",
  "account": "An argument about dark mode toggles has resurfaced after a lengthy debate on Twitter, with a focus on three-state versus two-state options. Advocates for the three-state toggle argue that simply having fewer buttons does not necessarily equate to better design. They maintain that the time-of-day bug in two-state toggles is a critical flaw, as users might unknowingly switch to dark mode even when they had previously selected light mode. The three-state option, which includes \"Light,\" \"Dark,\" and \"System\" (following the system's default settings), is seen as more honest and respectful of user preferences. Developers across major platforms such as GitHub, StackOverflow, and CodePen have already adopted this approach, indicating its practicality and user acceptance. Accessibility and UX expert Erik Kroes emphasizes that clarity should take precedence over conciseness, stating that the extra cost of the third option is minimal. Ultimately, the three-state toggle is argued to be the more truthful and user-friendly choice.",
  "summary": "An application should not take away the decision a user has previously selected. That is the main point of the argument. All other details are insignificant. The debate that split frontend Twitter Lea Verou brought back to everyone's memory the battle from long ago about two-state vs three-state dark mode toggles in August 2026, this time Josh Collinsworth was a major advocate for her approach.…",
  "key_points": [
    "Three-state dark mode toggle proposed as solution",
    "Addresses time-of-day bug in two-state toggles",
    "Adopted by GitHub, StackOverflow, CodePen"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}