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#201e23
  • activityBarBadge.background#ffd866
  • activityBarBadge.foreground#262329
  • editor.background#262329
  • editor.foreground#d9d5dc
  • editorCursor.foreground#ffd866
  • editorIndentGuide.activeBackground#665f6d
  • list.activeSelectionBackground#332f37
  • list.activeSelectionForeground#ffd866
  • list.hoverBackground#232126
  • sideBar.background#262329
  • sideBar.border#171518
  • statusBar.background#201e23
  • statusBar.foreground#d9d5dc
  • tab.activeBackground#262329
  • tab.activeBorder#ffd866
  • titleBar.activeBackground#201e23

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#665f6ditalic
string#a9dc76
constant.numeric#fc9867
comment.line#665f6ditalic
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#665f6ditalic
comment.line.fold.krl, meta.fold.krl, keyword.control.fold.krl#94836bitalic
keyword.control.krl#ab9df2bold
keyword.function.movement.krl#78dce8bold
storage.type.krl, storage.type.interrupt.krl, storage.type.trigger.krl#ffd866italic
variable.language.system.krl#ff6188
constant.numeric.krl, constant.numeric.hex.krl, constant.numeric.binary.krl#fc9867
string.quoted.double.krl#a9dc76
variable.function.krl#a9dc76
constant.language.enum.krl, variable.other.enummember.krl
support.function.builtin.krl
keyword.operator.krl, keyword.operator.comparison.krl, keyword.operator.arithmetic.krl, keyword.operator.bitwise.krl, keyword.operator.logical.krl