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#04343b
  • activityBarBadge.background#076776
  • button.background#076776
  • dropdown.background#04343b
  • editor.background#021f23
  • editor.foreground#cde1e4
  • editor.selectionBackground#07677670
  • editorGroupHeader.tabsBackground#011518
  • editorWidget.background#04343b
  • focusBorder#83b3bb
  • foreground#cde1e4
  • input.background#054853
  • list.activeSelectionBackground#054853
  • list.hoverBackground#043e47
  • list.inactiveSelectionBackground#054853
  • menu.background#043e47
  • menu.selectionBackground#076776
  • minimap.selectionHighlight#07677670
  • notificationCenterHeader.background#06525e
  • notifications.background#04343b
  • progressBar.background#398591
  • sideBar.background#04343b
  • sideBarTitle.foreground#dddddd
  • statusBar.background#076776
  • statusBar.noFolderBackground#076776
  • statusBarItem.remoteBackground#04a2cc
  • tab.activeBorderTop#398591
  • tab.inactiveBackground#011518
  • textLink.activeForeground#6aa4ad
  • textLink.foreground#6aa4ad
  • titleBar.activeBackground#04343b
  • titleBar.inactiveBackground#04343b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name#83b3bb
entity.name.tag#b6eff6
entity.other.attribute-name#cccccc
variable, punctuation.definition.variable, support.variable.property.dom, support.variable.dom, support.variable.property, punctuation.separator.parameter, string.interpolated.pug variable#56d9e9
variable.language#999999
entity.name.function, support.class, support.function, new.expr entity.name.type, entity.other.inherited-class#b6eff6
variable.parameter, parameter.variable, meta.function.parameter variable, source.rust meta.type_params.rust#04a2cc
punctuation, meta.brace#999999
variable.function#86e4f0
constant#0aa0b3
constant.numeric, constant.language#05b6e6
constant.character.escape#a38d91
keyword#6b696c
keyword.control, storage, support.type#0aa0b3
keyword.operator#cccccc
entity.name.type, support.type.primitive, support.type.builtin, meta.type.annotation entity.name.type, meta.type.parameters entity.name.type#7bb4e2italic
string, punctuation.definition.string#e9cacf
comment, punctuation.definition.comment#40a010italic
invalid#f00010
invalid.deprecated#e02040
entity.name.section.markdown, markup.heading.setext#9cc2c8
punctuation.definition.list#9cc2c8
meta.separator.markdown#9cc2c8
markup.boldbold
markup.italicitalic
meta.link punctuation.definition.string, meta.image punctuation.definition.string#baa2a6
link, markup.underline.link, constant.other.reference.link.markdown#05caff
markup.quote#999999
BBash Shell by P-man2976 - VS Code Theme