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#333333
  • activityBar.foreground#FFFFFF
  • button.background#0E639C
  • button.foreground#FFFFFF
  • dropdown.background#3C3C3C
  • editor.background#1E1E1E
  • editor.foreground#9CDCFE
  • editor.lineHighlightBackground#2A2A2A
  • editor.selectionBackground#264F78
  • editorCursor.foreground#AEAFAD
  • editorGroupHeader.tabsBackground#252526
  • editorWidget.background#252526
  • input.background#3C3C3C
  • list.activeSelectionBackground#37373D
  • list.hoverBackground#2A2A2A
  • list.inactiveSelectionBackground#37373D
  • panel.background#1E1E1E
  • panelTitle.activeBorder#E7E7E7
  • peekView.border#007ACC
  • peekViewEditor.background#252526
  • peekViewResult.background#252526
  • peekViewTitle.background#1E1E1E
  • sideBar.background#252526
  • sideBar.foreground#CCCCCC
  • sideBarSectionHeader.background#252526
  • sideBarSectionHeader.foreground#CCCCCC
  • statusBar.background#007ACC
  • statusBar.foreground#FFFFFF
  • statusBar.noFolderBackground#68217A
  • tab.activeBackground#1E1E1E
  • tab.activeBorder#FFFFFF
  • tab.inactiveBackground#2D2D2D
  • tab.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#76be81
string#dca864
constant.numeric#dcdcdc
constant.language, constant.language.boolean, constant.numeric.symbol#ffea3f
constant.character.escape#ffc049
keyword, keyword.control, keyword.control.flow#ff6671
storage, storage.type, storage.modifier, keyword.operator.logical#af8bff
keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison#ffc049
support.function#4EC9B0
entity.name.function#e0ae51
variable, variable.parameter, meta.parameter#4EC9B0
variable.language, variable.language.this#dd38a4
entity.name.type, entity.name.class, support.class#c678dd
entity.name.tag#ff6671
entity.other.attribute-name#d19a66
support.type.property-name.json#c678dd
entity.name.section.markdown#ff6671bold
comment.line.double-slash.hpprgm#fbfbfb74
keyword.operator.assignment.hpprgm, keyword.operator.assignment.word.hpprgm, keyword.operator.arithmetic.symbol.hpprgm, keyword.operator.arithmetic.word.hpprgm, keyword.operator.comparison.hpprgm#ffc049
string.quoted.double.hpprgm#76be81
support.function.ppl.hpprgm, support.function.drawing.hpprgm, support.function.arrow.hpprgm, support.function.cas.hpprgm, support.function.catalog.hpprgm#4EC9B0
support.function.app.hpprgm#66D9EF
constant.numeric.integer.hex.hpprgm, constant.numeric.integer.octal.hpprgm, constant.numeric.integer.binary.hpprgm, constant.numeric.integer.decimal.hpprgm, constant.numeric.float.hpprgm#dcdcdc
keyword.control.hpprgm#ff6671
storage.type.hpprgm, keyword.operator.logical.hpprgm#af8bff
variable.language.built-in.hpprgm, variable.language.built-in.real.hpprgm#dd38a4
variable.other.readwrite.hpprgm#9CDCFE
support.function.math.hpprgm, constant.language.hpprgm, constant.numeric.symbol.hpprgm#ffea3f
entity.name.type.class.hpprgm#d676df
support.function.hp-ui-lib.hpprgm#87b923
entity.name.function.qualified.hpprgm, entity.name.function.user.hpprgm#be9342bold
HP Prime PPL Language Support by AlexRiveros - VS Code Theme