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#00f900
  • editor.foreground#00f900
  • editor.inactiveSelectionBackground#424242
  • editor.lineHighlightBackground#99999999
  • editor.selectionBackground#797979
  • editorCursor.foreground#00f900
  • editorIndentGuide.background#73797b30
  • editorWhitespace.foreground#004100

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#00f900
comment#78aad6italic
constant#ff0000
entity#00fdffbold
keyword#ff9900 bold
storage#ffff00
string#FF6666
support#00fdff italic
variable#ff00ff
invalid#F8F8F8
source.parens.lisp#666666
text source
text.html.ruby source bold
entity.other.inherited-class#00fdffitalic
string.quoted source#FF9999
string constant#ff0000
string.regexp#FFB454
string variable#EDEF7D
support.function#00a8aa
support.constant#EB939A
other.preprocessor.c#8996A8
other.preprocessor.c entity#AFC4DB
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#9EFFFF
meta.selector.css entity.name.tag#9EFFFF
meta.selector.css entity.other.attribute-name.id#FFB454
meta.selector.css entity.other.attribute-name.class#5FE461
support.type.property-name.css#9DF39F
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F6F080
meta.preprocessor.at-rule keyword.control.at-rule#F6AA11
meta.property-value support.constant.named-color.css, meta.property-value constant#EDF080
meta.constructor.argument.css#EB939A
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
sublimelinter.outline.notes
sublimelinter.outline.illegal
sublimelinter.underline.illegal
sublimelinter.outline.warning
sublimelinter.underline.warning
sublimelinter.outline.violation
sublimelinter.underline.violation
entity.other.attribute-name.id.html#FFB454
entity.other.attribute-name.html#EDF080
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#65A4A4
keyword.control.at-rule.import.css#f7f09d
variable.other.less#4EE161
entity.other.less.mixin#9DF39F
source.css.less keyword.unit.css#EB939A
entity.other.attribute-name.angular.html, source.angular.embedded.html#FF3A83
constant.character.entity.html#F1E94B
variable.other.readwrite.instance.coffee#9DF39F
meta.brace.round.coffee, meta.brace.square.coffee#F6F080
punctuation.section.embedded.coffee#4EE161
variable.assignment.coffee variable.assignment.coffee#FFFFFF
meta.delimiter.method.period.coffee#FFAA00
meta.brace.curly.coffee#9DF39F
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#73817D

Shiki preview

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

Loading...

VimTheme by ajanuw - VS Code Theme