Create GitLab VS Code Themes

Problem to solve

As we look to implement a VS Code instance as a replacement for our Monaco-based Web IDE, we have an opportunity to create one or more first-party themes for VS Code to ensure a consistent branded experience across the platform.

Proposal

Create a default light and dark theme for a web-based VS Code that feels like GitLab. This is more than just a code syntax highlighting theme. This is theming the entire IDE experience.

Even better, we could make these available for the desktop version.

We'd be looking to ensure:

  • Consistency with the current light and dark themes, where appropriate
  • Consistency with syntax highlighting in general
  • Use Pajamas SVGs for icons

Open questions

  1. Do we have any control at all on padding/margins, button radius, line height, and things like that?
  2. What is the default font, do we need to override that?

Links

This could be a good place to start: https://themes.vscode.one/edit/local/

Edited by Eric Schurter