登录后台

页面导航

Vscode官方版是一款十分出色的ide开发工具,Vscode官方版界面美观大方,功能强劲实用,软件支持中文,拥有丰富的插件,支持Windows,OS X和Linux。内置JavaScript、TypeScript和Node.js支持。

说明

目前没看到几个修改活动栏和状态栏的,此处补充一些配置

settings.json配置如下

    "workbench.colorCustomizations": {
    //菜单栏
    "titleBar.activeBackground":"#f2f2f2",
    "titleBar.border":"#c0c0c0",
    //活动栏
    "activityBar.background": "#f2f2f2",
    "activityBar.foreground": "#000000",
    "activityBar.border":"#c0c0c0",
    //资源管理器
    "sideBar.background": "#ffffff",
    "sideBar.border":"#c0c0c0",
    "sideBarSectionHeader.background":"#f2f2f2",
    //文件列表
    "list.hoverBackground": "#1a7dc4",
    "list.hoverForeground":"#ffffff",
    //文件页签
    "tab.hoverBackground":"#dadada",
    "tab.inactiveForeground":"#000000",
    "tab.inactiveBackground": "#f2f2f2",
    "tab.activeBorder":"#1a7dc4",
    "tab.activeBackground":"#fafafa",
    //编辑区
    "editor.background":"#ffffff",
    "editor.foreground":"#000000",
    "editorLineNumber.foreground":"#999999",
    "editorCursor.foreground": "#000000",
    "editor.selectionHighlightBackground":"#fffae3",
    "editor.selectionForeground":"#fff",
    "editor.selectionBackground":"#f8de6bc2",
    "editor.wordHighlightBackground":"#fffae3",
    
    //状态栏
    "statusBar.background": "#f2f2f2",
    "statusBar.foreground": "#000000",
    "statusBar.border":"#c0c0c0",
    "panel.border":"#c0c0c0",
    "panelTitle.activeBorder":"#1a7dc4",
}

显示效果

status222.png