Home  >  Article  >  Development Tools  >  [Organization and Sharing] 20 practical and beautiful VSCode themes, worth collecting!

[Organization and Sharing] 20 practical and beautiful VSCode themes, worth collecting!

青灯夜游
青灯夜游forward
2022-12-23 19:35:295063browse

This article will share with you 20 practical and beautiful VSCode themes. There is always one suitable for you. Come and collect and use it. I hope it will be helpful to everyone!

#It is a very happy thing to change the theme style of an editor when writing code every day. In WebStorm or other editors, changing themes may be a troublesome thing, but in VS Code, everything becomes so simple. You only need a shortcut key to change, and you can also see it during the selection process. Real-time display effect. Below are 20 theme styles that I commonly use and prefer. [Recommended learning: vscode tutorial, Programming teaching]

How to change the theme for VS Code

  • Mac User
    • ⌘K and then ⌘T will display a list of all themes. Press the up and down keys to modify the theme
    • ⌘ ⇧ P, color theme in the input box, Then press Enter and you will also enter the topic list
  • Windows users
    • Ctrl Shift P

1) Ayu

Click to install

There are three theme modes, Light, Mirage, Dark, I prefer Its Mirage and Dark are very cool.

2) Cobalt2 Theme Official

Click to install

There is only one theme , very classic and very good

3) Material Theme

Click to install

There are five theme modes, default, Darker, Lighter, Ocean, and Palenight. I prefer Palenight.

4) Dainty

Click to install

This is more ruthless, It has many preset themes

  • Andromeda (andromeda)
  • Ardent (ardent)
  • Ayu Mirage ( ayu-mirage)
  • City Lights (city-lights)
  • Dark (dark-plus)
  • Dark Reimagined (dark-plus-reimagined)
  • Fluent (fluent)
  • Material Theme Ocean (material-theme -ocean)
  • Material Theme (material-theme)
  • Minimal (minimal)
  • Mirage (mirage)
  • Monokai Night (monokai-night)
  • Monokai (monokai)
  • Nord ( nord)
  • Oceanic Next (oceanic-next)
  • Panda Theme (panda-theme)
  • Pivot (pivot)
  • Purple Haze (purple-haze)
  • Snazzy Theme (snazzy-theme)
  • Timbre (less chroma) (timbre-less-chroma)
  • Timbre (timbre)
  • Tomorrow Night Eighties ( tomorrow-night-eighties)

You can choose what you like

5) Dracula Official

Click to install

There is only one theme, very classic

6 ) GitHub Theme

Click to install

The official theme produced by Github, with all the details

7) Horizon Theme

Click to install

Two theme styles, Horizon Bright pink style, especially suitable for girls

# #8) Min Theme

Click to install

Two theme styles, Dark and Light

9) Nebula Theme

Click to install

A theme style

10) Night Owl

Click to install

Two theme styles, Dark and Light

11) Noctis

Click to install

There are 11 themes, 8 are dark styles and 3 are bright styles

# #12) One Dark Pro

Click to install

A style, also a very classic and durable style

13) One Monokai Theme

Click to install

A style, also a very classic and durable style

##14 )Slack Theme

Click to install

There are up to 11 styles, each one is very classic, I like Slack Theme Aubergine best

15) Snazzy Plus

Click to install

Two styles, long-lasting series

16)SynthWave '84

Click to install

A style, very distinctive, the code is like glowing

17) Shades of Purple

Click to install

A style, very distinctive

18) Winter is Coming Theme

Click to install

Very cool blue style

##19) LaserWave

Click to install

is a nice, concise style

20) Firefox Theme

Click to install

Two Firefox styles, very distinctive, very conspicuous borders

For more knowledge about VSCode, please visit:

vscode Basic Tutorial!

The above is the detailed content of [Organization and Sharing] 20 practical and beautiful VSCode themes, worth collecting!. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:juejin.cn. If there is any infringement, please contact admin@php.cn delete