vscode 界面配置

40 篇文章 3 订阅

{

"$schema": "vscode://schemas/color-theme",

"name": "界面UI的配色",

"type": "light",

"include": "./my-syntax-color.json",  //语法配色

//启动行号颜色...配置文件C:\Users\lwlee\AppData\Roaming\Code\User\settings.json 

//                    --->>>    "editor.renderLineHighlight": "all"

//窗体色彩配置

//  窗体颜色    8dc5ab(菜单)    009e0d(强烈分割线)    dddddd(窗体)     

//  编辑区色    d0d4d0(背景)    96e285(匹配词)        d8d8d8(高亮行)  999999(行号)

//  强烈颜色    e254c3(提醒)    fff453(括号)          ee0000(错误)

//

"colors":{

//1 悬浮控件背景=============================================

"menu.background":"#dddddd",      //悬浮菜单背景色  ------菜单栏

"menu.foreground":"#000000",      //悬浮菜单前景色

"editorHoverWidget.background": "#dddddd",  //悬浮控件背景  ----编辑区

"editorSuggestWidget.background": "#dddddd",

"editorHoverWidget.foreground": "#000000",

"editorHoverWidget.border": "#009e0d",    //悬浮控件边框 

"editorSuggestWidget.border": "#009e0d",  //悬浮建议边框

"list.highlightForeground": "#e254c3", // 匹配字体颜色  ---编辑区,输入提示

    //配置弹出的下拉菜单 和 左侧资源管理器栏里菜单

"list.activeSelectionBackground":"#8dc5ab",  // 左侧 资源管理器栏里

    "list.activeSelectionForeground": "#000000",

"list.inactiveSelectionBackground": "#8dc5ab69", //未激活菜单背景

"list.inactiveSelectionForeground": "#000000",

"list.errorForeground": "#ee0000",  // 出现错误

"list.hoverBackground": "#8dc5ab42",  //鼠标移动背景色  ----面包屑栏下拉菜单

"list.focusBackground": "#8dc5ab69",    //聚焦背景色

"focusBorder": "#8dc5ab98", // 窗口聚焦时边框

"input.border": "#009e0d",  //输入窗口边框

"input.background": "#dddddd",//输入窗口背景

//2 全局边框 ===============================================

"window.activeBorder": "#009e0d",  //全局边框-------------

//3 菜单栏 标签栏 面包屑栏 ======================================

"titleBar.activeForeground": "#000000",

"titleBar.activeBackground": "#8dc5ab",  //最顶菜单背景

"titleBar.inactiveBackground": "#8dc5ab",

"tab.hoverBorder": "#009e0d",

"tab.hoverBackground": "#8dc5ab62",    // 标签鼠标悬停时颜色

"tab.hoverForeground": "#000000",

"tab.inactiveBackground":"#dddddd",  // 非活动的标签颜色

"tab.inactiveForeground": "#000000",

    "tab.activeBackground":"#8dc5ab62",    //活动标签背景色

"tab.activeForeground": "#000000",    //激活的 字体 前景色

"tab.border": "#8dc5ab",  // 标签两边竖线---------

"editorGroupHeader.tabsBackground": "#dddddd",  // 非活动右侧便签颜色

"breadcrumb.foreground":"#000000",      //面包屑栏

"breadcrumbPicker.background":"#dddddd",  //下拉背景色

"editorGroupHeader.border": "#009e0d",            //标签栏和编辑区分割线  分割线-------

"scrollbar.shadow": "#8dc5ab",                    // 上面分割线的阴影

"editorGroup.dropBackground": "#8dc5ab41",  //拖动界面  分屏颜色多屏

//4 编辑区=================================================

"editor.foreground":"#000000",  //前景色

"editor.background":"#d0d4d0",  //背景色

"editor.lineHighlightBackground": "#d9d9d9",          //高亮行

"editor.lineHighlightBorder": "#d8d8d8",              //高亮行边框

"editor.selectionBackground": "#96e285",              //选中词颜色  ++++@ @ @++++

"editor.selectionHighlightBackground": "#fff453b6",    //相同匹配词的颜色

"editor.inactiveSelectionBackground":"#fff453b6",      //窗口失去焦点,选中的颜色

"editorCursor.foreground": "#000000",      //光标颜色

"editor.findMatchBackground": "#96e285",  //当前选中的搜索词的颜色

"editor.findMatchHighlightBackground": "#fff453",  //相同匹配词的颜色

"editorBracketMatch.background":"#fff453",    //括号背景

//行号所在区域

"editorLineNumber.foreground": "#999999b4",  //行号颜色

"editorLineNumber.activeForeground": "#000000", //活动行号突出显示

"editorGutter.background": "#dddddd",        //行号背景

"editorGutter.modifiedBackground": "#8dc5ab",  //行号右边的 内容标记

"editorIndentGuide.background":"#99999960",        //缩进线颜色非激活------

"editorIndentGuide.activeBackground":"#999999",  //当前激活的缩进线------

"debugIcon.breakpointForeground":"#e254c3",  //断点标记

"editorGutter.foldingControlForeground": "#e254c3", // 折叠标记

"editor.foldBackground": "#e254c333",    //折叠后的背景

"diffEditor.border": "#009e0d",  // 多个编辑器的分割线 ----------

        //5 最左侧栏  活动栏  侧边栏 资源管理器栏================================

"activityBar.background": "#dddddd",  //最左活动栏

"activityBar.foreground": "#009e0d",  //最左活动栏图标颜色

"activityBarBadge.background":"#e254c3",  //最左活动栏 通知标记 颜色

"activityBarBadge.foreground": "#ffffff",

"activityBar.border": "#99999960",    //边框 分割线--------------

"sideBar.background": "#dddddd",      //最左侧边栏 展开

"sideBar.foreground": "#000000",      // 侧边栏  字体颜色

"sideBar.border": "#99999960",          //侧边栏 边框分割线---------------

"sideBarTitle.foreground": "#000000",  //侧边栏 标题颜色

"badge.background": "#e254c3",  //标记未保存文件

"badge.foreground":"#ffffff",

//6 右面缩略图===============================================

"minimap.background": "#dddddd",  //缩略图背景

"minimapSlider.activeBackground": "#8dc5ab83",  //点击激活滑块颜色

"minimapSlider.hoverBackground": "#8dc5ab83",

"minimapSlider.background": "#8dc5ab83",

"minimap.selectionHighlight": "#ff0000",    //当前行标记

//7 最右面滑动块==============================================

"scrollbarSlider.background": "#8dc5ab00",      //滑块颜色

"scrollbarSlider.hoverBackground": "#8dc5abdc", 

"scrollbarSlider.activeBackground": "#8dc5abdc",  //点击滑块激活颜色

//8 最右滑动块底下的区域

"editorOverviewRuler.selectionHighlightForeground": "#ff0000",  //选中词

"editorOverviewRuler.findMatchForeground": "#ff0000",            //搜索词

"editorOverviewRuler.currentContentForeground": "#ff0000",

//9 最底部栏  状态栏=======================================

"statusBar.noFolderBackground" : "#8dc5ab",  //单文件状态栏

"statusBar.background": "#8dc5ab",  //最底状态栏颜色

"statusBar.foreground": "#000000",  //最底状态栏前景颜色

"statusBar.border": "#8dc5ab",  //底部状态栏分割线--------

"panel.background": "#dddddd",    //最底部控制台

"panel.border": "#009e0d",  //控制台边框

"panelTitle.activeBorder": "#e254c3", //标题下划线颜色

},

}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值