Mono Accent Dark
A minimalist, high-contrast, pure-black theme designed for OLED displays, deep focus, and zero eye strain — paired with a single customizable accent color of your choice.
Works seamlessly on VS Code and Google Antigravity IDE.
✨ Features
- 🖤 True OLED Black Canvas: Pure black (
#000000) editor background with dark slate chrome (#080808 / #050505) for maximum contrast and minimum distraction.
- 🎨 Dynamic Accent Color: Switch your UI accent in real time using the built-in quick picker. No theme reloading required.
- 🌈 7 Curated Presets + Custom Hex: Pick from popular neon/pastel presets or provide any custom 3-digit or 6-digit hex code (
#ff6600).
- 🧠 Smart Contrast Engine: Automatically calculates luminance on status bars, badges, and buttons to guarantee text readability (dark vs. light foreground).
- 🔤 Stable Syntax Highlighting: Handcrafted TextMate syntax token palette that stays readable across any accent color.
- 🔄 Clean Reset: Revert custom accent overrides instantly with one command without touching unrelated user settings.
📸 Screenshots & Showcase
1. Editor Overview (Hero)
Pure black editor background (#000000) with high-contrast syntax highlighting and customizable accent elements.
2. Interactive Accent Picker
Change accents instantly via Ctrl+Shift+P → Mono Accent: Pick Accent Color. Pick built-in presets or input custom hex:
3. Vibrant Accent Palette Variations
Switch between presets seamlessly while maintaining pure-black background and consistent code readability:
🎨 Built-in Color Presets
| Preview |
Preset Name |
Hex Code |
| 🔵 |
Cyan (Default) |
#00d4ff |
| 🟢 |
Green |
#3ddc84 |
| 🟠 |
Orange |
#ff9f1a |
| 🌸 |
Pink |
#ff5fa2 |
| 🟣 |
Purple |
#a78bfa |
| 🔴 |
Red |
#ff5555 |
| 🟡 |
Yellow |
#ffd60a |
| ✏️ |
Custom |
Any #RRGGBB or #RGB |
⚡ Commands
Open Command Palette (Ctrl+Shift+P / Cmd+Shift+P):
| Command |
Identifier |
Description |
| Mono Accent: Pick Accent Color |
monoAccent.pickAccent |
Choose from preset accent colors or input a custom hex code |
| Mono Accent: Reset to Default |
monoAccent.reset |
Clear active accent overrides and restore default Cyan theme |
📖 How to Use
1. Enable the Theme
- Press
Ctrl+Shift+P (Windows/Linux) or Cmd+Shift+P (macOS) to open the Command Palette.
- Type and select Preferences: Color Theme (or press
Ctrl+K Ctrl+T).
- Select Mono Accent Dark.
2. Choose an Accent Color
- Open the Command Palette (
Ctrl+Shift+P / Cmd+Shift+P).
- Type Mono Accent: Pick Accent Color and press
Enter.
- Select from 7 ready-made presets (Cyan, Green, Orange, Pink, Purple, Red, Yellow).
- The workbench and UI elements update immediately — no reload required.
3. Apply a Custom Hex Color
- In the accent picker menu, choose Custom hex....
- Type any 3-digit or 6-digit hex color code:
- Example 6-digit:
#ff007f, #00ffcc, #e11d48
- Example 3-digit:
#f50, 0fc (hash # is optional)
- Press
Enter to apply.
4. Reset to Default
- Open the Command Palette (
Ctrl+Shift+P / Cmd+Shift+P).
- Run Mono Accent: Reset to Default.
- All custom color overrides are wiped clean, reverting the theme to stock Cyan.
💡 Pro Tip: Custom Keybinding
Bind the accent picker to a hotkey for quick switching. Add this to your keybindings.json:
{
"key": "ctrl+k ctrl+a",
"command": "monoAccent.pickAccent"
}
🔧 How It Works Under The Hood
When you pick an accent color, the extension:
- Converts the chosen hex to HSL and derives harmonious shades for borders, active tabs, list highlights, and cursor colors.
- Injects scoped configuration blocks under
[Mono Accent Dark] inside workbench.colorCustomizations and editor.tokenColorCustomizations.
- Activates the theme without polluting or modifying your settings for other color themes.
- Calling Mono Accent: Reset to Default cleans out only the
[Mono Accent Dark] configuration blocks.
📋 Requirements & Compatibility
- VS Code:
^1.80.0 or newer
- Antigravity IDE: All modern versions
- Cursor / VSCodium: Compatible
📄 License
MIT © PriteshDev
