What is Dark Mode?
A display setting that uses light text on a dark background instead of the default dark-on-light.
Why It Matters
Dark mode reduces eye strain in low-light conditions, saves battery on OLED screens, and is a popular user preference.
Real-World Example
A toggle that switches your app from a white background with dark text to a dark background with light text.
“Understanding terms like Dark Mode matters because it helps you have better conversations with developers and make smarter decisions about your software. You do not need to be technical. You just need to know enough to ask the right questions.”
Related Terms
CSS Variables
Custom properties in CSS that let you define reusable values like colours and spacing.
Responsive Design
Designing websites that automatically adjust their layout to look good on any screen size
User Experience (UX)
The overall experience a person has when using a product, including how easy and pleasant it is to use.
Learn More at buildDay Melbourne
Want to understand these concepts hands-on? Join our one-day workshop and build a real web application from scratch.
Related Terms
Responsive Design
Designing websites that automatically adjust their layout to look good on any screen size
CSS Variables
Custom properties in CSS that let you define reusable values like colours and spacing.
User Experience (UX)
The overall experience a person has when using a product, including how easy and pleasant it is to use.
Frontend
The part of a website or app that users see and interact with directly
React
A popular tool for building user interfaces, created by Facebook, that makes complex UIs easier to manage
Next.js
A framework built on React that adds features like page routing, server-side rendering, and API handling