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#181818
  • activityBar.border#1f1f1f
  • activityBarBadge.background#228df2
  • editor.background#000000
  • editor.foreground#d6d6dd
  • editor.inactiveSelectionBackground#3636367e
  • editor.selectionHighlightBackground#add6ff26
  • editorGroupHeader.tabsBackground#181818
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • input.placeholderForeground#7b7b7b
  • list.dropBackground#383b3d
  • menu.background#181818
  • menu.foreground#d6d6dd
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBar.background#181818
  • sideBar.border#1f1f1f
  • sideBarTitle.foreground#d1d1d1
  • statusBar.background#181818
  • tab.activeBackground#181818
  • tab.activeBorder#181818
  • tab.activeBorderTop#228df2
  • tab.border#181818
  • tab.inactiveBackground#44444494

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.groovy.embedded, meta.template.expression, storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java, meta.definition.variable.name, entity.name.variable, meta.object-literal.key, source, meta.embedded.block.hsx, meta.embedded.block.haskell#d6d6dd
punctuation.section.embedded.begin.haskell, punctuation.section.embedded.end.haskell, constant.numeric, markup.inserted, meta.preprocessor.numeric, keyword.other.unit, constant.sha.git-rebase, variable.other.member.haskell, meta.record.definition.haskell#ebc88d
entity.name.tag, meta.diff.header, storage, storage.modifier, keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.instanceof, variable.language, keyword, modifier#83d6c5
string, markup.deleted, markup.inline.raw, string.quoted#e394dc
support.function, support.constant.handlebars, entity.name.function, storage.type.haskell, meta.attribute, keyword.other.let.haskell, entity.other.attribute-name.multipart.nix#aaa0fa
constant, meta.object-literal.key#efb080
punctuation.definition.tag#898989
comment, punctuation.whitespace.comment, punctuation.definition.comment#6d6d6ditalic
variable.parameter, support.function.nix, keyword.operator.bind.nix#d6d6dd
meta.import, entity.name.namespace, support.module, entity.name.type.module#87c3ff
entity.name.type.class, support.class, entity.name.class, entity.other.inherited-class, storage.class, entity.name.tag.html#87c3ff
entity.name.type, support.type#82d2ce
meta.record.field.haskell, record.name.haskell, entity.name.record.field.haskell, entity.other.attribute-name.haskell, variable.other.field.haskell, entity.other.attribute-name.class.css#f8c762
keyword.operator.assignment.haskell, keyword.operator.eq.haskell, keyword.control.case.haskell, keyword.other.nix#83d6c5
meta.record punctuation.section.braces, meta.record punctuation.brace, punctuation.definition.record.begin.haskell, punctuation.definition.record.end.haskell, punctuation.section.bracket.curly.begin.haskell, punctuation.section.bracket.curly.end.haskell#87c3ff
meta.record.value.haskell, meta.record.field.value.haskell, variable.other.generic-type.haskell#d6d6dd
Lambda Anysphere by kodeFant - VS Code Theme