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.italicitalic
text markup.boldbold
text markup.bold & markup.italicbold 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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Rsms VSCode theme - Coding Theme