Table of Contents
1. Atom One Light
2. Github Light
3. Brackets Light Pro
4. Hop Light
5. Snazzy Light
#6. Primer Light
7. Monokai Light
8. Bluloco Light
9. Blue Light
10. Solarized Light
Home Development Tools VSCode 10 beautiful light themes in VSCode (share)

10 beautiful light themes in VSCode (share)

Jun 11, 2021 am 11:24 AM
vscode

10 beautiful light themes in VSCode (share)

When typing code during the day, it is generally recommended to use a light theme. Since most programmers will spend most of their time coding during the day, a nice light theme is a must. This article shares 10 great light themes that you can start using one of these themes right now. [Recommended learning: "vscode tutorial"]

1. Atom One Light

Atom One Light theme is the most installed light theme. With over 300K installs, this is a popular Light theme. This theme is based on Atom’s One Light theme and is one of the highest rated Light themes on the market.

10 beautiful light themes in VSCode (share)

2. Github Light

Github’s Light theme looks very clean. As the name suggests, it is created based on the look and feel of GitHub, so it should look familiar.

This theme comes in two forms: one with a pure white background and one with a gray background. With nearly 65K installs, this is a fairly widely used Light theme.

10 beautiful light themes in VSCode (share)

I personally like a gray background that looks like this:

2-10 beautiful light themes in VSCode (share)

3. Brackets Light Pro

Brackets Light Pro is an eye-catching theme with its beautiful colors. Just like the Github Light theme, it has nearly 65K downloads, making it one of the more frequently installed themes.

Overall, the theme has a very clean look and is really easy on the eyes.

10 beautiful light themes in VSCode (share)

4. Hop Light

According to its description, Hop Light theme is a theme with friendly colors. The real beauty of this theme is the contrast – bright, but not too bright. The stark contrast of this theme makes everything easy to read.

10 beautiful light themes in VSCode (share)

5. Snazzy Light

According to the author’s understanding, the main goal of this theme is to perform well under bright ambient light conditions Clear and vibrant colors. This should make the subject suitable for work, for example, even when working in strong sunlight.

If you like working in light themes, then Snazzy Light is definitely for you.

10 beautiful light themes in VSCode (share)

#6. Primer Light

Although this theme only has a little over 9K installs, Primer Light is a great looking theme. This theme is a port from Sublime Text, so this theme may look familiar to you if you have used Sublime Text before.

10 beautiful light themes in VSCode (share)

7. Monokai Light

The Monokai Light theme stands out for its bright colors, which are characteristic of the Monokai color scheme. This is equivalent to a lighter version of the various dark Monokai themes available on the Visual Studio Marketplace.

10 beautiful light themes in VSCode (share)

8. Bluloco Light

Bluloco Light is a strange and complex theme with a variety of colors in the palette Various colors. This theme features a more comprehensive use of syntax ranges and color consistency, with aesthetics, contrast, and readability in mind.

This theme was originally forked from the beautiful One Light theme. With 90K installs, it is one of the more popular Light themes.

10 beautiful light themes in VSCode (share)

9. Blue Light

Blue Light is a mostly blue theme - as you can see by its As distinguished by name. The goal of this theme is to keep it as simple as possible. For example, in order to eliminate and avoid distractions, only a few colors are used, whether it is UI or syntax coloring. Other than that, the red color is only used for errors.

10 beautiful light themes in VSCode (share)

10. Solarized Light

Solarized Light theme also has a dark version. The Light version of this theme has a very distinctive background color that you either love or hate.

If you don't like bold storage tokens (types and modifiers), then you can choose the Solarized Light (no bold) theme. This theme removes all bold styles.

10 beautiful light themes in VSCode (share)

For more programming related knowledge, please visit: Programming Video! !

The above is the detailed content of 10 beautiful light themes in VSCode (share). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

What computer configuration is required for vscode What computer configuration is required for vscode Apr 15, 2025 pm 09:48 PM

VS Code system requirements: Operating system: Windows 10 and above, macOS 10.12 and above, Linux distribution processor: minimum 1.6 GHz, recommended 2.0 GHz and above memory: minimum 512 MB, recommended 4 GB and above storage space: minimum 250 MB, recommended 1 GB and above other requirements: stable network connection, Xorg/Wayland (Linux)

How to define header files for vscode How to define header files for vscode Apr 15, 2025 pm 09:09 PM

How to define header files using Visual Studio Code? Create a header file and declare symbols in the header file using the .h or .hpp suffix name (such as classes, functions, variables) Compile the program using the #include directive to include the header file in the source file. The header file will be included and the declared symbols are available.

How to switch Chinese mode with vscode How to switch Chinese mode with vscode Apr 15, 2025 pm 11:39 PM

VS Code To switch Chinese mode: Open the settings interface (Windows/Linux: Ctrl, macOS: Cmd,) Search for "Editor: Language" settings Select "Chinese" in the drop-down menu Save settings and restart VS Code

vscode setting Chinese tutorial vscode setting Chinese tutorial Apr 15, 2025 pm 11:45 PM

VS Code supports Chinese settings, which can be completed by following the steps: Open the settings panel and search for "locale". Set "locale.language" to "zh-CN" (Simplified Chinese) or "zh-TW" (Traditional Chinese). Save settings and restart VS Code. The settings menu, toolbar, code prompts, and documents will be displayed in Chinese. Other language settings can also be customized, such as file tag format, entry description, and diagnostic process language.

How to set vscode How to set vscode Apr 15, 2025 pm 10:45 PM

To enable and set VSCode, follow these steps: Install and start VSCode. Custom preferences including themes, fonts, spaces, and code formatting. Install extensions to enhance features such as plugins, themes, and tools. Create a project or open an existing project. Use IntelliSense to get code prompts and completions. Debug the code to step through the code, set breakpoints, and check variables. Connect the version control system to manage changes and commit code.

vscode Previous Next Shortcut Key vscode Previous Next Shortcut Key Apr 15, 2025 pm 10:51 PM

VS Code One-step/Next step shortcut key usage: One-step (backward): Windows/Linux: Ctrl ←; macOS: Cmd ←Next step (forward): Windows/Linux: Ctrl →; macOS: Cmd →

How to set vscode in Chinese How to set vscode in Chinese Apr 15, 2025 pm 09:27 PM

There are two ways to set up a Chinese language in Visual Studio Code: 1. Install the Chinese language package; 2. Modify the "locale" settings in the configuration file. Make sure Visual Studio Code version is 1.17 or higher.

Common commands for vscode terminal Common commands for vscode terminal Apr 15, 2025 pm 10:06 PM

Common commands for VS Code terminals include: Clear the terminal screen (clear), list the current directory file (ls), change the current working directory (cd), print the current working directory path (pwd), create a new directory (mkdir), delete empty directory (rmdir), create a new file (touch) delete a file or directory (rm), copy a file or directory (cp), move or rename a file or directory (mv) display file content (cat) view file content and scroll (less) view file content only scroll down (more) display the first few lines of the file (head)

See all articles