​​"terminal.integrated.fontFamily": "Meslo LG M for Powerline"​​

看以前的‘美化’太丑了，还是吸血鬼好看

VSCode自定义颜色样式以及背景图片_f5

VSCode自定义颜色样式以及背景图片_ci_02

"workbench.colorCustomizations": {
        "activityBar.background": "#5415f5",
        "activityBarBadge.background": "#666",
        "activityBar.inactiveForeground": "#fff",
        "activityBar.activeBorder": "#fff",
        "activityBar.foreground": "#f55",
        "titleBar.activeBackground": "#5415f5",
        "titleBar.activeForeground": "#FFF",
        "statusBar.background": "#5415f5",
        "sideBarSectionHeader.background": "#5415f5",
        "sideBarSectionHeader.border": "#fff",
        "sideBarTitle.foreground": "#51f",
    }

VSCode自定义颜色样式以及背景图片_ci_03


设置setting.json

vscode更新会将自己设置的样式复原，记录在此，下面是背景的设置和编辑器的样式设置，要添加图片背景要下载background这个插件

图片是抠出来的，供出，我这有个插件保存后是png格式的，背景是透明的，如果不是可以找我要，我私发你

VSCode自定义颜色样式以及背景图片_ide_04

VSCode自定义颜色样式以及背景图片_ide_05

"background.useDefault": false,
    "background.customImages": [
        "file:///C:/Users/Dell/Pictures/great/1.png"
    ],
    "background.useFront": false,
    "background.style": {
        "top":"0x",
        "right":"120px",
        "width":"130%",
        "height":"100%",
        "background.repeat":"no-repeat",
        "background-size":"contain",
        "opacity":0.5
    },
    "workbench.colorCustomizations": {
            "editor.background": "#FFFAE5",
            "editorGutter.background": "#FFFAE5",
        
            "titleBar.activeBackground": "#ffffff",
            "titleBar.activeForeground": "#026e3f",
            "menu.background": "#FFFAE5",
            "menu.foreground": "#1213128e",
            
            "activityBar.background": "#FFFAE5",
            "activityBar.foreground": "#0d7f37",
            "sideBar.background": "#FFFAE5",
            "sideBar.foreground": "#198a08",
            "sideBarSectionHeader.background": "#f0e7c6",
        
            "tab.activeBackground": "#fffae5",
            "tab.activeForeground":"#000",
            "tab.inactiveBackground": "#fffae5",
            "tab.inactiveForeground": "#5b605fa0",
        
            "editor.selectionBackground": "#ccc",
            "editor.selectionHighlightBackground": "#e4d79b",

            "statusBar.background": "#6fdc85e9",
            "statusBar.debuggingBackground": "#fffae5",
            "statusBar.noFolderBackground": "#fffae5",
         
            "terminal.integrated.cursorBlinking": true,
            "terminal.integrated.lineHeight": 1.2,
            "terminal.integrated.letterSpacing": 0.1,
            "terminal.integrated.fontSize": 15, //字体大小设置
            "terminal.integrated.fontFamily": "Lucida Console", //字体设置
            "terminal.integrated.shell.linux": "/bin/zsh"
        }

补个底部状态栏的设置

"statusBar.background": "#fffae5",
            "statusBar.debuggingBackground": "#fffae5",
            "statusBar.noFolderBackground": "#fffae5",
            "statusBar.foreground":"#07511c",

VSCode自定义颜色样式以及背景图片_前端_06


VSCode自定义颜色样式以及背景图片_f5_07