Emerald Eclipse
Publisher: Kjartan BourgeoisThemes 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.
- activityBar.activeBackground#3A3A55
- activityBar.activeBorder#3B3B4F
- activityBar.activeFocusBorder#3B3B4F
- activityBar.background#1E1E2E
- activityBar.border#3B3B4F
- activityBar.foreground#D8DEE9
- activityBarBadge.background#FFCC00
- activityBarBadge.foreground#1E1E2E
- button.background#3B3B4F
- button.foreground#D8DEE9
- button.hoverBackground#2A2A40
- button.secondaryBackground#3B3B4F
- button.secondaryForeground#D8DEE9
- dropdown.background#1E1E2E
- dropdown.border#3B3B4F
- dropdown.foreground#D8DEE9
- editor.background#1E1E2E
- editor.foreground#D8DEE9
- editor.lineHighlightBackground#2E3440
- editor.selectionBackground#4F5B66
- editorCursor.foreground#FFCC00
- editorGroup.border#3B3B4F
- editorGroupHeader.border#3B3B4F
- editorGroupHeader.tabsBackground#1E1E2E
- editorGroupHeader.tabsBorder#3B3B4F
- editorWidget.background#1E1E2E
- editorWidget.border#3B3B4F
- input.background#1E1E2E
- input.border#3B3B4F
- input.foreground#D8DEE9
- input.placeholderForeground#6A6A80
- inputValidation.errorBorder#EC5F67
- inputValidation.infoBorder#6699CC
- inputValidation.warningBorder#F99157
- list.hoverBackground#2A2A40
- peekView.border#3B3B4F
- peekViewEditor.background#1E1E2E
- peekViewResult.background#1E1E2E
- peekViewTitle.background#1E1E2E
- sideBar.background#1E1E2E
- sideBar.border#3B3B4F
- sideBarTitle.foreground#D8DEE9
- tab.activeBackground#3A3A55
- tab.border#3B3B4F
- tab.inactiveBackground#1E1E2E
- titleBar.activeBackground#1E1E2E
- titleBar.border#3B3B4F
- toolbar.hoverBackground#3B3B4F
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #9AA5B1 | — |
| keyword | #fede5d | italic |
| storage.modifier, storage.type | #fede5d | italic |
| variable, entity.name.variable | #5DFE8E | — |
| support.function | #4DA6FF | — |
| string | #EABA6B | — |
| constant.numeric | #E6B450 | — |
| entity.name.function.php | #4DA6FF | italic |
| support.class.php | #4DA6FF | italic |
| entity.name.type.class.php | #20B2AA | italic |
| entity.name.variable.parameter.php | #20B2AA | italic |
| entity.name.tag | #fede5d | bold |
| punctuation.definition.tag, punctuation.definition.attribute, punctuation.separator.key-value | #4DA6FF | — |
| entity.other.attribute-name | #5DFE8E | italic |
| string.quoted.double.html | #EABA6B | — |
| meta.tag.inline.any.html, meta.tag.block.any.html | #4DA6FF | — |
| punctuation.definition.tag.blade, entity.name.tag.blade | #fede5d | bold |
| keyword.control.blade | #FF6F61 | italic bold |
| blade.embedded.php, source.php.embedded.line.html | #5DFE8E | — |
| string.quoted.double.blade, string.quoted.single.blade | #EABA6B | — |
| constant.language.blade | #4DA6FF | italic |
| meta.embedded.line.blade, punctuation.section.embedded.begin.blade, punctuation.section.embedded.end.blade | #20B2AA | bold |
| entity.name.type.class.js | #20B2AA | italic |
| entity.name.function.js | #4DA6FF | italic |
| meta.object-literal.key.js | #5DFE8E | — |
| comment.css | #9AA5B1 | — |
| keyword.control.at-rule.css | #fede5d | italic |
| entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #5DFE8E | bold |
| support.type.property-name.css | #4DA6FF | italic |
| support.constant.property-value.css | #EABA6B | — |
| punctuation.separator.key-value.css, punctuation.terminator.rule.css, punctuation.definition.group.css | #9AA5B1 | — |
| constant.numeric.css | #E6B450 | — |
| constant.language.color.rgb-value.css | #FF6F61 | — |
| meta.property-list.css, meta.property-name.css | #4DA6FF | — |
| variable.parameter.url.css | #20B2AA | italic |
| markup.heading | #fede5d | bold |
| markup.bold | #5DFE8E | bold |
| markup.italic | #EABA6B | italic |
| markup.inline | #4DA6FF | — |
| markup.quote | #9AA5B1 | — |
| punctuation.definition.markdown | #4DA6FF | — |
| fenced_code.block.language.markdown | #4DA6FF | — |
| entity.name.type.ts, entity.name.function.ts | #4DA6FF | — |
| meta.object-literal.key.ts | #20B2AA | — |