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.activeBackground#c3ff4511
  • activityBar.activeBorder#c3ff45
  • activityBar.background#0a0a0a
  • activityBar.foreground#b0b0b0
  • activityBarBadge.background#c3ff45
  • activityBarBadge.foreground#000000
  • badge.background#c3ff45
  • badge.foreground#000000
  • breadcrumb.background#212121
  • breadcrumb.foreground#b0b0b0
  • button.background#c3ff45
  • button.foreground#000000
  • button.hoverBackground#c3ff45
  • editor.background#212121
  • editor.foreground#b0b0b0
  • editor.lineHighlightBackground#2a2a2a
  • editor.selectionBackground#c3ff4533
  • editor.selectionForeground#000000
  • editor.wordHighlightBackground#c3ff4522
  • editor.wordHighlightStrongBackground#c3ff4544
  • editorCursor.foreground#c3ff45
  • editorGroup.border#333333
  • editorGroupHeader.border#333333
  • editorGroupHeader.tabsBackground#0a0a0a
  • editorHoverWidget.background#212121dd
  • editorLineNumber.activeForeground#999999
  • editorLineNumber.foreground#666666
  • editorSuggestWidget.background#212121dd
  • editorWidget.background#212121dd
  • editorWidget.border#333333
  • input.background#2a2a2a
  • input.border#333333
  • input.foreground#b0b0b0
  • list.activeSelectionBackground#c3ff45
  • list.activeSelectionForeground#000000
  • list.focusBackground#c3ff45
  • list.focusForeground#000000
  • list.hoverBackground#c3ff4522
  • list.inactiveSelectionBackground#c3ff45
  • list.inactiveSelectionForeground#000000
  • minimap.background#212121cc
  • panel.background#212121dd
  • panel.border#333333
  • panelTitle.activeBorder#c3ff45
  • panelTitle.activeForeground#b0b0b0
  • scrollbarSlider.activeBackground#c3ff4577
  • scrollbarSlider.background#c3ff4533
  • scrollbarSlider.hoverBackground#c3ff4555
  • sideBar.background#0a0a0a
  • sideBar.foreground#b0b0b0
  • sideBarSectionHeader.background#0a0a0a
  • sideBarSectionHeader.foreground#b0b0b0
  • sideBarTitle.foreground#b0b0b0
  • statusBar.background#c3ff45
  • statusBar.foreground#000000
  • tab.activeBackground#212121
  • tab.activeBorder#c3ff45
  • tab.activeForeground#b0b0b0
  • tab.border#333333
  • tab.inactiveBackground#0a0a0a
  • tab.inactiveForeground#666666
  • terminal.ansiBrightGreen#c3ff45
  • terminal.ansiGreen#c3ff45
  • terminal.background#212121
  • terminal.foreground#b0b0b0
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#b0b0b0
  • titleBar.inactiveBackground#0a0a0a
  • titleBar.inactiveForeground#666666
  • tree.indentGuidesStroke#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#666666italic
keyword.control.import, keyword.other.import, keyword.control.from, keyword.control.export#b96d8anormal
storage.type, storage.modifier, keyword.control, keyword, keyword.operator.new, storage.modifier.private, storage.modifier.public, keyword.control.flow, keyword.control.conditional#b96d8anormal
keyword.other.def, storage.type.function#b96d8anormal
variable, variable.parameter, variable.other, meta.definition.variable, support.variable#b0b0b0
entity.name.function, support.function, meta.function-call, entity.name.function.method#a2b271normal
support.function.builtin#a2b271
entity.name.type, entity.name.class, support.type, storage.type.primitive, entity.name.type.struct, entity.name.type.class#b0b0b0normal
string, string.quoted, punctuation.definition.string#9c6d4c
constant.numeric, constant.numeric.integer, constant.numeric.float#7a7249
constant.language, constant.language.boolean#b96d8a
punctuation.bracket, punctuation.brace, punctuation.parenthesis, meta.brace.round, meta.brace.square, meta.brace.curly#ffffff
punctuation, punctuation.definition, punctuation.separator, punctuation.terminator#b0b0b0
keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical#b0b0b0
variable.other.property, variable.other.object.property, support.type.property-name#b0b0b0
variable.function, entity.name.function.call#a2b271
Leviathan Theme by Shahzaib Khan - VS Code Theme