Giter VIP home page Giter VIP logo

vscode-settings's Introduction

vscode-settings

个人vscode定制设置

vscode

基于Dracula编辑器主题和material-icon-theme的图标主题的个人编辑器定制页面。

settings.json 文件物理存储位置

  • Windows: %APPDATA%\Code\User\settings.json
  • Mac: $HOME/Library/Application Support/Code/User/settings.json
  • Linux: $HOME/.config/Code/User/settings.json

依次点击菜单 Code > Preferences > Settings 或 快捷键 command + , 进行设置。

// 字体
"editor.fontFamily": "'Fira Code', Source Code Pro, Menlo, Monaco, 'Courier New', monospace",

// 软件主题配色
"workbench.iconTheme": "material-icon-theme", // 图标主题
"workbench.colorTheme": "Dracula", // 颜色主题
"workbench.colorCustomizations": {
    "[Dracula]": {
        // 编辑区域背景
        "editor.background": "#292D3E",
        "editor.foreground": "#c7d4dd",
        // 侧边栏
        "sideBar.background": "#292D3E",
        "sideBar.foreground": "#c7d4dd",
        "sideBar.border": "#292D3E",
        // 侧边栏列表
        "list.inactiveSelectionBackground": "#292D3E",
        "list.inactiveSelectionForeground": "#dfdfdf",
        "list.hoverBackground": "#292D3E",
        "list.hoverForeground": "#dfdfdf",
        // peek 窗口
        "peekView.border": "#5b99fc9c",
        // 顶部 tab 栏
        "tab.border": "#292D3E",
        "tab.activeBackground": "#292D3E",
        "tab.activeForeground": "#c7d4dd",
        "tab.inactiveBackground": "#292D3E",
        "tab.hoverBackground": "#292D3E",
        "tab.unfocusedHoverBackground": "#292D3E",
        "tab.hoverBorder": "#5b99fcb9",
        "tab.inactiveForeground": "#8e8e8e",
        "editorGroupHeader.tabsBackground": "#292D3E",
        "editorGroupHeader.tabsBorder":"#292D3E",
        "editorGroup.border": "#292D3E",
        "contrastBorder":"#292D3E",
        // 最左侧工具栏
        "activityBar.background": "#292D3E",
        "activityBar.foreground": "#c7d4dd",
        "activityBar.border": "#292D3E",
        // 状态栏
        "statusBar.background": "#292D3E",
        "statusBar.foreground": "#c7d4dd",
        "statusBar.border" : "#292D3E",
        // panel 窗口
        "panel.background": "#292D3E",
        "panel.border":"#292D3E",
        // 光标
        "editorCursor.foreground": "#84B1ED",
        // 当前行
        "editor.lineHighlightBackground": "#393C4C",
        //缩进参考线
        // "editorIndentGuide.activeBackground": "#5b99fc33",
        // 行号栏的当前行
        "editorLineNumber.activeForeground": "#dabfe0",
        // 行号
        "editorLineNumber.foreground": "#7e7d7e",
        // 标尺
        "editorRuler.foreground": "#7c5881",
        // 快捷提示窗口
        "editorSuggestWidget.highlightForeground": "#84B1ED",
        "editorSuggestWidget.selectedBackground": "#333f5c",
        // 单击一个词时,其它相同单词
        "editor.selectionHighlightBackground": "#70697ec9",
        "editor.selectionBackground": "#70697ec9",
        "editor.selectionHighlightBorder": "#b5f1a159",
        // terminal
        "terminalCursor.foreground": "#84B1ED",
        "terminal.background": "#292D3E",
        // 侧边栏中一块区域的标题
        "sideBarSectionHeader.background": "#292D3E",
        "sideBarSectionHeader.border": "#292D3E",
        // 区域获取焦点时
        "focusBorder": "#5b99fc36",
        // 标题栏颜色
        "titleBar.activeBackground": "#292D3E",
        "titleBar.activeForeground":"#c7d4dd",
        "titleBar.inactiveBackground": "#292D3E",
        "titleBar.inactiveForeground": "#c7d4dd",
        //滚动
        "scrollbar.shadow": "#292D3E",
        "editorOverviewRuler.border":"#292D3E",
    }
},

Author

ADrules ©Tickmao, Released under the MIT License.

Blog @Tickmao · GitHub @Tickmao · Twitter @Tickmao

参与我们

如果有任何想法或需求,可以在 issue 中告诉我们,欢迎各种小伙伴踊跃留言。

vscode-settings's People

Contributors

tickmao avatar

Stargazers

 avatar  avatar

Forkers

ggdream

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.