Skip to main content
Coding Theme

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.

  • activityBarBadge.background#007acc
  • diffEditor.insertedLineBackground#00db6e80
  • diffEditor.removedLineBackground#ff150080
  • editor.background#1a1a19
  • editor.findMatchBackground#ffff00
  • editor.findMatchHighlightBackground#66c2ff66
  • editor.inactiveSelectionBackground#b3b3b333
  • editor.selectionBackground#66c2ff4c
  • editorBracketMatch.border#f76ec9
  • editorCursor.foreground#f76ec9
  • editorIndentGuide.activeBackground#ffffff0f
  • editorIndentGuide.background#ffffff0f
  • editorWarning.foreground#ff5b4d
  • foreground#ffffffcc
  • scrollbar.shadow#f76ec977

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#ffffff60—
meta.keyword#85ad99—
meta.variable#6c9380—
meta.annotation#6c9380—
punctuation.separator, punctuation.terminator, meta.brace, punctuation.accessor, punctuation.section, keyword.operator.type.annotation, meta.interface keyword.operator.optional, meta.field.declaration keyword.operator.optional, punctuation.definition.block, punctuation.definition#ffffff66—
entity.name.type.alias, entity.name.class#f7ac6e—
support.type, source.go storage.type, entity.other.inherited-class#ffab66—
keyword, storage, storage.type.keyword, keyword.operator.new, keyword.operator.delete#94b3d1—
keyword.operator#ffc799—
meta.definition.method, meta.definition.function#ffffffbold
string, constant, string punctuation.definition, constant punctuation.definition#94d1b3—
string constant#ccffe6—
string variable#ffffffcc—
string.regexp#3399ff—
meta.tag#ffffff66—
meta.tag entity, meta.tag.attributes#ffffffcc—
meta.tag entity.name#ffab66—
storage.register, storage.other.register, constant.language.registers, entity.name.function.reg, constant.language.register#ffab66—
source.asm entity.directive, source.asm support.function.directive#ff9—
text punctuation#ffffff66—
text markup.heading#ffffffbold
text markup.italic—italic
text markup.bold—bold
text markup.bold & markup.italic—bold italic
text markup.strikethrough#ffffff66—
text markup.list punctuation.definition.list_item#ff9bold
text.html.markdown meta.table.header#94d1b3—
text.html.markdown punctuation.separator.table-cell, text.html.markdown meta.table.header-separator punctuation.section.table-header#94d1b3—
text meta.link#ffffff—
text meta.link markup.underline.link#ffffff66—
text meta.image#ffffff66—
text meta.image markup.underline.link#ffffff—
text markup.raw, text meta.code-fence.definition, text markup.raw.code-fence——
text meta.code-fence.definition constant#ffffff66—
source.diff#ffffff80—
meta.diff#70c2c2italic
meta.diff.header#75f0b3italic
meta.diff.header.from-file#f7796e—
meta.diff.header.to-file#3df599—
markup.deleted#e48981—
markup.inserted#9efacc—
invalid.deprecated#ff1500italic underline
invalid.illegal#ff1500strikethrough
Rsms VSCode theme by Tanishq Kancharla - VS Code Theme