cscode 50度灰界面风格_vscode类似sourceubsight的灰色主题-CSDN博客

本文链接：https://blog.csdn.net/tiandyoin/article/details/126314257

博主分享了如何创建一个介于黑色和白色之间的50度灰风格的VSCODE界面，以减轻长时间使用编辑器对眼睛的压力。改造基于"Light (Visual Studio - C/C++)"主题，并提供了配置在home目录.vscode/settings.json中的说明。

摘要由CSDN通过智能技术生成

VSCODE自带的颜色主题不是太黑，就是太白。看着难受，自己搞个50度灰风格的界面，麻麻再也不用担心我的眼睛^_^。

这个风格基于 "Light (Visual studio - C/C++)"上改造。

配置写在home目录.vscode目录里的settings.json里。

//C:\Users\%USERNAME%\.vscode\settings.json
{
    "security.workspace.trust.untrustedFiles": "open",
    "files.autoGuessEncoding": true,
    "editor.tabSize": 2,
    "editor.detectIndentation": false,
    "editor.tokenColorCustomizations":{

    },
    "C_Cpp.clang_format_fallbackStyle": "Google",
    "C_Cpp.clang_format_style": "Google",
    "workbench.colorCustomizations": {
      //全 整体布局
      //  "welcomePage.tileBackground":"#ff0000",   //欢迎页上的磁帖
      // "contrastActiveBorder": "#C49F79",
      "contrastBorder": "#C49F7980",              //元素外边框
      // "foreground":"#808080",
      // "disabledForeground":"#ff0000",
      "widget.shadow":"#98816B80",                //查找等控件边框颜色，取滚动条的半透明灰色
      // "selection.background":"#ff0000",          //选中文本
      // "descriptionForeground":"#ff0000",         //提示信息
      // "errorForeground":"#ff0000",               //错误信息
      // "icon.foreground":"#ff0000",               //工作区图标
      // "sash.hoverBorder":"#ff0000",              //可拖动窗格的边框颜色（如资源管理器向右拖宽）
      "window.activeBorder":"#2c2c2c",            //整体窗口
      "window.inactiveBorder":"#808080",          //非活动时
      // "textBlockQuote.background":"#ff0000",     //文本中的块引用
      // "textBlockQuote.border": "#ff0000",
      // "textCodeBlock.background":"#ff0000",      //文本中代码块
      // "textLink.activeForeground":"#ff0000",     //文本中超链接
      // "textPreformat.foreground": "#ff0000",     //预格式化文本段
      // "textSeparator.foreground":"#ff0000",      //文字分隔符
      // "toolbar.hoverBackground": "#ff0000",      //鼠标悬停在工具栏时显示工具栏背景(如菜单项,资源管理器工作区图标项)
      // "toolbar.hoverOutline":"#ff0000",          //鼠标悬停在工具栏时显示工具栏轮廓
      // "symbolIcon.functionForeground":"#ff0000", //函数的符号图标(出现在大纲视图、面包屑导航和建议小部件中)

      /*-------------------------------------------------------------------  */
      //上 标题栏
      "titleBar.activeForeground": "#808080",     //(只是面板，非上面的文字)
      "titleBar.activeBackground": "#2c2c2c",
      "titleBar.inactiveForeground": "#808080",
      "titleBar.inactiveBackground": "#2c2c2c",
      //左 活动栏 最左侧
      // "activityBar.foreground": "#808080",
      "activityBar.background": "#2c2c2c", 
      //下 状态栏
      "statusBar.foreground": "#C0C0C0",      
      "statusBar.background": "#2c2c2c",
      "statusBar.debuggingForeground": "#C0C0C0",
      "statusBar.debuggingBackground": "#2c2c2c",
      "statusBarItem.activeBackground":"#0060C0",   //单击时状态栏项的背景色
      "statusBarItem.hoverBackground":"#0060C0",
      "statusBarItem.focusBorder": "#0060C0",
      //右 编辑器概览标尺
      "editorOverviewRuler.background": "#ba9570",  //(右侧栏滚动条的滚动范