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#1c1c1c
  • activityBar.border#131313
  • banner.background#1c1c1c
  • breadcrumb.background#1c1c1c
  • editor.background#1e1e1e
  • editor.lineHighlightBackground#2b2b2b
  • editorCursor.foreground#d3d3d3
  • editorGroup.emptyBackground#1c1c1c
  • editorGroupHeader.tabsBackground#1c1c1c
  • editorGutter.background#1e1e1e
  • editorHoverWidget.background#1c1c1c
  • editorSuggestWidget.background#1c1c1c
  • editorSuggestWidget.selectedBackground#3b3b39
  • editorWidget.background#1c1c1c
  • input.background#1d1d1d
  • menu.background#1c1c1c
  • panel.background#1c1c1c
  • scrollbar.shadow#131313
  • scrollbarSlider.background#474747a8
  • sideBar.background#1c1c1c
  • sideBar.border#131313
  • sideBarSectionHeader.background#1c1c1c
  • sideBarSectionHeader.border#131313
  • statusBar.background#1c1c1c
  • statusBar.border#1c1c1c
  • statusBar.noFolderBackground#1c1c1c
  • statusBarItem.remoteBackground#474747
  • tab.activeBackground#1e1e1e
  • tab.activeBorderTop#474747
  • tab.inactiveBackground#1c1c1c
  • terminal.background#1c1c1c
  • titleBar.activeBackground#1c1c1c
  • titleBar.inactiveBackground#1c1c1c
  • welcomePage.background#1c1c1c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ABB2BF
keyword, storage.modifier.rust#7ca1b9
comment, comment.line.double-slash.go, punctuation.definition.comment.go#c4c5a27a
constant.numeric, variable.language, punctuation.definition.interpolation.rust#b092a5
entity.name.function, support.function.go, support.type.property-name.table.toml, punctuation.definition.table.toml, keyword.control.at-rule.media.css, meta.tag.tsx, meta.tag.without-attributes.tsx, entity.name.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#cc6666
keyword.operator, storage.type.rust, meta.attribute.rust, variable.language.rust, storage.type.module.rust, storage.modifier.mut.rust, support.type.property-name.json, support.type.property-name.json punctuation, storage.modifier.sql, storage.modifier.java, punctuation.definition.entity.css, entity.other.attribute-name.class.css, entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.pseudo-class.css, support.type.property-name.toml, storage.modifier.async.tsx, storage.type.function.tsx, storage.type.tsx#7fa1bd
entity.name.type, storage.type.sql, storage.type.string.go, storage.type, meta.at-rule.media.header.css, meta.tag.attributes.tsx, entity.other.attribute-name.html, meta.declaration.annotation.java#8abeb7
variable.other, meta.property-name.css, meta.jsx.children.tsx, constant.other.key.java, constant.language.java#eaeaead0
entity.name.type.mod.rust#D4BE98
source.rust keyword.control, keyword.control.go#bd7f7f
string, punctuation.definition.string, meta.property-value.css, meta.property-list.css#c4c5a2
Eco Theme by Keneth Riera - VS Code Theme