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.activeBorder#72a2fc
  • activityBar.background#2a2e36
  • activityBarBadge.background#72a2fc
  • button.background#72a2fc
  • dropdown.background#353a45
  • dropdown.border#444b5a
  • editor.background#353a45
  • editor.foreground#bac4d6
  • editor.lineHighlightBackground#72a2fc08
  • editor.lineHighlightBorder#72a2fc04
  • editor.selectionBackground#72a2fc22
  • editor.selectionHighlightBackground#72a2fc66
  • editorBracketHighlight.foreground1#fd80ff
  • editorBracketHighlight.foreground2#729efc
  • editorBracketHighlight.foreground4#84c3f1
  • editorBracketHighlight.unexpectedBracket.foreground#ff8080
  • gitDecoration.addedResourceForeground#80ff97
  • gitDecoration.conflictingResourceForeground#ff8080
  • gitDecoration.deletedResourceForeground#ff8080
  • gitDecoration.ignoredResourceForeground#505164
  • gitDecoration.modifiedResourceForeground#80ff97
  • gitDecoration.stageDeletedResourceForeground#ff8080
  • gitDecoration.stageModifiedResourceForeground#80ff97
  • gitDecoration.untrackedResourceForeground#fff98090
  • input.background#353a45
  • input.border#444b5a
  • menu.background#353a45
  • sideBar.background#2a2e36
  • sideBar.border#2a2e36
  • sideBar.dropBackground#72a2fc
  • sideBar.foreground#bac4d6
  • sideBarSectionHeader.background#2a2e36
  • sideBarSectionHeader.foreground#bac4d6
  • sideBarTitle.foreground#bac4d6
  • tab.activeBackground#353a45
  • tab.border#2a2e36
  • tab.inactiveBackground#2a2e36
  • terminal.background#2e323b
  • terminal.border#2e323b
  • titleBar.activeBackground#2a2e36
  • titleBar.inactiveBackground#2a2e36

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#747d8d
meta.tag.tsx, meta.tag.js, punctuation.section.parameters, support.type.property-name.css, source.groovy#bac4d6
punctuation.definition.tag, punctuation, source, storage.type.annotation.java, keyword.operator.instanceof#717792
constant.other.colorbold
variable, meta.method.body.java, variable.other.object.java, variable.other.readwrite#72a2fc
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, constant.other.color, punctuation.definition.constant#ff8080
meta.preprocessor.include, punctuation.definition.string#ff8080
invalid, invalid.illegal#ec515e
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, support.type, variable.language.relations, support.type.primitive.prisma, entity.name.type.alias, entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.name.type.class.java, storage.type.java, storage.type.generic.java, variable.other.object.java, entity.name.type.enum.java, entity.name.type.class.js, entity.name.type#FFCB6B
entity.name.type.tsx, support.type.primitive, entity.name.namespace#FFCB6B99
meta.function-call, variable.function, support.function, keyword.other.special-method, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end, support.type.property-name.json.comments, support.type.property-name.json, entity.name.function.tsx, entity.name.function.js, entity.name.type.model.prisma, entity.name.type.enum.prisma, entity.name.type.config.prisma, meta.object-literal, entity.name.function, variable.other.property.js#9ae0a7
variable.other.constant#72a2fcbold
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, variable.other.constant.tsx, keyword.other.unit, keyword.other#72a2fcbold
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, string constant.other.placeholder, punctuation.definition.variable.php#72a2fc
support.variable.property, constant.other.enum.java, variable.other.object.property.java#72dcfc
storage.type, storage.modifier, punctuation.definition.directive, storage.type.namespace.directive, keyword.other.using.directive, keyword.other.phpdoc.php, punctuation.section.embedded.end.php source.php#e893f2
keyword.control, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.function.attribute, punctuation.definition.block.tag, punctuation.definition.keyword.css#e893f2
*url*, *link*, *uri*underline
forbit-unified by forbit - VS Code Theme