Dark Theme Web Design

By Xah Lee. Date: .

Windows Dark Theme Problem: Windows Indistinguishable

Microsoft Windows has a dark theme, that is, white text on black, since Windows 10.

the problem with Windows 10 dark theme is that, it's hard to tell windows apart.

windows10 dark theme 2019-02-09 k59bs
Windows10 dark theme 2019-02-09

Latest macOS version “majove” copied windows.

It seems, white on black made a come back. It was popular among geeks in 2000s. Arstechnica site for example, used to be white on black.

Dark theme is much easier on the eyes on screen. The problem is, it looks terrible if printed, and printing web pages is still necessary especially working in office.

There is no simple way to convert White on black design to reverse. Inverting colors doesn't work.

Web Design

  1. Typography Sucks
  2. Font Size problem
  3. Serif or Sans-Serif?
  4. Grey Text on White Background
  5. Dark Theme Web Design
  6. Peepshow Windows
  7. GUI vs Command Line: a Unified Design
  8. Skeleton Screen
  9. Fixed-Layout vs Flowed-Layout
  10. How JavaScript Breaks UI, Evolution of UI
  11. Should Hyperlinks Have Underline?
  12. Survey of Tab Style 2006
  13. Problem of Header Linking to Table of Contents
  14. Understand Atomic CSS in 1 Minute
  15. CSS: What's a CSS Pixel? What's Reference Pixel?
  16. Web Design, Minimal Window Width
  17. User Interface Design: Internet Explorer 9's Dysfunctional Colorful Tabs
  18. Phone and Tablet Screen Density Comparison

If you have a question, put $5 at patreon and message me.