当前位置:首页 > 前端技术 > vscode主题颜色设置为light,代码颜色花里胡哨

vscode主题颜色设置为light,代码颜色花里胡哨

2022年08月05日 03:14:15前端技术4

vscode主题颜色设置为light,代码颜色花里胡哨 _ JavaClub全栈架构师技术笔记
左键单击文件–首选项–设置–点击标记的按钮
vscode主题颜色设置为light,代码颜色花里胡哨 _ JavaClub全栈架构师技术笔记
vscode主题颜色设置为light,代码颜色花里胡哨 _ JavaClub全栈架构师技术笔记
setting.json文件代码如下(直接复制进去保存就可):

{
        
  "workbench.iconTheme": "vscode-icons",
  "files.associations": {
     
      "*.cjson": "jsonc",
      "*.wxss": "css",
      "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
     
      "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
  "editor.renderIndentGuides": false,
  "window.zoomLevel": 0,
  "editor.autoClosingBrackets": "always",
  "editor.autoClosingQuotes": "always",
  "files.autoSave": "afterDelay",
  "editor.minimap.enabled": true,
"breadcrumbs.enabled": true,
  "editor.mouseWheelZoom": true,

  
  

  "update.enableWindowsBackgroundUpdates":true,
  "background.enabled":true,
  "background.customImages": [""],

  "background.style": {
     
      "content": "''",
      "pointer-events": "none",
      "position": "absolute",
      "z-index": "99999",
      "width": "100%",
      "height": "100%",
      "background-position": "100% 100%",
      "background-repeat": "no-repeat",
      "opacity": 0.2
  },
  "background.useFront": true,
  "background.useDefault": false,
  "git.ignoreMissingGitWarning": true,
  "editor.fontFamily": "Consolas, mononoki,'Courier New', monospace",
  "editor.renderLineHighlight": "none",
  "editor.lineHeight": 18,
  "editor.roundedSelection": false,
  "editor.fontSize": 16,
  "workbench.colorCustomizations": {
     
      "[Quiet Light]":{
     
          "editor.foreground": "#201515",
          
          
          "editor.selectionHighlightBorder": "#94767c00",
          "editor.selectionHighlightBackground": "#ff000078",
          "editorIndentGuide.activeBackground":"#81868d",
          "editorBracketMatch.background": "#ca9fdb5e",
          "editorBracketMatch.border": "#ff0000",
          "tab.activeBackground": "#ad9cd4b2",
          "textLink.foreground": "#d6561ac4",
          "descriptionForeground": "#ff0000",
          "selection.background": "#b98cd693",
          "textBlockQuote.background":"#b89a9a",
          "textSeparator.foreground": "#86c2df"
          
      },
      
      
  },
  "editor.tokenColorCustomizations": {
     
      "[Quiet Light]":{
     
         /*  "comments": "#82e0aa",
          "strings": "#519657",
          "functions": "#7e57c2",
          "keywords": "#8e1da1",
          "variables":"#e57373",
          "numbers": "#e62020", */

          "comments": "#82e0aa", // 注释
          "keywords": "#0a0", // 关键字
          "variables": "#f00", // 变量名
          "strings": "#e2d75dbd", // 字符串
          "functions": "#5b99fcc9", // 函数名
          "numbers": "#AE81FF", // 数字
          
          
          "textMateRules": [
              {
     
                  "name": "Comment",
                  "scope":[
                      "comment" 
                  ],
                  "settings": {
     
                      "foreground": "#a7cca8",
                      "fontStyle": ""
                  }
              },
              {
     
                  "name": "[VSCODE-CUSTOM] PHP Punctuation Variable Definition",
                  "scope": "punctuation.definition.variable.php",
                  "settings": {
     
                      "foreground": "#e57373"
                  }
              },
              {
     
                  "name": "String",
                  "scope":[
                      "string"
                  ],
                  "settings": {
     
                      "foreground": "#32a504",
                      "fontStyle": ""
                  }
              },
              {
     
                  "name": "HTML:Tags",
                  "scope":[
                      "meta.tag",
                      "punctuation.definition.tag.html",
                      "punctuation.definition.tag.begin.html",
                      "punctuation.definition.tag.end.html"
                  ],
                  "settings": {
     
                      "foreground": "#4b4444",
                      "fontStyle": ""
                  }
              },
              {
     
                  "name": "HTML:Tag Names",
                  "scope":"entity.name.tag",
                  "settings": {
     
                      "foreground": "#a617e9",
                      "fontStyle": ""
                  }
              },
              {
     
                  "name": "HTML: Attribute Names",
                  "scope": [
                      "meta.tag entity.other.attribute-name",
                      "entity.other.attribute-name.html"
                  ],
                  "settings": {
     
                      "fontStyle": "italic",
                      "foreground": "#f31616"
                  }
              },
              {
     
                  "name": "Operator",
                  "scope":"keyword.operator",
                  "settings": {
     
                      "foreground": "#e21d1d",
                      "fontStyle": ""
                  }
              }
              
          ]
      }
  },
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
"editor.quickSuggestions": {
     
    "strings": true
},
"editor.wordWrap": "on"
  
  
}

ps:其实vscode自带的几个主题样式不错的,我比较喜欢的暗黑系列的,比如 深色 、Monokai,浅色系列的比如 Quiet Light,我之前还加过背景图片、设置透明度,但现在使用的都是vscode默认的设置,其实没必要搞那么花里胡哨的,自己看着舒服,好好敲代码就完事了,加油加油~

作者:coderdwy
来源链接:https://blog.csdn.net/blue__k/article/details/107124187

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/17894.html

标签: 颜色设置
分享给朋友:

“vscode主题颜色设置为light,代码颜色花里胡哨” 的相关文章

详解MathType中如何更改公式颜色

详解MathType中如何更改公式颜色

在MathType数学公式编辑器中可以通过更改公式颜色,起到美化、标注公式的效果。本教程将详解MathType中如何更改公式颜色。 在MathType数学公式编辑器中可以通过更改公式颜色,起到美化、标注公式的效果。本教程将详解MathType中如何更改公式颜色。...

Html设置超链接文字颜色

为了突出超链接,超链接文字通常采用与其他文字不同的颜色,超链接文字的下端还会加一条横线。网页的超链接文字有默认颜色,在默认情况下,浏览器以蓝色作为超链接文字的颜色,访问过的文字则颜色变成暗红色。在<body>标记中也可以自定义这些颜色。 基本...

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?

html代码设置span字体颜色,怎么用span css设置div内部分字体颜色?

本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 用span标签设置div内放一段文字中的部分文字字体颜色方法。 一段文字放在DIV内或P内,当我们设置div或p...

html 给div设置边框颜色代码,div边框颜色设置

html 给div设置边框颜色代码,div边框颜色设置

div边框颜色 css设置div边框颜色 使用css对div边框设置颜色是常见CSS样式设置。对div边框颜色设置说需要css单词为border。 去了解相关教程:《CSS边框》教程 一、div四条边的边框颜色设置 如果不设置边框宽度粗细...

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

HTML&CSS实验(5)---学习颜色、字体、文本格式化和盒模型的样式定义

  【实验题目】HTML&CSS实验(5) 【实验目的】学习颜色、字体、文本格式化和盒模型的样式定义。                  ----------------------个人作业,如果有后辈的作业习题一致,可以参考学习,一起交流...

UI设计规范

UI设计规范

一、界面布局 (版心大小,eg:1200px) 二、颜色 1、背景颜色 2、主颜色 3、辅助颜色   三、文字规范 1、字体颜色 2、字体大小 3、字体类型 四、按钮规范 五、图标规范 六、...

HTML中设置td的字体颜色

td中不行,但body中可以 <body text="green"> td中只可以设置背景颜色 <td bgcolor="gray"> 也可以: <td><font size="3" color="red">This is s...

10月15号

今天学习就简单的看了一下HTML颜色 HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。 每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。 作者: 哦心有...

ECharts热力图指定颜色

ECharts热力图指定颜色

ECharts是便捷使用的图标框架,绘制热力图和方便 关键数值 x轴 y轴 数据:(x, y, value) 渐变色 移动效果要将前一次的数据清空 热力图官方链接 https://echarts.apache.org/...

ZH奶酪:通过CSS自定义HTML中hr样式-颜色-形状

ZH奶酪:通过CSS自定义HTML中hr样式-颜色-形状

修改颜色,线条形状,粗细等... CSS代码: .zh_hr{ border:3px solid rgba(255, 255, 255, 0.50); margin-bottom: 2px; margin-top: 2px }...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。