https://github.com/madlittlemods/zed-theme-vscode-light-plus

Port of the VSCode Light+ (Default Light+) theme for the Zed code editor
https://github.com/madlittlemods/zed-theme-vscode-light-plus

light-theme theme vscode vscode-theme zed zed-theme

Last synced: 4 months ago
JSON representation

Port of the VSCode Light+ (Default Light+) theme for the Zed code editor

• Host: GitHub
• URL: https://github.com/madlittlemods/zed-theme-vscode-light-plus
• Owner: MadLittleMods
• License: mit
• Created: 2025-02-16T05:52:30.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-06-14T22:44:12.000Z (12 months ago)
• Last Synced: 2025-06-14T23:21:24.004Z (12 months ago)
• Topics: light-theme, theme, vscode, vscode-theme, zed, zed-theme
• Homepage:
• Size: 2.26 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# VSCode Light+ theme for [Zed](https://zed.dev/)

Port of the Light+ (Default Light+) theme from Visual Studio Code to Zed.

Zed | VSCode

--- | ---

 | ![VSCode example with Light+](./screenshots/vscode/vscode-light-plus-theme1.png)

 | ![VSCode example with Light+](./screenshots/vscode/vscode-light-plus-theme2.png)

## Installation

You can install the theme from the official [Zed extension

repository](https://zed.dev/extensions): open the command palette

(Cmd+Shift+P) and run `zed: extensions`. Search for

`VSCode Light+` and install it. Pick the theme in the theme selector with

Cmd+Shift+P -> `theme selector: toggle` -> `VSCode

Light+`.

## Current Limitations

### Dim and washed out colors

The whole genesis of this theme port was because every light Zed theme was all

dim/dull/muted and washed out (everything is grey-ish) with not enough contrast. This

theme is an improvement but doesn't totally solve the problem because it seems to be a

fundamental issue with how Zed handles rendering and colors (as experienced on Manjaro,

arch-based Linux). See the following issues for more context:

 - https://github.com/zed-industries/zed/issues/9057

 - https://github.com/zed-industries/zed/issues/19100

 - https://github.com/zed-industries/zed/discussions/6485#discussioncomment-4937330

 - https://github.com/zed-industries/zed/issues/17890

 - https://github.com/zed-industries/zed/issues/8293#issuecomment-2299761507

 - https://github.com/zed-industries/zed/issues/15521

 - Even the theme previews on [zed-themes.com](https://zed-themes.com/) are much more

   vibrant because the browser is rendering things as expected.

Zed on Linux (dim) | Zed on macOS (normal)

--- | ---

![Zed on Linux has dim and washed out colors](./screenshots/zed/zed-linux-vscode-light-plus-theme1.png) | 

![Zed on Linux has dim and washed out colors](./screenshots/zed/zed-linux-vscode-light-plus-theme2.png) | 

### Syntax Highlighting

Zed's bundled `highlights.scm` files at

https://github.com/zed-industries/zed/tree/main/crates/languages/src often do not

define all the queries for syntax nodes needed to style the theme. This means that some

syntax nodes have different colors when compared to the original theme.

## Development

As you can see if you dive into the theme file, there are plenty of things that are not

filled in as I couldn't see where they were being used in Zed. Feel free to create PR's

to fill in any gaps (include screenshots and context).

Also see the [*developer notes*](./dev-notes.md) for more information.