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.escape—bold
string.regexp#699d36—
constant.numeric.line-number.bgr#111111—
constant.other.symbol—bold
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.italic—italic
markup.error#cd3131—
markup.inserted#111111—
markup.output, markup.raw#7f7f7f—
markup.prompt#555555—
markup.heading—bold
markup.bold—bold
markup.traceback#f93232—
markup.underline—underline
licht-theme by cnakazawa - VS Code Theme