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#2f2b26
  • activityBar.foreground#918f8f
  • activityBarBadge.background#d76538
  • debugIcon.breakpointForeground#d76538
  • editor.background#2f2b26
  • editor.foreground#ebd1b7
  • editor.lineHighlightBackground#45403b
  • editor.selectionBackground#db784d4d
  • editorBracketHighlight.foreground1#d76538
  • editorBracketHighlight.foreground2#f8bb39
  • editorBracketHighlight.foreground3#00a8c6
  • editorBracketHighlight.foreground4#95cc5e
  • editorBracketHighlight.foreground5#e61f44
  • editorBracketHighlight.foreground6#d76538
  • editorCursor.foreground#f8f8f0
  • editorError.foreground#d76538
  • editorInfo.foreground#00a8c6
  • editorWarning.foreground#f8bb39
  • editorWhitespace.foreground#3b3a32
  • sash.hoverBorder#db784d85
  • sideBar.background#2f2b26
  • sideBarSectionHeader.background#26221e
  • statusBar.background#36312c
  • statusBar.debuggingForeground#ffffff
  • statusBar.foreground#918f8f
  • statusBar.noFolderBackground#2f2b26
  • tab.activeBackground#64594e
  • tab.inactiveBackground#2f2b26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7A7267—
string#F8BB39—
constant.numeric#F8BB39—
constant.language#DB784D—
constant.character, constant.other#DB784D—
variable—
keyword#DB784D—
storage#DB784D
storage.type, keyword.other.fn.rust, keyword.other.rust#95CC5E
entity.name.class#DB784Dunderline
entity.other.inherited-class#DB784Ditalic underline
entity.name.function#60A365
variable.parameter—italic
entity.name.tag#95CC5E
entity.other.attribute-name#DB784D
support.function#95CC5E
support.constant#DB784D
support.type, support.class#DB784Ditalic
support.other.variable—
invalid#F8F8F0
invalid.deprecated#F8F8F0—
meta.structure.dictionary.json string.quoted.double.json#F8BB39—
meta.diff, meta.diff.header#75715E—
markup.deleted#00A8C6—
markup.inserted#A6E22E—
markup.changed#E6DB74—
constant.numeric.line-number.find-in-files - match#8FBE00A0—
entity.name.filename.find-in-files#E6DB74—
keyword.other#9A9082—
meta.property-value, support.constant.property-value, constant.other.color#F8BB39—
meta.structure.dictionary.json string.quoted.double.json#DB784D—
meta.structure.dictionary.value.json string.quoted.double.json#F8BB39—
meta.property-name support.type.property-name—
meta.property-value punctuation.separator.key-value#EBD1B7—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as#95CC5E—
meta.use support.class.builtin, meta.other.inherited-class support.class.builtin#95CC5E
variable.other—
variable.parameter.function.coffee#F8BB39italic
entity.name.section.markdown#DB784D—
punctuation.definition.heading.markdown#DB784D—
markup.raw.inline.markdown#F8BB39—
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown#DB784D—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown#DB784D—
punctuation.definition.metadata.markdown#DB784D—
markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown#95CC5Eitalic
markup.bold.markdown, markup.italic.markdown#95CC5E—
markup.italic.markdown—italic
markup.bold.markdown—bold
markup.raw.block.markdown#00A8C6—
markup.deleted.git_gutter#E61F44—
markup.inserted.git_gutter#A7DA1E—
markup.changed.git_gutter#F7B83D—
token.info-token#6796E6—
token.warn-token#CD9731—
token.error-token#F44747—
token.debug-token#B267E6—