Skip to content

yathink3/carbon-react-color-theme

Repository files navigation

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 to Fira Code

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.4,
    "editor.letterSpacing": 0.2,
    "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,

For 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.4,
    "editor.letterSpacing": 0.4,
    "editor.lineHeight": 1.4,
    "terminal.integrated.fontSize": 12.5,
    "scm.showHistoryGraph": false,

Screenshots

Carbon React Color Theme
Screenshot 01

Carbon React Color Theme - Pure
Screenshot 02

Carbon React Color Theme - Winter
Screenshot 03

Carbon React Color Theme - Maya
Screenshot 04

Todo List

See GitHub Projects for more details.

Requirements

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.