Skip to main content
Coding Theme

Color themes

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#282c34
  • activityBar.foreground#d7dae0
  • activityBarBadge.background#ff5e00
  • activityBarBadge.foreground#ffffff
  • breadcrumb.foreground#abb2bf
  • button.background#ff5e00
  • button.foreground#ffffff
  • editor.background#282c34
  • editor.foreground#abb2bf
  • editor.lineHighlightBackground#2c313c
  • editor.selectionBackground#3e4451
  • editorCursor.foreground#ff5e00
  • editorIndentGuide.activeBackground#ff5e00
  • editorIndentGuide.background#3b4048
  • focusBorder#ff5e00
  • gitDecoration.deletedResourceForeground#e06c75
  • gitDecoration.modifiedResourceForeground#e2c08d
  • input.background#1d1f23
  • input.foreground#abb2bf
  • input.placeholderForeground#5c6370
  • inputOption.activeBorder#ff5e00
  • list.activeSelectionBackground#2c313c
  • list.activeSelectionForeground#ff5e00
  • list.hoverBackground#2c313c
  • list.inactiveSelectionBackground#2c313c
  • progressBar.background#ff5e00
  • scrollbarSlider.activeBackground#ff5e0080
  • scrollbarSlider.background#4b536380
  • scrollbarSlider.hoverBackground#4b5363
  • sideBar.background#21252b
  • sideBar.foreground#abb2bf
  • sideBarSectionHeader.background#282c34
  • sideBarSectionHeader.foreground#abb2bf
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#21252b
  • statusBar.debuggingBackground#cc6633
  • statusBar.foreground#9da5b4
  • statusBar.noFolderBackground#21252b
  • tab.activeBorder#ff5e00
  • tab.inactiveBackground#21252b
  • titleBar.activeBackground#282c34
  • titleBar.activeForeground#9da5b4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5c6370italic
variable#abb2bf
string#98c379
constant.numeric#d19a66
keyword.operator#56b6c2
comment.line#5c6370italic
comment.line, comment.line.semicolon.krl, comment.line.ampersand.krl, comment.line.bug.krl, comment.line.fixme.krl, comment.line.hack.krl, comment.line.note.krl, comment.line.todo.krl#5c6370italic
comment.line.fold.krl, meta.fold.krl, keyword.control.fold.krl#846672italic
keyword.control.krl#c678ddbold
keyword.function.movement.krl#61afefbold
storage.type.krl, storage.type.interrupt.krl, storage.type.trigger.krl#e06c75italic
variable.language.system.krl#d19a66
constant.numeric.krl, constant.numeric.hex.krl, constant.numeric.binary.krl#d19a66
string.quoted.double.krl#98c379
variable.function.krl#61afef
constant.language.enum.krl, variable.other.enummember.krl#56b6c2
support.function.builtin.krl#61afef
keyword.operator.krl, keyword.operator.comparison.krl, keyword.operator.arithmetic.krl, keyword.operator.bitwise.krl, keyword.operator.logical.krl#56b6c2