Svelte Theme 5

The optimized dark theme for Svelte / Sveltekit development.

open-vsx link

Latest Version Changelog

Intuitive Syntax Highlighting

Svelte Docs Theme is the optimized dark theme for web development. It has been meticulously designed to be easy on the eyes and intuitive.

Colors

Usage	Color Name *	Hex Code
Function	Tumbleweed	#ebaf94
String	Tan	#ccb88f
Keyword	Blue Jeans	#57b5f4
Text	Pale Silver	#c4c1bb
comment	Philippine Gray	#8c8c8c

*The closest name of the hex color by color-name.com

Screenshots

Acknowledgements

• Originally inspired by svelte.dev.
• Color Names Collected from color-name.com.
• Tutorial by Coder Coder

TODO - to fix

(or should I say my theme has some difference)

• [ ] let total = $derived(numbers.reduce((t, n) => t + n, 0)); redure should be #c4c1bb. now #ebaf94
• [ ] <input bind:value={name} /> name's color

Credits

Logo courtesy of svelte.dev

Author

• Zubair Ibn Zamir

License

This project is open source and available under the MIT License.