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.

  • activityBar.background#000000
  • editor.background#000000
  • editor.findMatchBackground#c9184af3
  • editor.findMatchHighlightBackground#65434a
  • editor.foreground#bfa2ff
  • editor.inactiveSelectionBackground#ffc2d1
  • editor.selectionBackground#4A4E69
  • editor.selectionForeground#000000
  • editorCursor.foreground#FF66B2
  • editorError.foreground#FF0000
  • editorLineNumber.foreground#E5989B
  • editorSuggestWidget.highlightForeground#2A9D8F
  • editorWarning.foreground#FFA500
  • list.activeSelectionBackground#ff66b371
  • list.focusOutline#4A4E69
  • list.hoverBackground#ff66b371
  • list.inactiveSelectionBackground#ff66b371
  • scrollbarSlider.activeBackground#ff66b371
  • scrollbarSlider.background#ff66b371
  • scrollbarSlider.hoverBackground#ff66b371
  • sideBar.background#00000094
  • sideBar.border#ff66b3be
  • statusBar.background#ff66b3be
  • tab.inactiveBackground#0a0c158c
  • titleBar.activeBackground#0a0c15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.tag.tsx, entity.name.tag.js, entity.name.tag.jsx, entity.name.tag.ts, entity.name.tag, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.tsx, punctuation.definition.tag.begin.js, punctuation.definition.tag.end.js, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.end.jsx, punctuation.definition.tag.begin.ts, punctuation.definition.tag.end.ts, punctuation.definition.tag#6ba8de
variable.other.constant, variable.other.readwrite, entity.name.function, support.function#a60686
string#ea9cbd
keyword#593e6a
variable, function#5672e3
variable.other#bfb1a2
comment#5e548e
keyword.operator.comparison, keyword.operator.logical#dfbb78
keyword.operator.arrow#5d90bc
CosmicBlush by Carolina Forner - VS Code Theme