Ellie theme
Publisher: be5invisThemes in package: 2
Ellie themes for VS Code.
Color themes
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#3C3636
- activityBar.foreground#CCC5C5
- activityBar.inactiveForeground#76706F
- activityBarBadge.background#9E4784
- activityBarBadge.foreground#E3DCDB
- badge.background#87306F
- badge.foreground#E3DCDB
- breadcrumb.activeSelectionForeground#A982D8
- breadcrumb.focusForeground#A982D8
- breadcrumb.foreground#76706F
- breadcrumbPicker.background#2A2525
- button.background#B55F9A
- button.foreground#E3DCDB
- button.hoverBackground#CC76B1
- debugToolBar.background#3C3636FF
- diffEditor.insertedTextBackground#26802C1A
- diffEditor.removedTextBackground#B1403F26
- dropdown.background#2A2525
- dropdown.border#4E4948
- dropdown.foreground#B6AFAF
- editor.background#191514
- editor.findMatchBackground#FFA34B50
- editor.findMatchHighlightBackground#E1771E40
- editor.findRangeHighlightBackground#625C5B40
- editor.foreground#B6AFAF
- editor.inactiveSelectionBackground#A09A9950
- editor.lineHighlightBackground#2A2525
- editor.selectionBackground#CC76B150
- editor.selectionHighlightBackground#87306F40
- editor.wordHighlightBackground#76706F40
- editor.wordHighlightStrongBackground#9E478440
- editorActiveLineNumber.foreground#E3DCDB
- editorBracketHighlight.foreground1#B597FFAF
- editorBracketHighlight.foreground2#E187E9AF
- editorBracketHighlight.foreground3#FD7DB6AF
- editorBracketHighlight.foreground4#FF7F7AAF
- editorBracketHighlight.foreground5#FD8D36AF
- editorBracketHighlight.foreground6#DFA300AF
- editorBracketMatch.background#625C5B40
- editorBracketMatch.border#625C5BBF
- editorCodeLens.foreground#76706F
- editorCursor.foreground#FFBFF7
- editorError.foreground#FF7F7A
- editorGroup.border#2A2525
- editorGroupHeader.noTabsBackground#191514
- editorGroupHeader.tabsBackground#191514
- editorGutter.addedBackground#0B6A17
- editorGutter.deletedBackground#962C2D
- editorGutter.modifiedBackground#006B7B
- editorHint.foreground#78AAFF
- editorHoverWidget.background#191514
- editorHoverWidget.foreground#B6AFAF
- editorInfo.foreground#78AAFF
- editorLineNumber.foreground#76706F
- editorLink.activeForeground#FFBFF7
- editorOverviewRuler.addedForeground#00FEFF33
- editorOverviewRuler.border#00000000
- editorOverviewRuler.bracketMatchForeground#E3DCDB4D
- editorOverviewRuler.deletedForeground#00FEFF33
- editorOverviewRuler.errorForeground#B1403FE6
- editorOverviewRuler.findMatchForeground#AA4D00E6
- editorOverviewRuler.infoForeground#3E66C0E6
- editorOverviewRuler.modifiedForeground#00FEFF33
- editorOverviewRuler.warningForeground#936100E6
- editorOverviewRuler.wordHighlightForeground#E3DCDB4D
- editorOverviewRuler.wordHighlightStrongForeground#E3DCDB4D
- editorSuggestWidget.background#191514FF
- editorWarning.foreground#DFA300
- editorWidget.background#2A2525FF
- errorForeground#CD5552
- focusBorder#9E4784
- foreground#B6AFAF
- gitDecoration.addedResourceForeground#65C966
- gitDecoration.conflictingResourceForeground#E187E9
- gitDecoration.deletedResourceForeground#FF7F7A
- gitDecoration.modifiedResourceForeground#E49E4F
- gitDecoration.untrackedResourceForeground#00CBDE
- input.background#191514
- input.border#4E4948
- input.foreground#B6AFAF
- input.placeholderForeground#76706F
- inputOption.activeBorder#B55F9A
- list.activeSelectionBackground#9E478440
- list.activeSelectionForeground#E3DCDB
- list.errorForeground#FF7F7A
- list.focusBackground#9E478440
- list.focusForeground#E3DCDB
- list.highlightForeground#B55F9A
- list.hoverBackground#4E494854
- list.inactiveSelectionBackground#76706F4D
- list.inactiveSelectionForeground#E3DCDB
- list.warningForeground#DFA300
- minimap.findMatchHighlight#E1771E40
- minimap.selectionHighlight#CC76B150
- notification.errorBackground#962C2D
- notification.errorForeground#FF7F7A
- notification.infoBackground#2D51A5
- notification.infoForeground#78AAFF
- notification.warningBackground#7B4C00
- notification.warningForeground#DFA300
- panel.border#4E4948
- panelTitle.activeBorder#9E4784
- peekView.border#3C3636
- peekViewEditor.background#4E49482B
- peekViewTitle.background#2A2525FF
- scrollbar.shadow#0000001A
- scrollbarSlider.activeBackground#E3DCDB26
- scrollbarSlider.background#E3DCDB13
- scrollbarSlider.hoverBackground#E3DCDB26
- sideBar.background#2A2525
- sideBarSectionHeader.background#4E4948
- sideBarTitle.foreground#E3DCDB
- statusBar.background#3C3636
- statusBar.debuggingBackground#3C3636
- statusBar.debuggingForeground#B6AFAF
- statusBar.foreground#B6AFAF
- statusBar.noFolderBackground#3C3636
- statusBar.noFolderForeground#B6AFAF
- statusBarItem.errorBackground#962C2D
- statusBarItem.errorForeground#B6AFAF
- statusBarItem.errorHoverBackground#FF7F7A40
- statusBarItem.errorHoverForeground#E3DCDB
- statusBarItem.hoverBackground#4E4948FF
- statusBarItem.remoteBackground#3C3636
- statusBarItem.remoteForeground#B6AFAF
- statusBarItem.remoteHoverBackground#E38EC840
- statusBarItem.remoteHoverForeground#E3DCDB
- statusBarItem.warningBackground#7B4C00
- statusBarItem.warningForeground#B6AFAF
- statusBarItem.warningHoverBackground#DFA30040
- statusBarItem.warningHoverForeground#E3DCDB
- tab.activeBackground#191514
- tab.activeBorder#E38EC8
- tab.activeForeground#E3DCDB
- tab.border#191514
- tab.hoverBackground#2A252580
- tab.inactiveBackground#191514
- tab.inactiveForeground#A09A99
- terminal.ansiBlack#191514
- terminal.ansiBlue#3E66C0
- terminal.ansiBrightBlack#625C5B
- terminal.ansiBrightBlue#8CC2FF
- terminal.ansiBrightCyan#00E4F9
- terminal.ansiBrightGreen#79E27A
- terminal.ansiBrightMagenta#CDAEFF
- terminal.ansiBrightRed#FF948E
- terminal.ansiBrightWhite#E3DCDB
- terminal.ansiBrightYellow#FFD227
- terminal.ansiCyan#008293
- terminal.ansiGreen#26802C
- terminal.ansiMagenta#7256B8
- terminal.ansiRed#B1403F
- terminal.ansiWhite#B6AFAF
- terminal.ansiYellow#AC7600
- terminal.background#191514
- terminal.cursorColor#FFBFF7
- terminal.foreground#B6AFAF
- terminal.selectionBackground#6C435D
- textLink.activeForeground#E38EC8
- textLink.foreground#CC76B1
- titleBar.activeBackground#3C3636
- titleBar.activeForeground#CCC5C5
- titleBar.inactiveBackground#3C3636
- titleBar.inactiveForeground#8B8484
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, meta.definition.variable.name, support.variable, variable.other.readwrite, variable.other.constant, variable.other.readonly | #B6AFAF | — |
| variable.parameter, variable.other.local, variable.other.constant | #B6AFAF | italic |
| variable.other.property, variable.other.constant.property | #E49E4F | — |
| meta.object-literal.key, meta.object-literal.key entity.name.function | #B6AFAF | — |
| comment, punctuation.comment, punctuation.definition.comment | #76706F | — |
| keyword.operator | #FFBFF7 | — |
| punctuation, delimiter, bracket, brace, paren, delimiter.tag, punctuation.tag, tag.html, tag.xml, meta.property-value punctuation.separator.key-value, punctuation.definition.metadata.md, string.link.md, meta.brace | #76706F | — |
| punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js, punctuation.section.embedded.begin.metatag.php, punctuation.section.embedded.end.metatag.php, punctuation.definition.typeparameters | #B56F01 | — |
| string, meta.property-value.string, support.constant.property-value.string, meta.structure.dictionary.value.json string.quoted.double.json, meta.structure.dictionary.json string.quoted.double.json, meta.preprocessor string | #A982D8 | italic |
| meta.template.expression.ts | — | |
| constant.numeric, constant.dec.numeric, constant.hex.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color, constant.language | #D7B2FF | — |
| entity.name.namespace, entity.name.type.module | #FBB66B | — |
| entity.name.type | #E38EC8 | — |
| support.type | #FBA6DF | — |
| entity.name.type.parameter | #E49E4F | italic |
| variable.other.constant | #D7B2FF | — |
| constant.character, constant.other, entity.name, entity.name.class, entity.name.function, entity.other.inherited-class, entity.other.attribute-name, entity.other.attribute-name, entity.other.attribute-name.html, support.type.property-name, string.key, entity.name.tag.table, meta.structure.dictionary.json string.quoted.double.json | #CCC5C5 | — |
| entity.name.function.member | #CCC5C5 | — |
| variable.language.this | #E3DCDB | — |
| keyword, meta.property-value.keyword, support.constant.property-value.keyword, meta.preprocessor.keyword, keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #E3DCDB | bold |
| storage, storage.type, storage.type.ts, storage.type.var.ts, storage.type.js, storage.type.var.js, storage.type.const.ts, storage.type.let.ts, storage.type.let.js, storage.type.const.js, entity.name.tag | #E3DCDB | bold |
| meta.ptr, meta.pointer, meta.address, meta.array.cxx | — | — |
| meta.preprocessor | #CCC5C5 | — |
| support.class, support.function, support.constant | #CCC5C5 | — |
| invalid | #EA6A66 | — |
| invalid.deprecated | #EA6A66 | — |
| punctuation.definition.heading.md, entity.name.type.md, beginning.punctuation | #CCC5C5 | — |
| markup.heading, entity.name.section | #E3DCDB | bold |
| markup.raw, markup.inline.raw, markup.fenced, markup.fenced_code | #E49E4F | — |
| markup.link, string.other.link.title, string.other.link.description, meta.link.inline, meta.image.inline | #CCC5C5 | — |
| markup.underline.link.markdown | #A982D8 | italic |
| variable.language.makefile, variable.other.makefile | #CCC5C5 | — |
| punctuation.definition.markdown, punctuation.definition.heading.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin.markdown | #FFBFF7 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| entity.other.attribute-name.class.css | #CCC5C5 | — |
| entity.name.tag.css | #E3DCDB | bold |
| meta.property-name.css | #CCC5C5 | — |