Skip to content

nooooocato/VSC-Transparent-Dark-Plus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

VSC-Transparent-Dark-Plus

VSC 1.51 backdrop-filter is broken
Custom Visual Studio Code style, Extension Needed.

Still in progress, may cause some issues. Please open an issue to let me know the bug.

png png1

How it works

  • CSS File
    This is a common CSS file, need a CSS injector to use.
    The Base color is black, if you don't have any extension to make VSC Window transparent/blur, it just black.

Features/Goal

  • Transparent and blur.
  • Readable and comfortable.
  • Full Screen (Zen) Mode support (Depends on window background color).

Install

Install CSS File

  1. Make you VSC window background transparent and blur. Here are some solutions:
    1. GlassCord
    2. GlassIt-VSC
    3. Windows opacity
    4. Vibrancy
      Just choose the one you like🤪.
  2. Install extension Custom CSS and JS Loader (Except Vibrancy)
  3. Download custom.css and load into VSC, choose the Dark+ color theme.

Install font (For SC/TC/JP/KR)

Download Resource Han Rounded and install.
This CSS file is developed for simplified Chinese. If you use other languages, please change it by yourself.

I use the returned content of the google font api to integrate Fira Code and Product Sans (which means that fonts will be obtained online). Product Sans are not allowed for commercial use (maybe unauthorized use is not legal).

About

Custom Visual Studio Code style, Extension Needed.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages