kaiusl / pastel_evening_vscode

Dark VS Code theme with pastel colors and a slight blue hint to the editor.
https://marketplace.visualstudio.com/items?itemName=kaiusl.pastel-evening-theme
MIT License
2 stars 0 forks source link

Pastel Evening Theme

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

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. 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.

Configuration

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.

Variants

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.

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.

[^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.

License

MIT