Dark theme with pastel colors and a slight blue hint to the editor.
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. Note however that it's possible to change them to your liking.
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.
This theme includes various configuration options to easily customize the theme to your liking. Check out the extension settings in VSCode itself, they should be relatively self-explanatory.
Below are a set of configurations you may be interested in trying out.
The settings are given as a json so you can easily copy them to your settings.json
.
"pastelEveningTheme.colorOverrides.tokens": {
"keywords": "orange"
}
The theme has been tested with various languages, mainly against the examples from Code Syntax Examples repo but with some other projects as well.
[^1]: Have been tested with very short snippet.
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.
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.