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.

  • editor.background#1e1e1e
  • editor.foreground#d47dd2
  • editor.lineHighlightBackground#282828
  • editor.selectionBackground#3e4451
  • editorCursor.foreground#fffff8
  • editorIndentGuide.activeBackground#606060
  • editorIndentGuide.background#404040
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.block, comment.line, comment.block.documentation, comment.line.blade, comment.block.php, comment.line.js, comment.block.js, comment.line.json, comment.block.json, punctuation.definition.comment, punctuation.definition.comment.line, punctuation.definition.comment.block#59634ditalic
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#8af0e8
keyword.control.blade, entity.name.function.blade, punctuation.section.embedded.begin.blade, punctuation.section.embedded.end.blade#c5a3ffbold
support.class.php, support.function.php, support.class.builder.php, entity.name.function.builder.php#8af0e8bold
support.function.construct.php#a8c97ditalic
entity.name.tag.custom.jsx, entity.name.tag.custom.tsx, support.class.component.jsx, support.class.component.tsx, entity.name.function.jsx, entity.name.function.tsx#c5a3ffbold
variable.function.react, support.type.object.module.js, variable.function.hook.jsx, variable.function.hook.tsx#8af0e8italic bold
entity.name.tag.html, entity.name.tag.blade, entity.name.tag.jsx, entity.name.tag.tsx#c5a3ff
entity.other.attribute-name, entity.other.attribute-name.blade, entity.other.attribute-name.html, entity.other.attribute-name.jsx, entity.other.attribute-name.tsx#8af0e8
entity.name.function.js, entity.name.function.ts, entity.name.method.js, entity.name.method.ts, meta.method.js, meta.method.ts#a8c97d
variable.other.readwrite.js, variable.other.readwrite.ts, variable.other.constant.js, variable.other.constant.ts#8af0e8
support.type.property-name.json, string.quoted.double.json, constant.numeric.json, constant.language.json#8af0e8
string.quoted.double.json#a8c97d
constant.numeric.json, constant.language.json#d9a3ff
support.type.property-name.css, support.type.property-name.scss#8af0e8
support.constant.property-value.css, support.constant.property-value.scss#a8c97d
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#c5a3ff
string, string.quoted.single, string.quoted.double, string.template, string.quoted.single.php, string.quoted.double.php, string.quoted.single.sql, string.quoted.double.sql, string.quoted.double.blade, string.quoted.single.blade, string.quoted.double.js, string.quoted.single.js, string.template.js, string.quoted.double.ts, string.quoted.single.ts, string.template.ts#a8c97d
string.quoted.single.sql, string.quoted.double.sql, meta.arguments.php string.quoted.single.php, meta.arguments.php string.quoted.double.php#d9a3ffitalic
keyword, keyword.control, keyword.operator, keyword.operator.new, keyword.operator.expression, keyword.other, keyword.control.flow.js, keyword.control.flow.ts, storage.type#c5a3ff
storage, storage.type, storage.modifier#8af0e8
punctuation.definition, punctuation.separator, punctuation.terminator#ab87d6
variable.other.php, variable.other.global.php, variable.language.php, variable.other.property.php#ab87d6
meta.property.php, variable.other.object.php#d5d0f0
meta.function-call.php, meta.method-call.php, support.function.php#b0f0eeitalic
Fala Darktisan Theme by AlejandroStacul - VS Code Theme