Skip to main content
CodingTheme

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#f2f2f2
  • activityBar.border#bcbcbc
  • activityBar.foreground#000000
  • editor.background#fdf9ee
  • editor.foreground#000000
  • editor.lineHighlightBackground#fffae3
  • editor.selectionHighlightBackground#F6EBBC
  • editorGutter.background#f0f0f0
  • editorLineNumber.foreground#c1c1c1
  • sideBar.background#fffae3
  • sideBar.border#c0c0c0
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#fffae3
  • statusBar.background#f2f2f2
  • statusBar.border#c0c0c0
  • statusBar.foreground#000000
  • tab.activeBorder#c0c0c0
  • tab.border#c0c0c0
  • tab.inactiveBackground#d4d4d4
  • tab.inactiveForeground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#333333ff
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#008000bold
invalid.deprecated
invalid.illegal#ff0000
keyword.operator#000088bold
keyword, storage#000088bold
storage.type, support.type#000088bold
constant.language, support.constant, variable.language#AB6526
variable, support.variable#434343
entity.name.function, support.function#696539
entity.name.type, entity.other.inherited-class, support.class#000088bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#0000FF
string#008000bold
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#008000bold
string.quoted.double.html#008000bold
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation#777777
string source, text source#000000
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#2E2A2E
entity.name.tag#000088bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#0000FFbold
string.quoted.double.html#008000bold
source.css#008000bold
constant.character.entity, punctuation.definition.entity#0000FFbold
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.name.tag.wildcard.css#000088bold
meta.property-name, support.type.property-name#0000FFbold
meta.property-value, meta.property-value constant.other, support.constant.property-value, source.css constant.numeric, source.css constant.language, source.css keyword.other.unit#008000bold
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#660E7A
markup.list#4B83CD
markup.bold, markup.italic#008000bold
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343
meta.object-literal.key, meta.object-literal.key entity.name.function#660E7Abold
variable.language#0042B6bold
variable.other.object#660E7Abold
variable.other.object.property#660E7Abold
variable.other.readwrite
variable.other.property#660E7Abold
string.quoted.double.js#008000bold
string.quoted.single.js#008000bold
entity.name.function.js#660E7Abold
support.class.console.js, meta.function-call.js, meta.block.js, meta.function.expression.js, meta.block.js, meta.method.declaration.js, meta.objectliteral.js#660E7Abold
entity.name.function.js#696539
variable.parameter.js#434343
keyword.operator.expression.delete.js#000088bold
constant.language #000088bold
storage.type.function.js#000088bold
storage.type.js#000088bold
variable.language.this.js#000088bold
punctuation.section.embedded.begin.php#000088bold
variable.language.this.php#696539bold
variable.other.php#696539bold
storage.type.function.php#000088bold
storage.type.class.php#000088bold
comment.block.documentation.phpdoc.php#AAAAAA
comment.block.documentation.phpdoc.php support.class#AAAAAA
keyword.other.phpdoc.php#000088
markup.inserted#008000bold
meta.preprocessor.numeric#008000bold
keyword.other.unit#008000bold
constant.sha.git-rebase#008000bold

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

webstorm theme by shihao-HTD - VS Code Theme