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#050505
  • activityBarBadge.background#77bbff
  • editor.background#080808
  • editor.foreground#e8e6e3
  • editor.lineHighlightBackground#151518
  • editor.selectionBackground#3d3d4a
  • editorBracketHighlight.foreground1#ff9944
  • editorBracketHighlight.foreground2#44aaee
  • editorBracketHighlight.foreground3#cc88ee
  • editorBracketHighlight.foreground4#55cc99
  • editorBracketHighlight.foreground5#ff6644
  • editorBracketHighlight.foreground6#9988ff
  • editorBracketHighlight.unexpectedBracket.foreground#ff4444
  • editorBracketMatch.background#3d3d4a
  • editorBracketMatch.border#44aaee
  • editorCursor.foreground#77bbff
  • editorIndentGuide.activeBackground1#4a4a55
  • editorIndentGuide.background1#2a2a30
  • editorLineNumber.activeForeground#8a8a95
  • editorLineNumber.foreground#4a4a55
  • editorRuler.foreground#2a2a30
  • sideBar.background#050505
  • sideBarTitle.foreground#9a98a0
  • statusBar.background#050505
  • tab.activeBackground#080808
  • tab.inactiveBackground#050505
  • titleBar.activeBackground#050505

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#8877aaitalic
keyword, storage.type, storage, storage.modifier#ff9944
keyword.control, keyword.control.loop, keyword.control.conditional, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.trycatch, keyword.control.exception#77bbff
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#ff7755
string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.other, string.quoted.triple, string.template, meta.embedded.assembly#55cc99
string.regexp, source.regexp, constant.regexp, string.regexp.character-class, string.regexp.arbitrary-repitition#55cc99
constant.character.escape, string.regexp constant.character.escape#80d8aebold
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end#ff9944
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#eebb55
constant.language, variable.language#9988ffitalic
constant.language.boolean#9988ffitalic
entity.name.type, support.type.builtin, support.type.primitive#66ccdd
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#66ccdd
support.type.nominal#cc88eeitalic
support.type.comptime#ddaa55italic
entity.name.type.parameter, support.type.parameter#66ccdditalic
entity.name.function, support.function, entity.name.operator.custom-literal, support.constant.handlebars#a6e22e
variable, variable.other, meta.definition.variable.name, entity.name.variable#99ccff
variable.other.constant, variable.other.enummember, entity.name.constant#aaddffbold
variable.parameter, variable.parameter.function#44aaeeitalic
variable.parameter.output#ff6644italic bold
variable.other.global#ff88aa
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#99ccff
entity.name.tag, support.class.component#55cc99
punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end#8899aa
entity.other.attribute-name, entity.name.decorator, meta.decorator, entity.name.function.decorator#cc7799
punctuation.accessor, punctuation.accessor.property, punctuation.accessor.tuple, punctuation.separator.dot-access#99aabb
punctuation.bracket, keyword.operator.bracket, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments#8899aa
punctuation.accessor.pointer#44ccff
punctuation.accessor.typepun#eebb55
punctuation.separator, punctuation.separator.comma, punctuation.terminator, punctuation.terminator.statement#8899aa
invalid, invalid.illegal#ff4444
invalid.deprecated#ff4444italic
support, support.constant, support.other#99ccff
meta.embedded, source.groovy.embedded, meta.template.expression#e8e6e3
entity.name.label#e8e6e3
meta.preprocessor, entity.name.function.preprocessor, keyword.control.directive#ff9944
constant.other.reference.link, string.other.link#55cc99
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#77bbffbold
punctuation.definition.heading.markdown#5599cc
markup.bold, markup.bold.markdown#ff9944bold
markup.italic, markup.italic.markdown#cc88eeitalic
markup.bold markup.italic, markup.italic markup.bold#ee99ccbold italic
markup.underline#55cc99underline
markup.strikethrough, markup.strikethrough.markdown#6a6a75strikethrough
markup.underline.link, markup.underline.link.markdown, markup.underline.link.image.markdown, string.other.link.description.markdown#55cc99
string.other.link.title.markdown#44aaee
markup.inline.raw, markup.inline.raw.string.markdown, markup.raw.inline.markdown#eebb55
markup.fenced_code.block.markdown, markup.raw.block.markdown#e8e6e3
fenced_code.block.language.markdown#66ccdd
markup.quote, markup.quote.markdown, punctuation.definition.quote.begin.markdown#8877aaitalic
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown#ff7755
meta.separator, meta.separator.markdown#4a4a55
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#55cc99
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#ff6644
markup.changed, punctuation.definition.changed#eebb55
meta.diff.range#cc88eebold
meta.diff.header#77bbff
support.type.property-name.json, support.type.property-name.json.comments#55cc99
support.type.property-name.css, support.type.property-name.less, support.type.property-name.scss#99ccff
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#eebb55
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#55cc99