Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Pastel Evening ThemeNew to Visual Studio Code? Get it now.

Pastel Evening Theme

Kaius Loos

|
75 installs
| (0) | Free
Dark theme with pastel colors and a slight blue hint to the editor.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Pastel Evening Theme

Dark theme with pastel colors and a slight blue hint to the editor.

I have been using this basic color scheme for a while now but the amount of rules in settings.json started to grew out of hand. I thought that I should just polish it up and actually make it a proper theme. So a week and a bit later here it is.

Color scheme

This theme aims to use relatively few different colors but still clearly distinguish different elements in the code. The comments are purposefully muted to emphasize the actual code. Short summary about colors and their meaning is below.

Color Tokens
Red Keywords
Green Types
Blue Functions
Yellow Interfaces and annotations
Light Orange Strings and numbers
Orange Labels, lifetimes, escape sequences in strings
Dark gray Comments
Light gray Main text, local variables, namespaces, modules, operators, punctuation
White Constant and static variables, function parameters, member fields and properties

Additionally static variables and methods are in italic (where possible). Mutable variables are underlined in languages where mutable variables are special, like Rust and Kotlin. See ColorScheme.md for more details about the color scheme.

It is recommended to use this theme with semantic highlighting. It will work without it as well, but may miss some colors.

Style related editor settings used to develop this theme are

"editor.fontFamily": "'JetBrains Mono'",
"editor.fontSize": 13,
"editor.inlayHints.fontSize": 10,
"editor.fontWeight": 600,
"editor.fontLigatures": true,
"workbench.iconTheme": "material-icon-theme",

It's worth noting that Linux's and Windows' font rendering is different, I have found that on Linux fontWeight=600 is about the same look as fontWeight=425 on Windows using JetBrains Mono font. With same fontWeight the theme looks quite a bit brighter on Windows than on Linux. Thus if the colors seem a bit too bright you can slightly lower the fontWeight and other way around too.

Tested languages

The theme has been tested with various languages, mainly against the examples from Code Syntax Examples repo but with some other projects as well.

  • C++, C#, F#, Go, Haskell, Java, Javascript (.js, .jsx), Typescript (.ts, .tsx), CSS, HTML, Kotlin, Python, Ruby, Rust, Dart[^1], Elm[^1], PHP[^1], Scala[^1]
  • Markup and text
    • LaTeX, Markdown, AsciiDoc
  • Misc
    • HCL, INI, JSON, RON, TOML, XML, YAML, Pest, Cabal,

[^1]: Have been tested with very short snippet.

Contributions

All suggestions, requests or improvements are very welcome. Submit an issue or pull request and we'll see what can be done. Check out CONTRIBUTING.md for more information.

Inspiration

This theme's code style is inspired by Panda Syntax's and Gatito Theme's pastel colors. Editor's UI style is inspired by Lapce editor's default dark theme.

Availability for other editors

  • JetBrains' IDEs - wip
  • Visual Studio - wip

License

MIT

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