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.foreground#f2ebe2
  • activityBarBadge.background#2B78D4
  • editor.background#1D272C
  • editor.foreground#f2ebe2
  • editor.inactiveSelectionBackground#595959
  • editor.lineHighlightBackground#3E3E3E
  • editor.selectionBackground#2B78D4
  • editorCursor.foreground#F7941E
  • editorIndentGuide.activeBackground#88A751
  • editorIndentGuide.background#595959
  • editorLineNumber.foreground#B3B3B3
  • gitDecoration.addedResourceForeground#88A751
  • gitDecoration.conflictingResourceForeground#C1272D
  • gitDecoration.deletedResourceForeground#C1272D
  • gitDecoration.ignoredResourceForeground#595959
  • gitDecoration.modifiedResourceForeground#F7941E
  • gitDecoration.untrackedResourceForeground#B3B3B3
  • list.activeSelectionForeground#F7941E
  • sideBar.background#0f1a1e
  • statusBar.background#2B78D4
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#2B78D4
  • tab.activeBackground#595959

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control, storage.type, entity.name.tag#2B78D4bold
entity.name.type.class#F7941Ebold
entity.name.function, support.type.property-name.css, markup.heading.markdown#88A751
variable.parameter, entity.name.keyword.java, support.type.property-name.json, storage.modifier#C1272Dbold
constant#F7941E
string.quoted, markup.list.numbered.markdown, markup.list.unordered.markdown#88A751
constant.numeric#2B78D4
keyword.operator#C1272D
meta.decorator, keyword.control.import.java, keyword.control.package.java#595959italic
entity.other.attribute-name#F7941E
string.quoted.double.html, string.quoted.single.html#88A751
comment.block.html, comment.block.xml, comment.block.css, comment#B3B3B3bold italic
edisoncor-theme by Edison Coronel - VS Code Theme