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.

  • editor.background#fffefc
  • editor.findMatchBackground#ffe792
  • editor.findMatchHighlightBackground#ffe79250
  • editor.foreground#111111
  • editor.inactiveSelectionBackground#c2e8ff30
  • editor.lineHighlightBackground#a5a5a520
  • editor.linkedEditingBackground#00000000
  • editor.selectionBackground#c2e8ff
  • editor.selectionHighlightBackground#c2e8ff50
  • editor.wordHighlightBackground#c2e8ff30
  • editorBracketHighlight.foreground1#111111
  • editorBracketHighlight.foreground2#284181
  • editorBracketHighlight.foreground3#626fc9
  • editorBracketHighlight.foreground4#352de3
  • editorBracketHighlight.foreground5#bb28c7
  • editorBracketHighlight.unexpectedBracket.foreground#cd3131
  • editorCursor.foreground#3b68fc
  • editorLineNumber.activeForeground#111111
  • editorLineNumber.foreground#adadad
  • editorWhitespace.foreground#e0e0e0
  • focusBorder#3d87f5
  • list.activeSelectionBackground#c2e8ff50
  • list.activeSelectionForeground#111
  • list.focusHighlightForeground#0066bf
  • menu.background#f3f3f3
  • quickInputList.focusBackground#c2e8ff50
  • quickInputList.focusForeground#111111
  • statusBar.background#3d87f5
  • statusBarItem.remoteBackground#3d87f5
  • textLink.activeForeground#3d87f5
  • textLink.foreground#3d87f5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment punctuation#919191
comment.block.preprocessor#adadad
comment.documentation, comment.block.documentation#bc670f
invalid.deprecated#ffffff
invalid.illegal#cd3131
keyword.operator#352de3
keyword, storage#352de3
storage.type, support.type#c56e0e
constant.language, variable.language#626fc9
variable, support.variable#111111
variable punctuation#111111
entity.name.function, support.function, entity#284181
entity.name.type, entity.other.inherited-class, support.class#bb28c7
entity.name.exception#f93232
entity.name.section
constant.numeric, constant#dd3c2f
punctuation#111111
constant.character, string#00a33f
string punctuation#00a33f
constant.character.escapebold
string.regexp#699d36
constant.numeric.line-number.bgr#111111
constant.other.symbolbold
string.unquoted.label.js#444444
punctuation.quasi.element#444444
string source, text source#434343
meta.tag.sgml.doctype#7f7f7f
entity.name.tag#0072c8
meta.tag string punctuation#00a33f
punctuation.definition.tag#4f9fcf
constant.character.entity#111111
entity.other.attribute-name#0072c8
meta.tag string.quoted, meta.tag string.quoted constant.character.entity#00a33f
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#3a77bf
meta.property-name, support.type.property-name#111111
meta.property-name.json, support.type.property-name.json#00a33f
meta.property-value constant.numeric, meta.property-value constant, meta.property-value keyword#43a202
markup.changed#111111
markup.deleted#111111
markup.italicitalic
markup.error#cd3131
markup.inserted#111111
markup.output, markup.raw#7f7f7f
markup.prompt#555555
markup.headingbold
markup.boldbold
markup.traceback#f93232
markup.underlineunderline
licht-theme by cnakazawa - VS Code Theme