Skip to main content
Coding Theme

Summer Ale

Publisher: Ievgen MartynovThemes in package: 1

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#27252b
  • editor.foreground#c8fcd5
  • editor.lineHighlightBackground#F8561107
  • editor.selectionBackground#ffefc3
  • editorCursor.foreground#0FDEC3
  • editorLineNumber.activeForeground#F85611
  • editorLineNumber.foreground#634F7F
  • editorRuler.foreground#f8561191

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6a6079italic
storage.type.function.arrow#B39DFFbold
meta.var.expr storage.type, meta.class storage.type, meta.function storage.type#BEE946italic bold
variable.language.this, variable.language.stylus, entity.name.tag.reference.scss#8AA933
keyword.control, storage.modifier, keyword.operator.assignment, support.function.coffee#BEE946italic
meta.export.default keyword.control.defaultunderline
keyword.control.flowbold
keyword.operator#38FF6Abold
keyword.operator.assignment#F85611bold
constant.language#738FCCitalic bold
variable.language.super#E690FFbold
variable.assignment, meta.definition.variable#38FF6A
variable.other.readwrite#0FDEC3
meta.import variable.other.readwrite#0FDEC3bold
variable.parameter#0B9E8B
variable.other.property#0FDEC3italic
variable.other.constant#38FF6A
entity.name.function#C7B6FF
meta.function-call entity.name.function, meta.function-call support.function#B39DFFbold
punctuation.definition.block, punctuation.definition.parameters#F85611bold
punctuation.definition.binding-pattern.object#F85611bold
meta.brace.round#38FF6Abold
punctuation.definition.binding-pattern.array, meta.brace.square#F85611bold
variable.other.object#2BFFE3italic bold
meta.object-literal.key#D4ED8Eitalic
variable.other.object.property, support.variable.property#F98B5C
entity.name.type, support.class#0FDEC3italic bold
entity.other.inherited-class#2BFFE3italic underline
string, punctuation.definition.string#5F998Eitalic
constant.numeric#BEE946italic
punctuation, punctuation.separator.comma#5F998E
punctuation.definition.template-expression#F85611
meta.tag entity.other.attribute-name#D4ED8Eitalic
keyword.other.unit#C7B6FFitalic
support.constant.property-value, constant.property-value.stylus#F85611
support.type.property-name#2BFFE3italic
entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity#FC9605bold
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity#BEE946italic bold
entity.name.tag#38FF6Abold
entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class#738FCCitalic bold
constant.other.color.rgb-value#38FF6Aitalic
support.function.misc, entity.other.attribute-name.mixin#8F7ECCbold italic
variable.other.stylus, variable.scss#0FDEC3bold
punctuation.definition.dictionary#38FF6Abold
support.type.property-name.json#F85611bold
meta.structure.dictionary.value.json support.type.property-name.json#38FF6Aitalic
meta.structure.dictionary.value.json string#BEE946
markup.heading.markdown#0FDEC3bold
heading.1.markdownunderline
meta.paragraph.markdown#B39DFF
string.other.link.title.markdown#90B3FFbold
meta.link.inline.markdown#BEE946
markup.inline.raw.string.markdown#BEE946italic
punctuation.definition#38FF6Abold
beginning.punctuation.definition#F85611bold
markup.quote.markdown meta.paragraph.markdownitalic

Shiki preview

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

Loading...