Skip to content

Latest commit

 

History

History
307 lines (214 loc) · 9.77 KB

File metadata and controls

307 lines (214 loc) · 9.77 KB

D O M I N V M — VS Code Theme

33 premium color themes · 11 color families · Light + Dark + Dark Solarized

Every Dominvm theme is crafted — not generated — with WCAG AA contrast compliance, ergonomic tinted backgrounds, and 239 color tokens for complete VS Code coverage.


✦ Preview

Original (Warm Red)

Original — Light · Dark · Dark Solarized

A refined palette built on warm rosewood tones. The Light variant uses a cream #FFF9F0 background with Rust #CC3300 accents. The Dark variant features a deep charcoal with Tangerine #FF9966 highlights. The Dark Solarized lifts the background to #201215 for extended comfort.


Green

Green — Light · Dark · Dark Solarized

Nature-inspired with soft sage and mint tones. Light uses Mint Cream #F5FAF0, Dark plunges to Deep Forest #0C1A0C, and Dark Solarized lifts to Fern Dusk #122012. Accents: Spring Green #66BB6A.


Blue

Blue — Light · Dark · Dark Solarized

Cool-toned and professional. Light uses Ice Wash #F0F5FA, Dark features Midnight #0C1420, and Dark Solarized lifts to Cobalt Dusk #0C1828. Accents: Sky Blue #64B5F6.


Teal

Teal — Light · Dark · Dark Solarized

Oceanic and refreshing. Light uses Aqua Mist #F0FAF8, Dark dives to Abyssal #051210, and Dark Solarized lifts to Deep Lagoon #0E2025. Accents: Aquamarine #4DB6AC.


Grey

Grey — Light · Dark · Dark Solarized

Minimalist and distraction-free. Light uses Platinum #F5F5F7, Dark features Charcoal #101012, and Dark Solarized lifts to Onyx #1A1A1E. Accents: Blue Grey #90A4AE.


Sepia

Sepia — Light · Dark · Dark Solarized

Warm and vintage-inspired. Light uses Parchment #FAF5EB, Dark features Espresso #120E0A, and Dark Solarized lifts to Leather #1E1814. Accents: Amber #D7A86E.


Yellow

Yellow — Light · Dark · Dark Solarized

Sunlit and golden. Light uses Buttercream #FFFDE8, Dark features Olive Night #0E0E05, and Dark Solarized lifts to Amber Night #1C1A0E. Accents: Golden #FFD54F.


Orange

Orange — Light · Dark · Dark Solarized

Sunset warmth and ember glow. Light uses Seashell #FFF5EE, Dark features deep Ember #100A06, and Dark Solarized lifts to Mahogany #1E1410. Accents: Coral #FF8A65.


Red

Red — Light · Dark · Dark Solarized

Sophisticated and dramatic. Light uses Rose White #FFF5F5, Dark features Garnet #100608, and Dark Solarized lifts to Wine #1E1012. Accents: Vermilion #EF5350.


Pink

Pink — Light · Dark · Dark Solarized

Elegant and romantic. Light uses Blush White #FFF5F9, Dark features deep Plum #10060C, and Dark Solarized lifts to Plum Night #1E1018. Accents: Hot Pink #F06292.


Purple

Purple — Light · Dark · Dark Solarized

Regal and opulent. Light uses Lavender Mist #F8F5FF, Dark features Byzantium #0C0610, and Dark Solarized lifts to Amethyst #18101E. Accents: Orchid #CE93D8.


✦ Design Principles

Zero Glare

All backgrounds use color-tinted hues — never pure white or pure black. This eliminates the harsh glare that causes eye strain during prolonged use.

WCAG AA Compliant

Every syntax token achieves ≥ 4.5:1 contrast ratio against its background. Comment colors deliberately sit at 3.8–5.1:1 to visually recede while remaining readable.

Three Depth Levels

Variant Background Luminance Contrast Ratio Best For
Light L ≈ 95–97 10–14:1 Bright environments
Dark L ≈ 3–5 10–12:1 Low-light coding
Dark Solarized L ≈ 8–12 8–10:1 Extended sessions

Complete Token Coverage

Every theme defines 239 color tokens — no fallbacks to VS Code defaults:

  • ✅ Full terminal ANSI palette (20 colors)
  • ✅ Git decoration colors (modified, deleted, untracked, ignored, conflict, added, submodule)
  • ✅ Breadcrumb navigation styling
  • ✅ Notification center with error/warning/info icons
  • ✅ Minimap and overview ruler indicators
  • ✅ Inlay hint (LSP) styling
  • ✅ Sticky scroll headers
  • ✅ Merge conflict markers
  • ✅ Debug toolbar and console
  • ✅ Settings editor styling

✦ Syntax Highlighting

