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#0b0b0c
  • editor.background#0b0b0c
  • editor.foreground#cecece
  • editor.lineHighlightBackground#141516
  • editor.selectionBackground#004691
  • editor.wordHighlightBackground#151c25
  • editor.wordHighlightStrongBackground#151c25
  • editorCursor.background#0d0208
  • editorCursor.foreground#003b00
  • editorGroupHeader.tabsBackground#0b0b0c
  • editorWhitespace.foreground#303f4f
  • editorWidget.background#0b0b0c
  • sideBar.background#0b0b0c
  • sideBarSectionHeader.background#0b0b0c
  • statusBar.background#0b0b0c
  • statusBar.foreground#cecece
  • statusBarItem.remoteBackground#0b0b0c
  • tab.activeBackground#0e0e0e
  • tab.inactiveBackground#0b0b0c
  • titleBar.activeBackground#0b0b0c
  • titleBar.inactiveBackground#0b0b0c
  • titleBar.inactiveForeground#cecece

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#9e9e9e italic
meta.parameters comment.block#42675A italic
string#a7b4da
constant.numeric#a7b4da
constant.language#a7b4da
constant.character, constant.other, variable.other.constant#a7b4dabold
variable, support.other.variable#9595ff
keyword#995599
storage#995599
storage.type#a7b4da
entity.name.class#bb77ffunderline
entity.name.type,support.type#bb77ff
entity.other.inherited-class#bb77ffitalic underline
entity.name.function#bb77ff
variable.parameter#9595ffitalic
entity.name.tag,entity.other.attribute-name.class,entity.other.attribute-name.id#bb77ff
entity.other.attribute-name#9595ff
support.function#bb77ff
support.constant#a7b4da
support.class#9595ff
meta.brace,punctuation#9e9e9e
comment.block.c#42675A italic
meta.property-name,support.type.property-name#9595ff
meta.property-value#9e9e9e
meta.object-literal.key#a7b4da
variable.other.readwrite.alias#a7b4dabold
variable.language.this,support.variable.object,support.variable.dom#9595ff
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
C1 Theme by dft - VS Code Theme