Color Theme +

This is a code editor theme with extensive syntax highlight and workbench color customization implemented. The entire color palette has been selected with a focus on offering usability over an extended period.

This is a variation of the below theme with a different approach for the interface colors selected.

Theme +

Theme Screenshot

Color Theme + Ochre Dark

Color Theme + Cyan Dark

Installation

1 - Open the Extensions sidebar panel from within the Visual Studio Code editor window.
Menu Path : View > Extensions
Keyboard Shortcut : Ctrl + Shift + X

2 - Search for the theme in the extension marketplace search and then click the Install button.
Search Term : code-color-theme

3 - Enable the installed theme from the Color Theme drop down list.
Menu Path : Code / File > Preferences > Color Theme > Color Theme +
Keyboard Shortcut : Ctrl + K Ctrl + T

Please share this theme extension with others that might find it useful.

Share To : LinkedIn | Twitter | Facebook

Feedback

Please report issues related to this theme on the repository page.

GitHub Repository

Author Information

The author of this extension also posts other technology related information.

Follow On : LinkedIn | Twitter

The associated web site also contains further resources that might be of use.

Web Site : Cecil Jacob - ( https://www.ceciljacob.com )

License & Disclaimer

Creative Commons Attribution 4.0 International License

This work is licensed under the terms of the license available below.

License : Creative Commons Attribution 4.0 International License

Recommended Custom Setting

The recommended setting for other popular extensions when used with this theme is below.

Add Within Settings File - ( `settings.json` )

Custom Setting - Indent Rainbow

"indentRainbow.colors": [
  "rgba(194,142,96,0.05)",
  "rgba(0,180,214,0.05)",
  "rgba(244,226,134,0.05)",
  "rgba(93,138,116,0.05)"
],
"indentRainbow.errorColor": "rgba(223,91,2,0.15)",

Custom Setting - Bracket Pair Colorizer 2

"bracket-pair-colorizer-2.colorMode": "Consecutive",
"bracket-pair-colorizer-2.colors": [
  "#c28e60",
  "#00b4d6",
  "#f4e286"
],
"bracket-pair-colorizer-2.unmatchedScopeColor": "#ba4d06",

Custom Setting - Bracket Pair Colorizer

"bracketPairColorizer.consecutivePairColors": [
    ["{", "}"],
    ["<", ">"],
    ["(", ")"],
    ["[", "]"],
    [
      "#c28e60",
      "#00b4d6",
      "#f4e286"
    ],
    "#ba4d06"
],

Color Theme

Cecil Jacob