Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Base4Tone-VSCode-ThemesNew to Visual Studio Code? Get it now.

Base4Tone-VSCode-Themes

Atelierbram

|
1,370 installs
| (1) | Free
color themes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Base4Tone Themes for VS Code

Base4Tone are colorschemes with a small palette, based on four colors, which are implemented in themes for many applications. The Base4Tone Classic theme colors go around the whole color spectrum, while in each theme three colors are closely related – near each other on the color-wheel – and one color a bit further removed in order to provide some complementary contrast. The Base4Tone Modern themes are a bit less harmonic, for each color is quite a bit removed from the other. For a live demo, go to the demo for Base4Tone-prism.

For VSCode all themes come in a light - and dark background variation. With all colors from each theme coming from only four base hues, this will enhance the readability within a text-editor for with such a small palette there are not that much – but just enough – colors (for the eye and brain) to process.

Screenshots

Base4Tone_Classic_A_Dark Screenshot of Base4Tone_Classic_A_Dark in VSCode

Base4Tone_Classic_I_Dark Screenshot of Base4Tone_Classic_i_Dark in VSCode

Base4Tone_Classic_O_Dark Screenshot of Base4Tone_Classic_O_Dark in VSCode

Base4Tone_Classic_U_Dark Screenshot of Base4Tone_Classic_U_Dark in VSCode

Base4Tone_Modern_N_Dark Screenshot of Base4Tone_Modern_N_Dark in VSCode

Base4Tone_Modern_W_Dark Screenshot of Base4Tone_Modern_W_Dark in VSCode

Base4Tone_Classic_D_Light Screenshot of Base4Tone_Classic_D_Light in VSCode

Base4Tone_Classic_I_Light Screenshot of Base4Tone_Classic_I_Light in VSCode

Base4Tone_Modern_C_Light Screenshot of Base4Tone_Modern_C_Light in VSCode

Base4Tone_Modern_N_Light Screenshot of Base4Tone_Modern_N_Light in VSCode

links to all screenshots
  • Base4Tone_Classic_A_Dark
  • Base4Tone_Classic_B_Dark
  • Base4Tone_Classic_C_Dark
  • Base4Tone_Classic_D_Dark
  • Base4Tone_Classic_E_Dark
  • Base4Tone_Classic_F_Dark
  • Base4Tone_Classic_I_Dark
  • Base4Tone_Classic_L_Dark
  • Base4Tone_Classic_O_Dark
  • Base4Tone_Classic_P_Dark
  • Base4Tone_Classic_Q_Dark
  • Base4Tone_Classic_R_Dark
  • Base4Tone_Classic_S_Dark
  • Base4Tone_Classic_T_Dark
  • Base4Tone_Classic_U_Dark
  • Base4Tone_Classic_W_Dark
  • Base4Tone_Modern_C_Dark
  • Base4Tone_Modern_N_Dark
  • Base4Tone_Modern_W_Dark
  • Base4Tone_Classic_A_Light
  • Base4Tone_Classic_B_Light
  • Base4Tone_Classic_C_Light
  • Base4Tone_Classic_D_Light
  • Base4Tone_Classic_E_Light
  • Base4Tone_Classic_F_Light
  • Base4Tone_Classic_I_Light
  • Base4Tone_Classic_L_Light
  • Base4Tone_Classic_O_Light
  • Base4Tone_Classic_P_Light
  • Base4Tone_Classic_Q_Light
  • Base4Tone_Classic_R_Light
  • Base4Tone_Classic_S_Light
  • Base4Tone_Classic_T_Light
  • Base4Tone_Classic_U_Light
  • Base4Tone_Classic_W_Light
  • Base4Tone_Modern_C_Light
  • Base4Tone_Modern_N_Light
  • Base4Tone_Modern_W_Light

Installation

  1. Install Visual Studio Code
  2. Launch Visual Studio Code
  3. Choose Extensions from menu
  4. Search for base4tone-vscode-themes by Atelierbram
  5. Click Install to install it
  6. Click Reload to reload the Code
  7. From the menu bar click: Code > Preferences > Color Theme > (or CMD-K-T) Base4Tone_Classic_A_Dark or any of the other themes (use the arrow keys to preview)
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2022 Microsoft