Noodle respects requests for dark mode with the "prefers-color-scheme:dark" CSS that can be customized.
Web Browsers respect requests for dark mode by the Operating System, and can be customized:
- Firefox:
- about:config > ui.systemUsesDarkTheme=1
- Firefox(Android):
- Settings > Customize > Dark
Chrome(Desktop):chrome://flags > "Force Dark Mode for Web Contents"- Note that as of v85 Chrome "prefers-color-scheme" is not supported, instead chrome will attempt to write it's own CSS for the page, often causing breakage (still true @ v105).
- use chrome --force-dark-mode --enable-features=WebUIDarkMode to fix bug on Linux.
Operating Systems can be customized to use dark mode:
- Windows:
- Settings > Personalization > Colors > Choose your color > Dark
- MacOS:
- Apple > System Preferences, General, Appearance > Dark
- Gnome/KDE(Linux):
- Settings > Appearance > Dark
- Tweaks > Appearance > Legacy > Dark
- Android(Linux):
- Settings > Display > Dark theme
- iOS:
- Settings > Display & Brightness > Dark
Other sites that support dark mode as of 2020:
Other sites that support dark mode as of 2025: