Skip to content

Latest commit

 

History

History
32 lines (29 loc) · 1.87 KB

README.md

File metadata and controls

32 lines (29 loc) · 1.87 KB
Raw

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).