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#864e5b
  • activityBarBadge.background#74C365
  • button.background#74C365
  • editorCursor.foreground#A1898E
  • editorGroup.border#22181a
  • editorGroupHeader.tabsBackground#22181a
  • editorWidget.background#503a3f
  • editorWidget.border#503a3f
  • focusBorder#74C365
  • input.background#864e5b
  • inputOption.activeBorder#A1898E
  • list.activeSelectionBackground#74C365
  • list.focusOutline#00000000
  • list.hoverBackground#0000003F
  • list.inactiveSelectionBackground#649b59
  • menu.background#503a3f
  • menu.border#5f484d
  • panel.border#332528
  • sideBar.background#503a3f
  • sideBarSectionHeader.background#00000000
  • statusBar.background#74C365
  • tab.border#00000000
  • tab.inactiveBackground#1b1516
  • titleBar.activeBackground#864e5b
  • titleBar.inactiveBackground#864e5b
  • tree.indentGuidesStroke#5f484d
  • widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FFF0F5
comment#63464C
string#FBEC5D
constant.numeric#74C365
constant.language#74C365
constant.character, constant.other#74C365
variable
keyword#DC143C
storage#DC143C
storage.type#FF91A4
entity.name.class#74C365 bold
entity.other.inherited-class#74C365 bold
entity.name.function#74C365 bold
variable.parameter#DC143Citalic
entity.name.tag#DC143C
entity.other.attribute-name#74C365
support.function#FF91A4
support.constant#FF91A4
support.type, support.class#FF91A4
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
Kasen-Theme by Kikasuru - VS Code Theme