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#312e3e
  • activityBarBadge.background#914680
  • badge.background#914680
  • button.background#4a4563
  • editor.background#312e3e
  • editor.foreground#fff
  • focusBorder#c16ebb
  • gitDecoration.deletedResourceForeground#ca72b7
  • gitDecoration.ignoredResourceForeground#ca72b7
  • gitDecoration.modifiedResourceForeground#20c997
  • gitDecoration.renamedResourceForeground#20c997
  • gitDecoration.stageDeletedResourceForeground#ca72b7
  • gitDecoration.stageModifiedResourceForeground#20c997
  • gitDecoration.submoduleResourceForeground#ca72b7
  • gitDecoration.untrackedResourceForeground#ca72b7
  • list.activeSelectionBackground#312e3e
  • list.focusAndSelectionOutline#c16ebb
  • list.hoverBackground#312e3e
  • list.inactiveSelectionBackground#312e3e
  • list.warningForeground#ffd06b
  • scrollbarSlider.background#4a4563
  • sideBar.background#211f2a
  • sideBar.foreground#fff
  • sideBarSectionHeader.background#4a4563
  • sideBarTitle.foreground#d2cdea
  • statusBar.background#211f2a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.class.php, support.other.namespace.php, entity.name.type.namespace.php, entity.name.type.class.php, meta.class.php, punctuation.section.array.begin.php, punctuation.section.array.end.php, keyword.operator.return-value.php, entity.name.tag.localname.xml#fff
comment.line.double-slash.php, comment.block.documentation.phpdoc.php, comment.block.documentation.js, comment.line.double-slash.js, comment.line.double-slash.rust, comment.line.number-sign.php, comment.line.double-dash.sql.sqlite, source.sql.sqlite, comment.block.php, comment.block.blade, punctuation.definition.comment.begin.blade, punctuation.definition.comment.end.blade, comment.block.js, comment.line.number-sign.ruby#8781a2
meta.class.body.php, variable.language.*.php, keyword.control.at-rule.media.css, support.type.property-name.php, support.type.property-name.css, variable.other.constant.js, variable.other.readwrite.js, variable.other.rust, variable.other.bare, variable.language.this.js#ffd06b
keyword.other.use.php, storage.modifier.php, storage.type.function.php, storage.type.class.php, keyword.control.return.php, keyword.operator.class.php, keyword.operator.key.php, keyword.other.namespace.php, storage.modifier.extends.php, keyword.other.class.php, punctuation.definition.tag.begin.html, entity.other.attribute-name.html, punctuation.definition.tag.end.html, punctuation.separator.key-value.html, keyword.control.default.js, storage.type.class.js, storage.modifier.js, keyword.control.flow.js, keyword.operator.assignment.js, punctuation.accessor.js, storage.type.js, entity.name.function.macro.rust, storage.type.rust, storage.modifier.mut.rust, source.css, keyword.other.type.php, keyword.operator.nullable-type.php, keyword.operator.logical.php, keyword.operator.assignment.equal.rust, keyword.control.rust, keyword.control.if.php, keyword.control.else.php, keyword.control.conditional.js, keyword.control.switch.php, keyword.control.case.php, keyword.control.break.php, keyword.control.default.php, keyword.control.while.php, keyword.control.do.php, keyword.control.for.php, keyword.control.foreach.php, variable.other.rust, keyword.other.sql.sqlite, keyword.operator.assignment.php, keyword.operator.comparison.php, keyword.operator.increment-decrement.php, log.date, keyword.other.definition.ini, support.type.property-name.json, variable.other.env, entity.name.tag.yaml, punctuation.definition.tag.xml, meta.tag.xml, entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml, meta.tag.preprocessor.xml, keyword.operator.comparison.ruby#82d4f7
entity.name.function.js, entity.name.function.php, keyword.other.fn.rust, entity.name.function.rust, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.name.function.sql.sqlite, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, keyword.blade#cd82c7
variable.other.property.php#b288ff
string.quoted.single.php, string.quoted.double.php, string.quoted.double.html, string.template.js, string.quoted.single.js, string.quoted.double.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, string.quoted.single.css, string.quoted.double.css, string.quoted.single.json, string.quoted.double.json, string.quoted.double.rust, log.constant, string.quoted.double.ini, source.ini, source.env, string.unquoted.plain.out.yaml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, string.quoted.single.xml, string.quoted.double.xml, variable.other.constant.ruby#4bef96
punctuation.definition.begin.bracket.curly.php, punctuation.definition.parameters.begin.bracket.round.php, punctuation.separator.delimiter.php, keyword.operator.ternary.php, punctuation.terminator.expression.php, punctuation.separator.comma.js, meta.brace.square.js, punctuation.definition.block.js, punctuation.separator.key-value.css, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.semi.rust, keyword.operator.return-value.php, punctuation.terminator.statement.php, source.sql.sqlite, text.log, punctuation.definition.comment.begin.blade, punctuation.definition.comment.end.blade#d2cdea
constant.numeric.decimal.php, support.constant.property-value.css, constant.numeric.decimal.js, constant.numeric.sql.sqlite, constant.numeric.integer.yaml, constant.language.boolean.yaml#b288ff
Orchid Theme by CryptoDev369 - VS Code Theme