Elvanos Theme
Publisher: ElvanosThemes in package: 1
Personal theme of Elvanos
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#212121
- activityBar.foreground#89DDF7
- activityBar.inactiveForeground#89DDF780
- activityBarBadge.background#178f84
- activityBarBadge.foreground#fff
- badge.background#178f84
- badge.foreground#fff
- breadcrumb.foreground#959dcb
- dropdown.background#292929
- dropdown.border#89DDF766
- dropdown.foreground#fff
- dropdown.listBackground#1a1a1a
- editor.background#212121
- editor.findMatchHighlightBackground#89DDF780
- editor.foreground#eeffff
- editor.lineHighlightBackground#2e2c2d
- editor.selectionBackground#285c58cc
- editor.selectionHighlightBackground#3B616D80
- editor.wordHighlightBackground#ffffff00
- editor.wordHighlightBorder#178f84bf
- editor.wordHighlightStrongBackground#ffffff00
- editor.wordHighlightStrongBorder#178f84bf
- editorGroup.border#42999280
- editorGroupHeader.tabsBackground#292929
- editorGutter.background#292929
- editorHoverWidget.background#2e383b
- editorOverviewRuler.border#ffffff00
- editorSuggestWidget.background#2e383b
- editorSuggestWidget.selectedBackground#285c58cc
- editorUnnecessaryCode.border#FF6F6199
- editorUnnecessaryCode.opacity#0000008c
- editorWidget.background#2e383b
- focusBorder#89DDF780
- menu.background#1e2526
- menu.selectionBackground#285c58cc
- menu.separatorBackground#89DDF7
- menubar.selectionBackground#285c58cc
- notificationCenterHeader.background#2e383b
- panel.background#1a1a1a
- panel.border#ffffff00
- peekView.border#89DDF7
- peekViewEditor.background#152026
- peekViewEditor.matchHighlightBackground#89DDF740
- peekViewEditorGutter.background#152026
- peekViewResult.background#11191F
- peekViewTitle.background#178f84
- peekViewTitleDescription.foreground#fff
- peekViewTitleLabel.foreground#fff
- scrollbarSlider.activeBackground#89DDF733
- scrollbarSlider.background#89DDF712
- scrollbarSlider.hoverBackground#89DDF71F
- sideBar.background#1a1a1a
- statusBar.background#178f84
- statusBar.debuggingBackground#81CEE6
- statusBar.debuggingBorder#81CEE6
- statusBar.debuggingForeground#000000
- statusBar.foreground#fff
- tab.activeBackground#323232
- tab.activeModifiedBorder#40d672
- tab.inactiveBackground#212121
- tab.inactiveModifiedBorder#2e9952
- terminal.background#1a1a1a
- titleBar.activeBackground#1a1a1a
- titleBar.inactiveBackground#1a1a1a
- window.activeBorder#178f8466
- window.inactiveBorder#178f8466
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #546E7A | italic |
| string constant.other.placeholder | #EEFFFF | — |
| constant.other.color | #ffffff | — |
| invalid, invalid.illegal | #FF5370 | — |
| punctuation | #ffffff | — |
| keyword, storage.type, storage.modifier | #C792EA | italic |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #ef7d26 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #f07178 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #81a8fc | |
| support.other.variable, string.other.link | #f07178 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #F78C6C | — |
| punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #ecc48d | — |
| support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #FFCB6B | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #C792EA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #FFCB6B | italic |
| entity.other.attribute-name.class | #FFCB6B | — |
| source.sass keyword.control | #82AAFF | — |
| markup.inserted | #C3E88D | — |
| markup.deleted | #FF5370 | — |
| markup.changed | #C792EA | — |
| string.regexp | #89DDFF | — |
| constant.character.escape | #89DDFF | — |
| *url*, *link*, *uri* | — | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #82AAFF | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | #FF5370 | italic |
| source.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FF5370 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C17E70 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #EEFFFF | — |
| text.html.markdown markup.inline.raw.markdown | #C792EA | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #65737E | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #C3E88D | — |
| markup.italic | #f07178 | italic |
| markup.bold, markup.bold string | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #f07178 | bold |
| markup.underline | #F78C6C | underline |
| markup.quote punctuation.definition.blockquote.markdown | #65737E | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #82AAFF | — |
| string.other.link.description.title.markdown | #C792EA | — |
| constant.other.reference.link.markdown | #FFCB6B | — |
| markup.raw.block | #C792EA | — |
| markup.raw.block.fenced.markdown | #00000050 | — |
| punctuation.definition.fenced.markdown | #00000050 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #EEFFFF | — |
| variable.language.fenced.markdown | #65737E | — |
| meta.separator | #65737E | bold |
| markup.table | #EEFFFF | — |
| meta.function.parameters.php | #ffffff | — |
| storage.type.function.php, keyword, keyword.control, storage.modifier.php, support.function.construct.php, constant.language.php, constant.other.php, storage.type.class.php, meta.class.php, keyword.other.new.php, variable.other.global.safer.php, support.constant.std.php | #c792ea | italic |
| meta.embedded.block.php | #EF7D26 | — |
| punctuation.definition.variable.php, variable.other.php, variable.other.class.php, variable.language.this.php | #ffffff | |
| punctuation | — | |
| string | — | |
| punctuation.definition.string.begin.php, punctuation.definition.string.end.php | #ecc48d | — |
| keyword.operator.assignment.php, keyword.operator.comparison.php, keyword.operator.ternary.php, keyword.operator.string.php, punctuation.terminator.statement.php, keyword.operator.logical.php, keyword.operator.class.php, keyword.operator.key.php, keyword.operator.arithmetic.php | #87daf3 | |
| punctuation.terminator.expression.php | #82aaff | — |
| comment.line.double-slash.php, comment.block.php, comment, string.comment.buffered.block.pug, punctuation.definition.comment, comment.line.double-slash.ts, comment.block.documentation.ts | #b78277 | italic |
| punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag.html, entity.name.tag.block.any.html, entity.name.tag.pug, punctuation.separator.key-value.html | #87daf3 | — |
| entity.other.attribute-name.html, entity.other.attribute-name.tag.pug | #addb67 | italic |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html, string.quoted.double.html, string.quoted.single.html, string.quoted.pug, attribute_value | #d1a1d5 | — |
| entity.name.function.php | #82aaff | |
| punctuation.support.type.property-name.end.json, punctuation.support.type.property-name.begin.json | #b8db6c | — |
| punctuation.definition.string.begin.json, punctuation.definition.string.end.json, string.quoted.double.json, string.quoted.single.json | #79cfbf | — |
| punctuation.separator.dictionary.key-value.json | #87daf3 | — |
| punctuation.separator.dictionary.pair.json, punctuation.separator.array.json.comments, punctuation.separator.array.json | #ffffff | — |
| constant.language.json | #c792ea | italic |
| entity.other.attribute-name.class.pug | #d1a1d5 | italic |
| punctuation.separator.delimiter.php | #82aaff | — |
| keyword.other.phpdoc.php, punctuation.definition.block.tag.jsdoc, storage.type.class.jsdoc, meta.directive.vue, meta.directive.vue constant.numeric.decimal.js | #5ddb6d | — |
| keyword.other.type.php | #ffffff | — |
| entity.name.type.class.php, support.class.php | #ADDB67 | |
| support.class.builtin.php | #8ea8e9 | |
| source.css, entity.name.tag | #a8c0c9 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id.css, punctuation.definition.entity.css, entity.other.attribute-name.attribute.scss, meta.attribute-selector.scss | #ffcb6b | |
| punctuation.separator.key-value.scss, punctuation.separator.key-value.css | #ffffff | |
| punctuation.terminator.rule.scss, punctuation.terminator.rule.css | #89ddf7 | — |
| bem.support.element.scss | #fcff85 | — |
| bem.support.modifier.scss | #fdb127 | — |
| variable.parameter.url.scss, keyword.operator.scss, variable.parameter.url.css, keyword.operator.css | #89ddf7 | |
| variable.scss, variable.css | #2ac0b1 | — |
| meta.property-value.scss, punctuation.separator.delimiter.scss, meta.property-value.css, punctuation.separator.delimiter.css | #ffffff | — |
| entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-element.css | #8b92bc | — |
| entity.name.tag.reference.scss, entity.name.tag.reference.css | #ffcb6b | |
| keyword.other.important.scss, punctuation.definition.keyword.scss, keyword.other.important.css, punctuation.definition.keyword.css | #c792ea | italic |
| constant.other.color.rgb-value.hex.css, punctuation.definition.constant.css, punctuation.definition.string.begin.scss, punctuation.definition.string.end.scss, punctuation.definition.string.begin.css, punctuation.definition.string.end.css | #ffcb6b | — |
| entity.name.tag.css, entity.name.tag.wildcard.scss, entity.name.tag.wildcard.css | #ee7077 | — |
| keyword.other.unit | — | |
| entity.name.function.scss, entity.name.function.css | #ADDB67 | — |
| meta.property-list.scss, meta.property-list.css | #89ddf7 | — |
| keyword.operator.css | #89ddf7 | — |
| punctuation.definition.interpolation.begin.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.css | #89ddf7 | — |
| meta.property-name.scss, meta.property-name.css | #F78C6C | — |
| keyword.control.import.ts, keyword.control.export.ts | #7fdbca | — |
| entity.name.type.interface.ts, entity.name.type.alias.ts | #78ccf0 | — |
| entity.name.type.module.ts | #ADDB67 | — |
| entity.name.type.class.ts, entity.other.inherited-class.ts, new.expr.ts, support.class | #ADDB67 | |
| keyword.control.from.ts, storage.type.interface.ts, storage.modifier.ts, storage.type.type.ts, storage.type.class.ts, constant.language.boolean.false.ts, constant.language.boolean.true.ts, storage.type.ts, constant.language.import-export-all.ts, support.constant.math.ts, storage.modifier.async.ts, constant.language.null.ts | #c792ea | italic |
| support.type.primitive.ts, support.type.builtin.ts | #6abda6 | italic |
| meta.type.annotation.ts | #7ee0c5 | italic |
| entity.name.type.instance.jsdoc | #429f85 | italic |
| keyword.operator.type.ts, keyword.operator.type.annotation.ts, keyword.operator.optional.ts, keyword.operator.assignment.ts, punctuation.accessor.ts, keyword.operator.comparison.ts, keyword.operator.arithmetic.ts, storage.type.function.arrow.ts, punctuation.separator.key-value.ts, keyword.operator.logical.ts, punctuation.separator.label.ts, punctuation.terminator.statement.ts, keyword.operator.relational.ts, keyword.operator.assignment.compound.js | #89ddf7 | |
| punctuation.separator.comma.ts, punctuation.separator.parameter.ts | #ffffff | — |
| meta.decorator.ts, punctuation.decorator.ts | #789be7 | — |
| variable.language.this.ts | #7fdbca | |
| variable.other.property.ts, variable.other.object.property.ts, support.variable.property.process.ts, variable.other.constant.property.ts | #D5D5D5 | italic |
| entity.name.function.ts, meta.function-call.ts, support.function.math.ts, support.function.ts | #7dbaed | — |
| variable.parameter.ts | #F07178 | — |
| variable.other.object.ts | #ffffff | — |
| constant.character.escape.ts | #8D9D9B | bold |
| punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, entity.name.tag | #178f84 | — |
| meta.template.expression.ts | #ffffff | — |
| entity.name.label.ts | #ffffff | — |
| punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.end.ts | #ECC48D | — |
| meta.object-literal.key.ts | #ffffff | — |
| meta.object.member.ts variable.other.readwrite.js | #ffffff | — |
| meta.object.member.ts | #C1BFBF | — |
| entity.name.type.class.js, entity.other.inherited-class.js, new.expr.js | #ADDB67 | — |
| keyword.control.import.js, keyword.control.export.js | #7fdbca | — |
| entity.name.type.module.js | #ADDB67 | — |
| keyword.control.from.js, storage.type.interface.js, storage.modifier.js, storage.type.type.js, storage.type.class.js, constant.language.boolean.false.js, constant.language.boolean.true.js, storage.type.js, constant.language.import-export-all.js, support.constant.math.js, storage.modifier.async.js, constant.language.null.js | #c792ea | italic |
| support.type.primitive.js, support.type.builtin.js | #6abda6 | italic |
| meta.type.annotation.js | #7ee0c5 | italic |
| entity.name.type.instance.jsdoc | #429f85 | italic |
| keyword.operator.type.js, keyword.operator.type.annotation.js, keyword.operator.optional.js, keyword.operator.assignment.js, punctuation.accessor.js, keyword.operator.comparison.js, keyword.operator.arithmetic.js, storage.type.function.arrow.js, punctuation.separator.key-value.js, keyword.operator.logical.js, punctuation.separator.label.js, punctuation.terminator.statement.js, keyword.operator.relational.js, keyword.operator.ternary.js, keyword.operator.assignment.compound.js | #89ddf7 | |
| punctuation.separator.comma.js, punctuation.separator.parameter.js | #ffffff | — |
| meta.decorator.js, punctuation.decorator.js | #789be7 | — |
| variable.language.this.js | #7fdbca | |
| variable.other.property.js, variable.other.object.property.js, support.variable.property.process.js, variable.other.constant.property.js | #D5D5D5 | italic |
| entity.name.function.js, meta.function-call.js, support.function.math.js, support.function.js, support.function.console.js | #7dbaed | — |
| variable.parameter.js | #F07178 | — |
| variable.other.object.js, variable.other.readwrite.js | #ffffff | — |
| constant.character.escape.js, constant.character.escape.backslash.regexp | #8D9D9B | bold |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, entity.name.tag | #178f84 | — |
| meta.template.expression.js | #ffffff | — |
| entity.name.label.js | #ffffff | — |
| punctuation.definition.string.template.begin.js, punctuation.definition.string.template.end.js, punctuation.definition.string.end.js, punctuation.definition.string.begin.js | #ECC48D | — |
| meta.object-literal.key.js | #ffffff | — |
| meta.object.member.js variable.other.readwrite.js | #ffffff | — |
| meta.object.member.js | #C1BFBF | — |
| support.class.console.js, support.class.console.ts | #FC144A | — |
| punctuation.definition.bracket.curly.end.jsdoc, punctuation.definition.bracket.curly.begin.jsdoc, constant.name.attribute.tag.pug | #5DDB6D | — |
| entity.other.attribute-name.namespace.xml | #ADDB67 | — |
| entity.name.tag.localname.xml, punctuation.definition.tag.xml | #87daf3 | — |
| punctuation.separator.namespace.xml | #87daf3 | — |
| entity.other.attribute-name.localname.xml | #addb67 | italic |
| meta.tag.xml, punctuation.definition.string.begin.xml, punctuation.definition.string.end.xml, string.quoted.double.xml, string.quoted.single.xml | #d1a1d5 | — |
| entity.name.tag.template.html, entity.name.tag.style.html, entity.name.tag.script.html | #b277e2 | — |