Skip to main content
Coding Theme

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#000000
  • activityBarBadge.background#29adff
  • editor.background#000000
  • editor.foreground#fff1e8
  • editor.lineHighlightBackground#0d1525
  • editor.selectionBackground#7e2553
  • editorBracketHighlight.foreground1#ffa300
  • editorBracketHighlight.foreground2#29adff
  • editorBracketHighlight.foreground3#00e436
  • editorBracketHighlight.foreground4#ffec27
  • editorBracketHighlight.foreground5#ff77a8
  • editorBracketHighlight.foreground6#83769c
  • editorBracketHighlight.unexpectedBracket.foreground#ff004d
  • editorBracketMatch.background#1d2b53
  • editorBracketMatch.border#29adff
  • editorCursor.foreground#29adff
  • editorIndentGuide.activeBackground1#83769c
  • editorIndentGuide.background1#5f574f
  • editorLineNumber.activeForeground#c2c3c7
  • editorLineNumber.foreground#5f574f
  • editorRuler.foreground#5f574f
  • sideBar.background#000000
  • sideBarTitle.foreground#c2c3c7
  • statusBar.background#000000
  • tab.activeBackground#1d2b53
  • tab.inactiveBackground#000000
  • titleBar.activeBackground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.line.double-slash, comment.line.number-sign, comment.line.semicolon, comment.block, comment.block.documentation, punctuation.definition.comment, string.comment#83769citalic
keyword, storage.type, storage, storage.modifier#ffa300
keyword.control, keyword.control.loop, keyword.control.conditional, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.trycatch, keyword.control.exception#29adff
keyword.operator, keyword.operator.arrow, keyword.operator.assignment, keyword.operator.comparison, keyword.operator.logical, keyword.operator.arithmetic, keyword.operator.bitwise, keyword.operator.ternary, keyword.operator.spread, keyword.operator.rest, keyword.operator.typeof, keyword.operator.instanceof, keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.wordlike#ff004d
string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.other, string.quoted.triple, string.template, meta.embedded.assembly#00e436
string.regexp, source.regexp, constant.regexp, string.regexp.character-class, string.regexp.arbitrary-repitition#00e436
constant.character.escape, string.regexp constant.character.escape#44e870bold
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end#ffa300
constant.numeric, constant.numeric.decimal, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal, constant.numeric.dozenal, keyword.other.unit#ffec27
constant.language, variable.language#ff77a8italic
constant.language.boolean#ff77a8italic
entity.name.type, support.type.builtin, support.type.primitive#29adff
support.type, entity.name.type.class, entity.name.type.struct, entity.name.type.enum, entity.name.type.interface, entity.name.type.alias, entity.name.type.module, entity.name.namespace, entity.other.inherited-class, support.class#29adff
support.type.nominal#ff77a8italic
support.type.comptime#ffccaaitalic
entity.name.type.parameter, support.type.parameter#29adffitalic
entity.name.function, support.function, entity.name.operator.custom-literal, support.constant.handlebars#00e436
variable, variable.other, meta.definition.variable.name, entity.name.variable#c2c3c7
variable.other.constant, variable.other.enummember, entity.name.constant#c2c3c7bold
variable.parameter, variable.parameter.function#29adffitalic
variable.parameter.output#ffa300italic bold
variable.other.global#ff77a8
variable.other.property, variable.other.object.property, support.variable, meta.object-literal.key, meta.property-name, support.type.vendored.property-name, support.type.property-name#c2c3c7
entity.name.tag, support.class.component#00e436
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end#83769c
entity.other.attribute-name, entity.name.decorator, meta.decorator, entity.name.function.decorator#ab5236
punctuation.accessor, punctuation.accessor.property, punctuation.accessor.tuple, punctuation.separator.dot-access#c2c3c7
punctuation.bracket, keyword.operator.bracket, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments#83769c
punctuation.accessor.pointer#29adff
punctuation.accessor.typepun#ffa300
punctuation.separator, punctuation.separator.comma, punctuation.terminator, punctuation.terminator.statement#83769c
invalid, invalid.illegal#ff004d
invalid.deprecated#ff004ditalic
support, support.constant, support.other#c2c3c7
meta.embedded, source.groovy.embedded, meta.template.expression#fff1e8
entity.name.label#fff1e8
meta.preprocessor, entity.name.function.preprocessor, keyword.control.directive#ffa300
constant.other.reference.link, string.other.link#00e436
markup.heading, heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown, entity.name.section, entity.name.section.markdown, markup.heading entity.name#29adffbold
punctuation.definition.heading.markdown#1d2b53
markup.bold, markup.bold.markdown#ffa300bold
markup.italic, markup.italic.markdown#ff77a8italic
markup.bold markup.italic, markup.italic markup.bold#ff004dbold italic
markup.underline#00e436underline
markup.strikethrough, markup.strikethrough.markdown#5f574fstrikethrough
markup.underline.link, markup.underline.link.markdown, markup.underline.link.image.markdown, string.other.link.description.markdown#00e436
string.other.link.title.markdown#29adff
markup.inline.raw, markup.inline.raw.string.markdown, markup.raw.inline.markdown#ffec27
markup.fenced_code.block.markdown, markup.raw.block.markdown#fff1e8
fenced_code.block.language.markdown#29adff
markup.quote, markup.quote.markdown, punctuation.definition.quote.begin.markdown#83769citalic
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown#ff004d
meta.separator, meta.separator.markdown#5f574f
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#00e436
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#ff004d
markup.changed, punctuation.definition.changed#ffa300
meta.diff.range#ff77a8bold
meta.diff.header#29adff
support.type.property-name.json, support.type.property-name.json.comments#00e436
support.type.property-name.css, support.type.property-name.less, support.type.property-name.scss#c2c3c7
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.scss, entity.name.tag.css, entity.name.tag.less#ffec27
support.constant.property-value, support.constant.color, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value#00e436