Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Github Dark TritanopiaNew to Visual Studio Code? Get it now.
Github Dark Tritanopia

Github Dark Tritanopia

zanaty

|
49 installs
| (1) | Free
GitHub Dark Tritanopia color theme for VS Code - A colorblind-friendly dark theme based on GitHub's design system
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

GitHub Dark Tritanopia

An expert-crafted, accessibility-first dark theme for VS Code and Cursor, optimized for tritanopia color vision deficiency.

A premium dark theme built on GitHub's design system with meticulous attention to color accessibility and visual clarity. Perfect for developers with blue-yellow color blindness and anyone who appreciates a professionally-designed, accessible development environment.

✨ Key Features

  • 🎨 Comprehensive Color Coverage - 150+ UI element colors and 250+ syntax token definitions
  • ♿ Accessibility First - Specifically optimized for tritanopia (blue-yellow color blindness)
  • 🌈 Rich Syntax Highlighting - Full support for 40+ programming languages including JavaScript, TypeScript, Python, React, Vue, Rust, Go, and more
  • 🎯 GitHub-Inspired Design - Faithful adaptation of GitHub's official dark theme palette
  • 🚀 Cross-Editor Support - Works seamlessly in VS Code and Cursor AI editor
  • 👁️ Reduced Eye Strain - Carefully chosen color contrasts minimize fatigue during extended coding sessions
  • 📦 Production Ready - Thoroughly tested with diverse language syntaxes

📦 Installation

Via Extension Marketplace

  1. Open your editor (VS Code or Cursor)
  2. Navigate to Extensions (Ctrl+Shift+X / Cmd+Shift+X)
  3. Search for "GitHub Dark Tritanopia" (by zanaty)
  4. Click Install

Via Command Line

# VS Code
code --install-extension zanaty.github-dark-tritanopia

# Cursor
cursor --install-extension zanaty.github-dark-tritanopia

🎨 Activation

Method 1: Preferences Menu

  1. Open Preferences → Color Theme
  2. Select "Github Dark Tritanopia"

Method 2: Command Palette

  1. Press Ctrl+Shift+P / Cmd+Shift+P
  2. Type "Color Theme"
  3. Select "Github Dark Tritanopia"

Method 3: Keyboard Shortcut

Press Ctrl+K Ctrl+T / Cmd+K Cmd+T and select the theme

🎭 Color Palette

Core UI Colors

Element Color Usage
Background #0d1117 Editor background, main surface
Foreground #f0f6fc Primary text content
Surface #010409 Secondary backgrounds, panels
Border #3d444d Component borders, dividers
Accent #4493f8 Interactive elements, highlights

Syntax Token Colors

Token Color Description
Keywords #ff7b72 Language keywords, control flow
Functions #d2a8ff Function definitions and calls
Strings #a5d6ff String literals and templates
Types #ffa657 Type annotations and definitions
Comments #9198a1 Code comments and documentation
Variables #f0f6fc Identifier names
Numbers #79c0ff Numeric and boolean values

🔍 Design Philosophy

This theme is built on three core principles:

  1. Accessibility First - Every color combination meets WCAG AA standards for users with tritanopia
  2. Visual Hierarchy - Consistent use of color to guide attention and structure code
  3. GitHub Authenticity - True to GitHub's design language while optimizing for color vision deficiency

🤝 Contributing

We welcome contributions! Please see CONTRIBUTING.md for guidelines on:

  • Reporting bugs
  • Suggesting improvements
  • Submitting color enhancements
  • Testing procedures

📝 License

MIT © 2024 Mohamed Elzanaty

🙌 Credits

Engineered with expertise in color accessibility and modern design systems. Built upon GitHub's carefully crafted design primitives and optimized through extensive testing for tritanopia color vision deficiency.

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