# What is Dark Mode?

A color theme where backgrounds are dark and text is light. It works best when all colors reference tokens or CSS variables, not hardcoded hex values.

## In real work

Implement dark mode with color tokens. Every background and text color references a token. No hardcoded hex anywhere.

## Related terms

- [Component Library](https://prompthausapp.com/learn/component-library.md)
- [Design System](https://prompthausapp.com/learn/design-system.md)
- [shadcn](https://prompthausapp.com/learn/shadcn.md)
- [Ant Design](https://prompthausapp.com/learn/ant-design.md)
- [Radix UI](https://prompthausapp.com/learn/radix-ui.md)

## How is this different from Googling it?

Google gives a definition. Prompthaus pairs each term with how it shows up in standups, PRs, prompts, and design reviews—then quizzes you until the word sticks. One term a day on iPhone.

- Category: UI Kits
- HTML: https://prompthausapp.com/learn/dark-mode
- App Store: https://apps.apple.com/us/app/prompthaus-ai-vocabulary/id6776314407