Skip to main content
CodingTheme

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#dcdcdc
  • editor.lineHighlightBackground#1e1e1e
  • editor.lineHighlightBorder#302F2F
  • editor.selectionBackground#264f78
  • editorCursor.foreground#dcdcdc
  • editorWhitespace.foreground#ffffff40

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#dcdcdcff
comment#808080
variable#A9B7C6
variable.language#CC7832bold
keyword.control, storage.modifier#CC7832bold
keyword.operator.comparison#DCDCDC
keyword.operator.assignment#DCDCDC
keyword.operator.arithmetic#DCDCDC
constant.numeric#5074BBbold
support.constant, constant#B4CEA8
constant.language#CC7832 bold
constant.language.boolean#CC7832 bold
string#95E454
constant.character.escape, string source#E3BBAB
entity.name.function, keyword.other.name-of-parameter.objc#FFC66D
entity.name.type#4EC9B0
storage.type#CC7832 bold
entity.other.inherited-class#4EC9B0
variable.parameter
storage.type.method#70727E
entity.name.type#FFF
entity.other.inherited-class#DCDCDCitalic
support.variable#6796e6
support.function#569CD6
support.type#8AC6F2
keyword.operator.js#687687 bold
invalid#ff3333
invalid.illegal
invalid.deprecated.trailing-whitespace
text source, string.unquoted
meta.xml-processing, declaration.xml-processing#68685B
meta.doctype, declaration.doctype#808080
meta.doctype.DTD, declaration.doctype.DTD#808080
meta.tag, declaration.tag#FFF
punctuation.definition.tag#808080
meta.block
entity.name.tag#E8BF6A
entity.other.attribute-name#92CAF4
string.quoted.double.xml, string.quoted.double.html#C8C8C8
markup.heading#569CD6
markup.quote#DCDCDC
markup.list#DCDCDC
meta.selector.css entity.name.tag#D7BA7D
meta.selector.css entity.other.attribute-name.tag.pseudo-class#D7BA7D
meta.selector.css entity.other.attribute-name.id#D7BA7D
meta.selector.css entity.other.attribute-name.class#D7BA7D
support.type.property-name.css#9CDCFE
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C8C8C8
meta.preprocessor.at-rule keyword.control.at-rule#87CEFA
markup.deleted.git_gutter#F92672
markup.inserted.git_gutter#A6E22E
markup.changed.git_gutter#967EFB
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
git.changes.x
git.changes.+
git.changes.-
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
source.vue string.quoted.double.html#838d99
source.vue text.html.vue-html - string.quoted.double.html#fff
source.vue entity.name.tag.inline.any.html, source.vue entity.name.tag.block.any.html#E8BF6Aitalic
source.vue#FFF
source.vue meta.directive.vue variable.other.readwrite.js#6796e6

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Amphirion theme(dark) by styfrombrest - VS Code Theme