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

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#ab5236
keyword.control, keyword.control.loop, keyword.control.conditional, keyword.control.flow, keyword.control.import, keyword.control.export, keyword.control.trycatch, keyword.control.exception#1d2b53
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#7e2553
string, string.quoted, string.quoted.double, string.quoted.single, string.quoted.other, string.quoted.triple, string.template, meta.embedded.assembly#008751
string.regexp, source.regexp, constant.regexp, string.regexp.character-class, string.regexp.arbitrary-repitition#008751
constant.character.escape, string.regexp constant.character.escape#2a9a64bold
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded, punctuation.section.embedded.begin, punctuation.section.embedded.end#ab5236
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#ab5236
constant.language, variable.language#7e2553italic
constant.language.boolean#7e2553italic
entity.name.type, support.type.builtin, support.type.primitive#1d2b53
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#1d2b53
support.type.nominal#7e2553italic
support.type.comptime#ab5236italic
entity.name.type.parameter, support.type.parameter#1d2b53italic
entity.name.function, support.function, entity.name.operator.custom-literal, support.constant.handlebars#008751
variable, variable.other, meta.definition.variable.name, entity.name.variable#5f574f
variable.other.constant, variable.other.enummember, entity.name.constant#5f574fbold
variable.parameter, variable.parameter.function#1d2b53italic
variable.parameter.output#ab5236italic bold
variable.other.global#7e2553
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#5f574f
entity.name.tag, support.class.component#008751
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#c04030
punctuation.accessor, punctuation.accessor.property, punctuation.accessor.tuple, punctuation.separator.dot-access#5f574f
punctuation.bracket, keyword.operator.bracket, punctuation.definition.block, punctuation.definition.parameters, punctuation.definition.arguments#83769c
punctuation.accessor.pointer#1d2b53
punctuation.accessor.typepun#ab5236
punctuation.separator, punctuation.separator.comma, punctuation.terminator, punctuation.terminator.statement#83769c
invalid, invalid.illegal#ff004d
invalid.deprecated#ff004ditalic
support, support.constant, support.other#5f574f
meta.embedded, source.groovy.embedded, meta.template.expression#000000
entity.name.label#000000
meta.preprocessor, entity.name.function.preprocessor, keyword.control.directive#ab5236
constant.other.reference.link, string.other.link#008751
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#1d2b53bold
punctuation.definition.heading.markdown#1d2b53
markup.bold, markup.bold.markdown#ab5236bold
markup.italic, markup.italic.markdown#7e2553italic
markup.bold markup.italic, markup.italic markup.bold#7e2553bold italic
markup.underline#008751underline
markup.strikethrough, markup.strikethrough.markdown#83769cstrikethrough
markup.underline.link, markup.underline.link.markdown, markup.underline.link.image.markdown, string.other.link.description.markdown#008751
string.other.link.title.markdown#1d2b53
markup.inline.raw, markup.inline.raw.string.markdown, markup.raw.inline.markdown#ab5236
markup.fenced_code.block.markdown, markup.raw.block.markdown#000000
fenced_code.block.language.markdown#1d2b53
markup.quote, markup.quote.markdown, punctuation.definition.quote.begin.markdown#83769citalic
punctuation.definition.list.begin.markdown, beginning.punctuation.definition.list.markdown#7e2553
meta.separator, meta.separator.markdown#c2c3c7
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted#008751
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted#ff004d
markup.changed, punctuation.definition.changed#ab5236
meta.diff.range#7e2553bold
meta.diff.header#1d2b53
support.type.property-name.json, support.type.property-name.json.comments#008751
support.type.property-name.css, support.type.property-name.less, support.type.property-name.scss#5f574f
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#ab5236
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#008751
Inkglow Themes by Tim Caswell - VS Code Theme