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.activeBorder#ff6eb4
  • activityBar.background#110018
  • activityBar.foreground#ff6eb4
  • activityBarBadge.background#ff6eb4
  • activityBarBadge.foreground#0d0014
  • button.background#ff6eb4
  • button.foreground#0d0014
  • dropdown.background#1a0022
  • editor.background#0d0014
  • editor.foreground#f8c8d4
  • editor.lineHighlightBackground#2d003655
  • editor.selectionBackground#ff6eb455
  • editor.wordHighlightBackground#ff6eb422
  • editorBracketMatch.background#ff6eb433
  • editorBracketMatch.border#ff6eb4
  • editorCursor.foreground#ff6eb4
  • editorLineNumber.activeForeground#ff6eb4
  • editorLineNumber.foreground#442244
  • focusBorder#ff6eb4
  • input.background#1a0022
  • input.border#ff6eb455
  • input.foreground#f8c8d4
  • list.activeSelectionBackground#2d0036
  • list.activeSelectionForeground#ff6eb4
  • list.hoverBackground#1a0022
  • scrollbarSlider.background#ff6eb422
  • scrollbarSlider.hoverBackground#ff6eb444
  • sideBar.background#0f0018
  • sideBar.foreground#f8c8d4
  • sideBarTitle.foreground#ff6eb4
  • statusBar.background#2d0036
  • statusBar.foreground#ff6eb4
  • tab.activeBackground#2d0036
  • tab.activeBorderTop#ff6eb4
  • tab.activeForeground#ff6eb4
  • tab.inactiveBackground#0f0018
  • tab.inactiveForeground#664466
  • terminal.ansiBlue#6eb4ff
  • terminal.ansiCyan#6ef0ff
  • terminal.ansiGreen#57ff8c
  • terminal.ansiMagenta#ff6eb4
  • terminal.ansiRed#ff5c8a
  • terminal.ansiYellow#ffe66d
  • terminal.background#0d0014
  • terminal.foreground#f8c8d4
  • titleBar.activeBackground#110018
  • titleBar.activeForeground#ff6eb4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier#ff6eb4bold
string#ffe66d
constant.numeric#57ff8c
entity.name.function, support.function#6ef0ffbold
variable#f8c8d4
variable.parameter#ffb3d9
comment#553355italic
entity.name.type, entity.name.class#ff9de2bold
keyword.operator#6ef0ff
entity.name.tag#ff6eb4bold
entity.other.attribute-name#ffe66d
constant.language, support.constant#57ff8c
support.type, entity.name.type#6eb4ff
keyword.control.import, keyword.control.from#ff6eb4bold italic
Sakura Code by luisdaniel - VS Code Theme