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#101317
  • activityBar.foreground#d4d4d5
  • editor.background#101317
  • editor.foreground#d4d4d5
  • editor.lineHighlightBackground#30303a
  • editor.selectionBackground#5fb0fc
  • editor.selectionHighlightBackground#e5d487
  • editorCursor.foreground#d4d4d5
  • editorIndentGuide.activeBackground#323539
  • editorIndentGuide.background#2b2e32
  • editorLineNumber.activeForeground#c5c5c6
  • editorLineNumber.foreground#45484c
  • editorWhitespace.foreground#1a1d21
  • scrollbarSlider.background#45484c
  • sideBar.background#0a0d11
  • sideBar.foreground#c5c5c6
  • sideBarSectionHeader.background#1a1d21
  • statusBar.background#15191e
  • tab.activeBackground#212428
  • tab.inactiveBackground#101317
  • titleBar.activeBackground#101317
  • titleBar.inactiveBackground#191d22

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
function, entity.name.function#7ab0df
variable, variable.other.readwrite#d4d4d5
keyword, storage.type, storage.modifier#c397d8
entity.other.attribute-name, support.constant.property-value, support.variable.property, meta.object-literal.key, variable.parameter, support.type.object#37d99e
entity.name.class, entity.name.type.class, support.class, keyword.control.flow.break, keyword.control.flow.continue, entity.name.exception, support.type, support.other.namespace#ffe59e
comment#525559
string#e87979
constant.numeric#f0a988
constant.language.boolean#e87979
markup.deleted#f87070
markup.inserted#37d99e
markup.changed#c397d8
markup.underline#7ab0dfunderline
markup.bold#d4d4d5bold
markup.heading#f0a988bold
punctuation.definition.comment#525559
punctuation.definition.string#e87979
punctuation.definition.variable#d4d4d5
punctuation.separator#c5c5c6
punctuation.terminator#c5c5c6
support.function#7ab0df
support.other.namespace#50cad2
invalid#f07178
Radium Theme for VSCode by Hylke Hellinga - VS Code Theme