7***@qq.com
7***@qq.com
  • 发布:2023-02-18 14:17
  • 更新:2023-02-18 14:17
  • 阅读:1179

vscode深色主题代码颜色分享

分类:HBuilderX

cscode的插件功能很是丰富,平时开发时喜欢用vscode写代码,由HB调试uniCloud功能。来回切换的时候代码颜色差距太大,找代码很费力。于是花20分钟修改HB的代码颜色。分享给需要的人。

设置方法:工具→设置→源码视图 粘贴到右侧 ,覆盖的是雅蓝主题

{  
  "editor.colorScheme": "Atom One Dark",  
  "explorer.iconTheme": "hx-file-icons-colorful",  
  "workbench.colorCustomizations": {  
    "[Atom One Dark]": {  
      "editor.background": "#1e1e1e",  
      "editor.foreground": "#999999",  
      "editor.indentguide": "#003366",  
      "editor.indicator.matchtag": "#ffffe6",  
      "editor.indicator.sameword": "#ffc34d",  
      "editor.whitespace": "#004080",  
      "editorGroup.border": "#1e1e1e",  
      "list.activeSelectionBackground": "#003366",  
      "list.highlightForeground": "#f2f2f2",  
      "list.hoverBackground": "#1e1e1e",  
      "minimap.handle.background": "#cccccc",  
      "sideBar.background": "#282c35",  
      "sideBar.border": "#282c35",  
      "tab.border": "#1e1e1e",  
      "toolBar.background": "#282c35",  
      "toolBar.border": "#171717"  
    }  
  },  
  "editor.tokenColorCustomizations": {  
    "[Atom One Dark]": {  
      "rules": [  
        {  
          "scope": "comment",  
          "settings": {  
            "fontStyle": "italic",  
            "foreground": "#248C85"  
          }  
        },  
        {  
          "scope": "punctuation.definition.comment",  
          "settings": {  
            "fontStyle": "italic",  
            "foreground": "#248C85"  
          }  
        },  
        {  
          "scope": ["meta.tag"],  
          "settings": {  
            "foreground": "#676767"  
          }  
        },  
        {  
          "scope": [  
            "punctuation.definition.tag",  
            "punctuation.definition.tag.begin",  
            "punctuation.definition.tag.end"  
          ],  
          "settings": {  
            "foreground": "#3385ff"  
          }  
        },  
        {  
          "scope": ["entity.name.tag"],  
          "settings": {  
            "foreground": "#569cd6"  
          }  
        },  
        {  
          "scope": ["entity.other.attribute-name"],  
          "settings": {  
            "foreground": "#9cdcf0"  
          }  
        },  
        {  
          "scope": ["string"],  
          "settings": {  
            "foreground": "#ce916a"  
          }  
        },  
        {  
          "scope": ["support.type.property-name.json"],  
          "settings": {  
            "foreground": "#5fc1fe"  
          }  
        },  
        {  
          "scope": [  
            "variable.other.readwrite.tsx",  
            "variable.other.readwrite.ts",  
            "variable.other.readwrite.js"  
          ],  
          "settings": {  
            "foreground": "#4fb8ee"  
          }  
        },  
        {  
          "scope": [  
            "variable.other.readwrite.alias.ts",  
            "variable.other.readwrite.alias.tsx",  
            "variable.other.readwrite.alias.jsx",  
            "variable.other.readwrite.alias.js"  
          ],  
          "settings": {  
            "foreground": "#9cdcfe"  
          }  
        },  
        {  
          "scope": ["meta.method-call", "meta.method"],  
          "settings": {  
            "foreground": "#9cdcfe"  
          }  
        },  
        {  
          "scope": ["variable"],  
          "settings": {  
            "foreground": "#dcdcaa"  
          }  
        },  
        {  
          "scope": ["text.html.vue"],  
          "settings": {  
            "foreground": "#9cdcfe"  
          }  
        },  
        {  
          "scope": [  
            "variable.other.constant.ts",  
            "variable.other.constant.js",  
            "variable.other.constant.jsx",  
            "variable.other.constant.tsx"  
          ],  
          "settings": {  
            "foreground": "#669ad1"  
          }  
        },  
        {  
          "scope": ["comment.line.double-slash", "comment.block"],  
          "settings": {  
            "foreground": "#6a9955"  
          }  
        },  
        {  
          "scope": ["support.type.property-name"],  
          "settings": {  
            "foreground": "#669ad1"  
          }  
        },  
        {  
          "scope": ["support.constant.property-value.css"],  
          "settings": {  
            "foreground": "#ce916a"  
          }  
        }  
      ]  
    }  
  }  
}  
0 关注 分享

要回复文章请先登录注册