Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Carbon React Color ThemeNew to Visual Studio Code? Get it now.
Carbon React Color Theme

Carbon React Color Theme

yathink3

|
4,718 installs
| (5) | Free
Theme is a sleek, modern extension that enhances readability and reduces eye strain.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Carbon React Color Theme

A darker variation of the One Dark Pro theme for Visual Studio Code, with Monokai-inspired code coloring.

Installation

Press Ctrl/Command + Shift + P to launch the command palette, then run:

ext install yathink3.carbon-react-color-theme

What's New

  1. Carbon React Color Theme - Maya
  2. Carbon React Color Theme - Maya Black
  3. Carbon React Icons

Default Theme Set LigaComicMono Theme

To use LigaComicMono as your font:

  1. Download and install the JetBrains Mono TTF file from the link below: Install LigaComicMono
  2. In your settings, add the following configuration:
    "editor.fontFamily": "Liga Comic Mono, Menlo, Monaco, Courier New, monospace",
    "terminal.integrated.fontFamily": "Liga Comic Mono, Menlo, Monaco, Courier New, monospace",
    "editor.fontLigatures": true,
    "editor.fontSize": 13.2,
    "editor.letterSpacing": 0.6,
    "editor.lineHeight": 1.45,
    "terminal.integrated.fontSize": 13,
    "scm.showHistoryGraph": false,
    

For Fira Code Theme

To use Fira Code as your default font:

  1. Download and install the Fira Code TTF file from the link below: Install FiraCode
  2. In your settings, add the following configuration:
    "editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
    "terminal.integrated.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
    "editor.fontLigatures": true,
    "editor.fontSize": 12.45,
    "editor.letterSpacing": 0.16,
    "editor.lineHeight": 1.5,
    "terminal.integrated.fontSize": 12,
    "scm.showHistoryGraph": false,
    

For JetBrains Theme

To use JetBrains Mono as your font:

  1. Download and install the JetBrains Mono TTF file from the link below: Install JetBrains Mono
  2. In your settings, add the following configuration:
    "editor.fontFamily": "JetBrains Mono, Menlo, Monaco, Courier New, monospace",
    "terminal.integrated.fontFamily": "JetBrains Mono, Menlo, Monaco, Courier New, monospace",
    "editor.fontLigatures": true,
    "editor.fontSize": 12.4,
    "editor.letterSpacing": 0.4,
    "editor.lineHeight": 1.5,
    "terminal.integrated.fontSize": 12,
    "scm.showHistoryGraph": false,
    

Screenshots

Carbon React Color Theme Screenshot 01

Carbon React Color Theme - Maya Screenshot 02

Todo List

See GitHub Projects for more details.

Requirements

  • Visual Studio Code

License

This project is licensed under the Apache 2.0 License. For more details, please see the LICENSE file.

Contributing

Contributions are welcome! Bug fixes, new features, and extra modules are encouraged.

  • To contribute code: Fork the repo, push your changes to your fork, and submit a pull request.

For more information, see contributors.md.

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