Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Theme Aware ColorsNew to Visual Studio Code? Get it now.
Theme Aware Colors

Theme Aware Colors

Abdulalime_011

|
6 installs
| (1) | Free
Intelligently highlights colors to make them visible on any theme
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Theme Aware Colors

Never lose sight of your colors again!

Are you tired of dark colors disappearing on your dark theme, or light colors vanishing on your light theme? Theme Aware Colors intelligently highlights your color codes to ensure they are always visible, no matter what.

How It Works

This extension automatically detects your editor's theme (dark or light) and applies a contrasting, semi-transparent background to your color codes (#hex, rgb, hsl), making them pop!

This ensures that you can always clearly see your selected color, improving your workflow and saving you from squinting at your screen.

Features

  • Automatic Theme Detection: No configuration needed. It just works!
  • Wide Support: Works with hex, rgb(a), and hsl(a) color codes.
  • Lightweight & Fast: Built to be performant and not slow down your editor.

Enjoying the extension? Feel free to leave a review!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft