https://github.com/jamesn-dev/zed-svelte-theme
Svelte 5 inspired zed editor theme. Dark Mode Only for now.
https://github.com/jamesn-dev/zed-svelte-theme
Last synced: 5 months ago
JSON representation
Svelte 5 inspired zed editor theme. Dark Mode Only for now.
- Host: GitHub
- URL: https://github.com/jamesn-dev/zed-svelte-theme
- Owner: JamesN-dev
- Created: 2025-05-13T20:08:39.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-13T21:17:03.000Z (about 1 year ago)
- Last Synced: 2025-05-13T21:33:32.686Z (about 1 year ago)
- Size: 592 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Svelte 5 Themes for Zed
A pair of high-contrast, Svelte-branded themes for Zed inspired by the [official Svelte documentation.](https://svelte.dev/docs/kit/introduction).
- **Svelte 5 Theme Dark**: Features the iconic Svelte orange (#FF3E00) with a deep black background for reduced eye strain.
- **Svelte 5 Theme Latte**: A light variant with Svelte orange accents and a soft, warm background for daytime or high-light environments.
## Screenshots
## Manual install
1. Copy `themes/Svelte-5-Theme-Dark.json` and/or `themes/Svelte-5-Theme-Latte.json` into your Zed themes directory (usually `~/.config/zed/themes`).
2. Select your preferred theme in Zed:
- For dark mode: **Svelte 5 Theme Dark**
- For light mode: **Svelte 5 Theme Latte**
# Recommended Icon Themes
These themes pair well with the following Zed icon themes:
- Bearded Icons
- Catppuccin Latte
For the best experience with these themes, add the following to your settings.json file:
## Recommended Settings
Add the following to your settings.json file:
```
"indent_guides": {
"enabled": true,
"line_width": 1,
"active_line_width": 2,
"background_coloring": "disabled"
},
```
This will enable orange-tinted alternating indent guides that complement the Svelte branding, similar to the code blocks on the Svelte documentation.