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#071A10
  • activityBar.border#B08D5766
  • activityBar.foreground#F2C94C
  • activityBar.inactiveForeground#F2C94C88
  • activityBarBadge.background#B08D57
  • activityBarBadge.foreground#FFFFFF
  • button.background#B08D57
  • button.foreground#FFFFFF
  • button.hoverBackground#C59A63
  • dropdown.background#081F13
  • dropdown.border#F2C94C33
  • dropdown.foreground#EDEDED
  • editor.background#06160E
  • editor.findMatchBackground#B08D5780
  • editor.findMatchHighlightBackground#B08D5740
  • editor.foreground#EDEDED
  • editor.selectionBackground#F2C94C2A
  • editorBracketMatch.background#F2C94C22
  • editorBracketMatch.border#F2C94C66
  • editorCursor.foreground#F2C94C
  • editorError.foreground#FF6B6B
  • editorIndentGuide.activeBackground1#F2C94C33
  • editorLineNumber.activeForeground#F2C94C
  • editorLineNumber.foreground#F2C94C66
  • editorWarning.foreground#F2C94C
  • focusBorder#F2C94C55
  • foreground#EDEDED
  • input.background#081F13
  • input.border#F2C94C33
  • input.foreground#EDEDED
  • notificationLink.foreground#F2C94C
  • notifications.background#081F13
  • notifications.border#F2C94C22
  • panel.background#071A10
  • panel.border#F2C94C22
  • sideBar.background#081F13
  • sideBar.border#F2C94C22
  • sideBar.foreground#EDEDED
  • sideBarSectionHeader.background#0B2B19
  • sideBarSectionHeader.foreground#F2C94C
  • statusBar.background#071A10
  • statusBar.border#F2C94C22
  • statusBar.debuggingBackground#C1121F
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#F2C94C
  • terminal.background#071A10
  • terminal.foreground#EDEDED
  • terminalCursor.foreground#F2C94C
  • titleBar.activeBackground#071A10
  • titleBar.activeForeground#F2C94C
  • titleBar.inactiveBackground#071A10CC
  • titleBar.inactiveForeground#F2C94C88

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#9BD6B1italic
keyword#F2C94C
string#7CFFB2
constant.numeric#FFB86C
entity.name.function#FFFFFF
entity.name.type#F2C94C
DMCTN QĐNDVN Theme & Booster by DMCTN Studio - VS Code Theme