Skip to content

Handcrafted theme for those who haven't found syntax highlighting useful for themself

License

Notifications You must be signed in to change notification settings

vanyauhalin/moondusttheme

Repository files navigation

Moondust Theme

Early on in my programming journey, syntax highlighting aided my understanding the coding. However, as I gained more experience, I found myself relying less on it. Eventually, I realized that the abundance of colors was very straining on my eyes and made it difficult to focus and concentrate.

About

Moondust is crafted to reduce eye strain, allowing to truly focus on code. It challenges the conventional approach of highlighting keywords and typical structures. Instead of drawing excessive attention to them, Moondust brings business logic to the forefront. Avoiding a vibrant color palette further helps maintain the focus.


The color palette used for syntax highlighting


The color palette is centered around shades of gray and blue. These two colors provide five shades, each serving a unique purpose in syntax highlighting. The shade c0 is dedicated to comments, subtly enhancing readability. p0 is used to gently push keywords into the background, while p1 brings the body text to the forefront. For string quotes, s0 is used, and s1 is reserved for the string body.


Screenshot of the code editor showing the color theme


Syntaxes

Moondust is developed for each syntax individually. Alongside each syntax, you will find a comprehensive example showcasing the syntax highlighting.

Syntax Powered by Example
CSS CSS Language Basics (builtin) View example
Dockerfile Docker Language Basics (builtin) View example
Fish Fish View example
Go Builtin Extension (builtin) View example
Go Module Go View example
Go Sum Go View example
HTML HTML Language Basics (builtin) View example
INI Ini Language Basics (builtin) View example
JavaScript JavaScript Language Basics (builtin) View example
JSON JSON Language Basics (builtin) View example
JSON with Comments JSON Language Basics (builtin) View example
JSON Lines JSON Language Basics (builtin) View example
JSX JavaScript Language Basics (builtin) View example
Makefile Make Language Basics (builtin) View example
Ruby Ruby Language Basics (builtin) View example
Shell Script Shell Script Language Basics (builtin) View example
SQL SQL Language Basics (builtin) View example
TOML Even Better TOML View example
TypeScript TypeScript Language Basics (builtin) View example
TSX TypeScript Language Basics (builtin) View example
YAML YAML Language Basics (builtin) View example

Installation

Moondust is available on the VSCode Marketplace, Open VSX Registry, and GitHub Releases.

Contribution

Moondust could use your assistance. If you are interested in porting the theme, encourage you to take the initiative. Additionally, please remember to report any issues where the syntax highlighting is not working properly, and include code examples for clarity. If you are new to this, check out the guide on How to Contribute to Open Source.

Discussions

Mentions

Acknowledgments

In the initial phase, Moondust was primarily a modification of the GitHub Theme. I owe a great deal of gratitude to the Primer team for their work.

A special shout-out goes to the entire community that focuses on creating minimalistic, two-color, monochrome themes, particularly Monochrome. It was a delight for me to delve into your work, and it is heartening to realize that our aesthetic preferences align closely.

License

MIT (c) Ivan Uhalin


Moondust dunes