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#050305
  • activityBarBadge.background#5d9db1
  • editor.background#080408
  • editor.foreground#f7f1c8
  • editor.lineHighlightBackground#140e12
  • editor.selectionBackground#46374f
  • editorBracketHighlight.foreground1#e9a961
  • editorBracketHighlight.foreground2#98d0cd
  • editorBracketHighlight.foreground3#cdd267
  • editorBracketHighlight.foreground4#db838d
  • editorBracketHighlight.foreground5#8d5f99
  • editorBracketHighlight.foreground6#5d9db1
  • editorBracketHighlight.unexpectedBracket.foreground#b15962
  • editorBracketMatch.background#321a2c
  • editorBracketMatch.border#98d0cd
  • editorCursor.foreground#98d0cd
  • editorIndentGuide.activeBackground1#46374f
  • editorIndentGuide.background1#321a2c
  • editorLineNumber.activeForeground#a3a5be
  • editorLineNumber.foreground#46374f
  • editorRuler.foreground#321a2c
  • sideBar.background#050305
  • sideBarTitle.foreground#a3a5be
  • statusBar.background#050305
  • tab.activeBackground#080408
  • tab.inactiveBackground#050305
  • titleBar.activeBackground#050305

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#a3a5beitalic
keyword, storage.type, storage, storage.modifier#e9a961
keyword.control, keyword.control.loop, keyword.control.conditional, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.trycatch, keyword.control.exception#98d0cd
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#b15962
string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.other, string.quoted.triple, string.template, meta.embedded.assembly#cdd267
string.regexp, source.regexp, constant.regexp, string.regexp.character-class, string.regexp.arbitrary-repitition#cdd267
constant.character.escape, string.regexp constant.character.escape#d9dd8dbold
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end#e9a961
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#dfaf97
constant.language, variable.language#db838ditalic
constant.language.boolean#db838ditalic
entity.name.type, support.type.builtin, support.type.primitive#5d9db1
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#98d0cd
support.type.nominal#db838ditalic
support.type.comptime#dfaf97italic
entity.name.type.parameter, support.type.parameter#5d9db1italic
entity.name.function, support.function, entity.name.operator.custom-literal, support.constant.handlebars#cdd267
variable, variable.other, meta.definition.variable.name, entity.name.variable#f7f1c8
variable.other.constant, variable.other.enummember, entity.name.constant#f7f1c8bold
variable.parameter, variable.parameter.function#98d0cditalic
variable.parameter.output#e9a961italic bold
variable.other.global#db838d
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#f7f1c8
entity.name.tag, support.class.component#cdd267
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end#a3a5be
entity.other.attribute-name, entity.name.decorator, meta.decorator, entity.name.function.decorator#8d5f99
punctuation.accessor, punctuation.accessor.property, punctuation.accessor.tuple, punctuation.separator.dot-access#a3a5be
punctuation.bracket, keyword.operator.bracket, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments#a3a5be
punctuation.accessor.pointer#5d9db1
punctuation.accessor.typepun#e9a961
punctuation.separator, punctuation.separator.comma, punctuation.terminator, punctuation.terminator.statement#a3a5be
invalid, invalid.illegal#b15962
invalid.deprecated#b15962italic
support, support.constant, support.other#f7f1c8
meta.embedded, source.groovy.embedded, meta.template.expression#f7f1c8
entity.name.label#f7f1c8
meta.preprocessor, entity.name.function.preprocessor, keyword.control.directive#e9a961
constant.other.reference.link, string.other.link#cdd267
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#98d0cdbold
punctuation.definition.heading.markdown#5d9db1
markup.bold, markup.bold.markdown#e9a961bold
markup.italic, markup.italic.markdown#db838ditalic
markup.bold markup.italic, markup.italic markup.bold#b15962bold italic
markup.underline#cdd267underline
markup.strikethrough, markup.strikethrough.markdown#46374fstrikethrough
markup.underline.link, markup.underline.link.markdown, markup.underline.link.image.markdown, string.other.link.description.markdown#cdd267
string.other.link.title.markdown#98d0cd
markup.inline.raw, markup.inline.raw.string.markdown, markup.raw.inline.markdown#dfaf97
markup.fenced_code.block.markdown, markup.raw.block.markdown#f7f1c8
fenced_code.block.language.markdown#5d9db1
markup.quote, markup.quote.markdown, punctuation.definition.quote.begin.markdown#a3a5beitalic
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown#b15962
meta.separator, meta.separator.markdown#321a2c
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#cdd267
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#b15962
markup.changed, punctuation.definition.changed#e9a961
meta.diff.range#db838dbold
meta.diff.header#98d0cd
support.type.property-name.json, support.type.property-name.json.comments#cdd267
support.type.property-name.css, support.type.property-name.less, support.type.property-name.scss#f7f1c8
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#dfaf97
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#cdd267