Skip to main content
CodingTheme

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#202020
  • editor.background#191919
  • editor.foreground#E6E6E6
  • editor.lineHighlightBackground#2B2B2B
  • editor.selectionBackground#2B2B2B
  • editorCursor.foreground#F8F8F0
  • editorGroupHeader.tabsBackground#2B2B2B
  • editorWhitespace.foreground#34383D
  • sideBar.background#2B2B2B
  • statusBar.background#202020
  • tab.activeBackground#191919
  • tab.border#2B2B2B
  • tab.hoverBackground#191919
  • tab.inactiveBackground#2B2B2B
  • titleBar.activeBackground#202020
  • titleBar.inactiveBackground#202020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#E6E6E6
comment#676B79 italic
string#19F9D8
constant.numeric#FFB86C
constant.language#FFB86C
constant.character, constant.other#6DB1FF
variable#FFAAD9
keyword#FF75B5
storage#FFB86C
storage.type#FFB86C
entity.name.class#FFC990 italic
entity.other.inherited-class#FFC990 underline
entity.name.function#65BDFF
variable.parameter#C7C7C7 italic
entity.name.tag#FF2C6D
entity.other.attribute-name#FFB86C
support.function#65BDFF
support.constant#FFB86C
support.type, support.class#FFC990
support.other.variable#FF0000
invalid#EBEBEB
invalid.deprecated#7A6E71 italic underline
, constant.other.symbol.ruby, , entity.other.attribute-name.jsx, italic
source meta.property-list meta.property-name support.type.property-name#E6E6E6
source meta.property-list meta.property-value keyword.other.unit#FFB86C
source keyword.operator#E6E6E6
source.js entity.name.type.object.js.firebug#FFC990
source meta.class.instance.constructor keyword.operator.new#FF75B5 italic
source.js meta.class.instance.constructor entity.name.type.instance.js#FFC990
source meta.at-rule.media#B084EB
source meta.at-rule.import variable.parameter.url#19F9D8
source.sass variable.parameter.sass#FFAAD9
source meta.property-value.css constant.other#FFB86C
source .property-value.css parameter constant.numeric.css keyword.other.unit.css#FFB86C

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Panda Windows 11 by Calvin Ludwig - VS Code Theme