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.

  • activityBarBadge.background#007acc
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • input.placeholderForeground#a6a6a6
  • list.dropBackground#383b3d
  • menu.background#252526
  • menu.foreground#cccccc
  • settings.numberInputBackground#292929
  • settings.textInputBackground#292929
  • sideBarTitle.foreground#bbbbbb
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.tag, variable.other.constant, entity.name.variable.field, meta.decorator entity.name.function, support.constant#F07178
punctuation.definition.tag, variable.language.this, support.class, entity.name.section, constant.language.boolean, constant.language.null#89DDFF
keyword, entity.other.attribute-name, storage.type, storage.modifier, keyword.operator.new, keyword.operator.delete, punctuation.definition.heading, keyword.operator.expression, support.constant.property-value.css#569CD6
entity.name.function, entity.name.method, support.function#90EE90
variable.other.readwrite.alias, variable.other.object, support.type, entity.name.type, entity.other.inherited-class, entity.other.attribute-name.id, entity.name.namespace, support.class.component, support.class.dart, storage.type.cs#4EC9B0
comment#6A9955
support.type.property-name, variable.object.property, entity.name.variable.property, variable.other.property, meta.object-literal.key, variable.other.object.property#C586C0
variable.parameter, keyword.control.import, keyword.control.from, keyword.control.export, keyword.control.directive#888888
string, support.constant.property-value.css#CE9178
, keyword.operator, variable.other.object, variable, punctuation.separator#d4d4d4
constant, keyword.other.unit#b5cea8
Cool AF Colors by Assorted Folk - VS Code Theme