12 semantic token categories ensure consistent visual structure across all languages:

· Category Purpose
💬 Comments Annotations & documentation
🔑 Keywords Language constructs (if, return, export)
📝 Strings Text literals and templates
Functions Callable entities and methods
🏗️ Classes & Types Type definitions and interfaces
📦 Variables Data references and parameters
🔢 Constants Numeric values and language constants
🔗 Properties Object keys and CSS properties
⚙️ Operators Symbols and punctuation
📌 Headers Markdown headings and sections
✍️ Markup Bold, italic, and rich text
🔍 Regex & Escapes Pattern matching and escape sequences

✦ Color Palette Reference

Original (Warm Red)

Name Hex Usage
Warm White #FFF9F0 Light editor background
Palladian #EFE9E0 Light sidebar
Taupe Mist #DFD9D0 Light activity bar
Dark Rosewood #402020 Light text
Dominvm Rust #CC3300 Light accents
Dark Charcoal #1A0C0C Dark editor background
Atomic Tangerine #FF9966 Dark accents
Warm Cream #D4C4B0 Dark text
Rosewood Dusk #201215 Solarized editor background

Green

Name Hex Usage
Mint Cream #F5FAF0 Light editor background
Forest Ink #1E3320 Light text
Dominvm Green #2E7D32 Light accents
Deep Forest #0C1A0C Dark editor background
Spring Green #66BB6A Dark accents
Pale Sage #BCD4B0 Dark text
Fern Dusk #122012 Solarized editor background

Blue

Name Hex Usage
Ice Wash #F0F5FA Light editor background
Navy Ink #1A2533 Light text
Dominvm Blue #1565C0 Light accents
Midnight #0C1420 Dark editor background
Sky Blue #64B5F6 Dark accents
Pale Steel #B0C4D4 Dark text
Cobalt Dusk #0C1828 Solarized editor background

Teal

Name Hex Usage
Aqua Mist #F0FAF8 Light editor background
Deep Teal #1A3333 Light text
Dominvm Teal #00796B Light accents
Abyssal #051210 Dark editor background
Aquamarine #4DB6AC Dark accents
Pale Surf #B0D4D0 Dark text
Deep Lagoon #0E2025 Solarized editor background

Grey

Name Hex Usage
Platinum #F5F5F7 Light editor background
Graphite #252530 Light text
Blue Grey #607D8B Light accents
Charcoal #101012 Dark editor background
Blue Grey Light #90A4AE Dark accents
Silver #C8C8D0 Dark text
Onyx #1A1A1E Solarized editor background

Sepia

Name Hex Usage
Parchment #FAF5EB Light editor background
Walnut Ink #3D2B1F Light text
Sienna #8D6E4C Light accents
Espresso #120E0A Dark editor background
Amber #D7A86E Dark accents
Cream #D4C8B8 Dark text
Leather #1E1814 Solarized editor background

Yellow

Name Hex Usage
Buttercream #FFFDE8 Light editor background
Dark Olive #33300A Light text
Dark Gold #9E7700 Light accents
Olive Night #0E0E05 Dark editor background
Golden #FFD54F Dark accents
Pale Gold #D4D0B4 Dark text
Amber Night #1C1A0E Solarized editor background

Orange

Name Hex Usage
Seashell #FFF5EE Light editor background
Burnt Umber #3D2010 Light text
Deep Orange #E65100 Light accents
Ember #100A06 Dark editor background
Coral #FF8A65 Dark accents
Warm Tan #D4C4B4 Dark text
Mahogany #1E1410 Solarized editor background

Red

Name Hex Usage
Rose White #FFF5F5 Light editor background
Deep Crimson #3D1515 Light text
Crimson #C62828 Light accents
Garnet #100608 Dark editor background
Vermilion #EF5350 Dark accents
Rose Cream #D4B8BC Dark text
Wine #1E1012 Solarized editor background

Pink

Name Hex Usage
Blush White #FFF5F9 Light editor background
Deep Plum #3D1528 Light text
Deep Pink #C2185B Light accents
Plum #10060C Dark editor background
Hot Pink #F06292 Dark accents
Rose Silver #D4B8C8 Dark text
Plum Night #1E1018 Solarized editor background

Purple

Name Hex Usage
Lavender Mist #F8F5FF Light editor background
Royal Ink #281540 Light text
Deep Purple #7B1FA2 Light accents
Byzantium #0C0610 Dark editor background
Orchid #CE93D8 Dark accents
Pale Lavender #C8B8D4 Dark text
Amethyst #18101E Solarized editor background

✦ Recommended Font

For the full Dominvm experience, add this to your VS Code settings.json:

{
  "editor.fontFamily": "'DM Mono', 'Courier New', monospace"
}

✦ License

MIT