聖誕小鹿?VScode

藤蔓繞竹發表於2019-05-28


1.主頁效果圖

聖誕小鹿?VScode

2.進去後

聖誕小鹿?VScode

3.還可以看你想看的內容,不被人發現

這不是讓你看小說,
是為了調整頁面樣式更方便,不用來回切頁面

聖誕小鹿?VScode

4.想要獲得這個主題嗎?

1)去看Jinkey作者的這個

juejin.im/post/5cdbe7…
這裡的json配置

 "editor.fontLigatures": true,   
 "vscode_custom_css.imports": [
//此處為你儲存的地址        
"file:///Users/wangxinyue/vscode/synthwave84-noglow.css",        
"file:///Users/wangxinyue/vscode/synthwave84.css",        
"file:///Users/wangxinyue/vscode/terminal.css",        
"file:///Users/wangxinyue/vscode/enable-electron-vibrancy.js",        
"file:///Users/wangxinyue/vscode/toolbar.css ",        
"file:///Users/wangxinyue/vscode/vscode-vibrancy-style.css"],   
 "vscode_custom_css.policy": true,    
"terminal.integrated.rendererType": "dom"複製程式碼

github地址:github.com/Jinkeycode/…

2)修改json檔案樣式

聖誕小鹿?VScode

背景奉上


聖誕小鹿?VScode

5. 升級新增聖誕?小鹿

5.1 安裝marketplace.visualstudio.com/items?itemN…

聖誕小鹿?VScode

5.2新增配置

 "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///Users/wangxinyue/vscode/lu.png"
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "25%,25%",
        "opacity": 0.5
    },
    "background.useFront": true,
    "background.useDefault": false,
複製程式碼

效果如下

聖誕小鹿?VScode



相關文章