Skip to content

Help make the extensions Marketplace better for everyone. Take this survey!

| Marketplace
Sign in
Visual Studio Code>Themes>Atelier VSCode ThemesNew to Visual Studio Code? Get it now.
Atelier VSCode Themes

Atelier VSCode Themes

Atelierbram

|
3,283 installs
| (3) | Free
Atelier Themes for VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Atelier Themes for VS Code

Atelier Schemes are ten colorschemes which by now are implemented in many applications using templates which can work with the Base16-Builder CLI tool1. For VS Code both the dark and light templates were created from scratch, making each theme come in a light and dark background variation. Time and effort was spend to make different markup and programming languages become more readable with these themes in Visual Studio Code. Read more about Atelier Schemes.

Screenshot of Atelier_SulpurpoolDark in VSCode

Screenshot of Atelier_SulpurpoolDark in VSCode

Screenshot of Atelier_SulpurpoolLight in VSCode

Screenshot of Atelier_SulpurpoolLight in VSCode

Screenshots

links to screenshots
  • Atelier_CaveDark
  • Atelier_CaveLight
  • Atelier_DuneDark
  • Atelier_DuneLight
  • Atelier_EstuaryDark
  • Atelier_EstuaryLight
  • Atelier_ForestDark
  • Atelier_ForestLight
  • Atelier_HeathDark
  • Atelier_HeathLight
  • Atelier_LakesideDark
  • Atelier_LakesideLight
  • Atelier_PlateauDark
  • Atelier_PlateauLight
  • Atelier_SavannaDark
  • Atelier_SavannaLight
  • Atelier_SeasideDark
  • Atelier_SeasideLight
  • Atelier_SulpurpoolDark
  • Atelier_SulpurpoolLight

Installation

  1. Install Visual Studio Code
  2. Launch Visual Studio Code
  3. Choose Extensions from menu
  4. Search for atelier-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 > Atelier_CaveDark or any of the other themes (use the arrow keys to preview)

Tweaks

Some additional tweaks can be made using the VSCode Custom CSS extension. This requires to have a CSS file on your computer that will hold your custom CSS. An example of some small tweaks I made are in the repo: atelier-vscode-custom-css.css, so one can tweak those as well. Small things like the background color for the Panel title (down at the page, when activated - above the statusbar), and monochrome icons ISO colored ones, to make those icons less distracting.

Once done, open your command palette and select: enable custom CSS and JS

Run the command Reload Custom CSS and JS and the Custom CSS should be taking effect.

Note: Reloading custom CSS and JS after every VSCode update is a must!

Notes

1: If interested in the build process, please look inside the io.sh file and the db folder

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft