Ev
Publisher: monoookiThemes in package: 9
Multi-evolution theme bundle: Normal plus Dark, Electric, Fire, Water, Grass, Ice, Fairy, Psychic.
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.
- actionBar.toggledBackground#00000011
- activityBar.background#AC6900
- activityBar.foreground#EBDECA
- activityBarBadge.background#EE5552
- activityBarBadge.foreground#EBDECA
- badge.background#EE5552
- badge.foreground#EBDECA
- breadcrumb.activeSelectionForeground#AA9E86
- breadcrumb.focusForeground#AA9E86
- breadcrumb.foreground#AA9E86
- button.background#8A5500
- button.foreground#EBDECA
- button.hoverBackground#9B6300
- button.secondaryBackground#EBDECA
- button.secondaryForeground#592C09
- button.secondaryHoverBackground#EADFC9
- commandCenter.activeBorder#00000000
- commandCenter.activeForeground#EBDECA
- commandCenter.border#00000000
- commandCenter.foreground#EBDECA
- commandCenter.hoverBorder#00000000
- commandCenter.inactiveBorder#00000000
- commandCenter.inactiveForeground#EBDECA
- descriptionForeground#592C0980
- disabledForeground#FFFFFF66
- dropdown.background#DED1B7
- dropdown.border#C8C1A2
- dropdown.foreground#592C09
- editor.background#EBDECA
- editor.findMatchBackground#93775726
- editor.findMatchBorder#B59F82
- editor.findMatchHighlightBackground#93775719
- editor.findRangeHighlightBackground#93775712
- editor.foldBackground#794A001A
- editor.foreground#592C09
- editor.inactiveSelectionBackground#F5EDE0
- editor.lineHighlightBackground#E0D3C0
- editor.selectionBackground#F5EDE0A8
- editor.selectionHighlightBackground#93775719
- editor.selectionHighlightBorder#C7B79C
- editor.wordHighlightBackground#93775726
- editor.wordHighlightStrongBackground#93775726
- editorCursor.foreground#AC6900
- editorGroup.border#C8C1A2
- editorGroupHeader.noTabsBackground#EBDECA
- editorGroupHeader.tabsBackground#EBDECA
- editorGroupHeader.tabsBorder#C8C1A2
- editorIndentGuide.activeBackground1#AA9E86
- editorIndentGuide.background1#CEC1B8
- editorLineNumber.activeForeground#AC6900
- editorLineNumber.foreground#AA9E86
- editorOverviewRuler.border#00000000
- editorStickyScroll.shadow#DED1B7
- editorStickyScrollHover.background#794A001A
- editorWhitespace.foreground#CEC1B8
- editorWidget.background#EBDECA
- editorWidget.foreground#592C09
- explorer.decorations.ignoredForeground#AA9E86
- extensionButton.background#8A5500
- extensionButton.foreground#EBDECA
- extensionButton.hoverBackground#9B6300
- extensionButton.prominentBackground#AC6900
- extensionButton.prominentForeground#EBDECA
- extensionButton.prominentHoverBackground#E29800
- focusBorder#AC6900
- foreground#592C09
- gitDecoration.ignoredResourceForeground#AA9E86
- icon.foreground#AC6900
- input.background#EBDECA
- input.border#EBDECA
- input.foreground#592C09
- input.placeholderForeground#AA9E86
- keybindingTable.rowsBackground#DED1B7
- list.activeSelectionBackground#EBDECA
- list.activeSelectionForeground#826548
- list.activeSelectionIconForeground#826548
- list.focusBackground#F5EDE0
- list.highlightForeground#AC6900
- list.hoverBackground#E5D7C2
- list.hoverForeground#826548
- list.iconForeground#826548
- list.inactiveSelectionBackground#EBDECA
- list.inactiveSelectionIconForeground#826548
- menu.selectionBackground#E2980038
- menubar.selectionBackground#E2980038
- notificationCenterHeader.background#AC6900
- notifications.background#EBDECA
- notifications.border#C8C1A2
- notifications.foreground#89837B
- notificationsErrorIcon.foreground#EE5552
- notificationsInfoIcon.foreground#89837B
- notificationsWarningIcon.foreground#AC5A22
- panel.background#EBDECA
- panel.border#C8C1A2
- panelSectionHeader.background#DED1B7
- panelTitle.activeForeground#89837B
- panelTitle.inactiveForeground#AA9E86
- quickInput.background#EBDECA
- quickInput.foreground#592C09
- quickInput.list.focusBackground#F5EDE0
- quickInputList.focusIconForeground#826548
- scrollbar.shadow#AA9E8633
- scrollbarSlider.activeBackground#C8C1A288
- scrollbarSlider.background#CEC1B866
- scrollbarSlider.hoverBackground#C8C1A277
- sideBar.background#E0D3C0
- sideBar.foreground#826548
- sideBarSectionHeader.background#EBDECA
- sideBarSectionHeader.border#C8C1A2
- sideBarSectionHeader.foreground#826548
- statusBar.background#AC6900
- statusBar.debuggingBackground#E29800
- statusBar.debuggingForeground#EBDECA
- statusBar.foreground#EBDECA
- statusBar.noFolderBackground#EBDECA
- statusBarItem.remoteBackground#AC6900
- statusBarItem.remoteForeground#EBDECA
- tab.activeBackground#EBDECA
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#592C09
- tab.border#C8C1A2
- tab.editor-group-tab-background#E0D3C0
- tab.hoverBackground#EBDECA
- tab.inactiveBackground#E0D3C0
- tab.inactiveForeground#AA9E86
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#00000000
- terminal.ansiBlack#EADFC9
- terminal.ansiBlue#A4702A
- terminal.ansiBrightBlack#AA9E86
- terminal.ansiBrightBlue#E29800
- terminal.ansiBrightCyan#E0B88C
- terminal.ansiBrightGreen#93B56B
- terminal.ansiBrightMagenta#EBDECA
- terminal.ansiBrightRed#E29800
- terminal.ansiBrightWhite#EBDECA
- terminal.ansiBrightYellow#FFEFB9
- terminal.ansiCyan#89837B
- terminal.ansiGreen#73924A
- terminal.ansiMagenta#CEC1B8
- terminal.ansiRed#EE5552
- terminal.ansiWhite#89837B
- terminal.ansiYellow#AC5A22
- terminal.background#EBDECA
- terminal.foreground#592C09
- terminalStickyScroll.background#EADFC9
- textCodeBlock.background#794A001A
- textLink.foreground#AC6900
- textLink.hoverForeground#AC6900
- titleBar.activeBackground#AC6900
- titleBar.activeForeground#EBDECA
- titleBar.inactiveBackground#AC6900
- titleBar.inactiveForeground#EBDECA
- toolbar.activeBackground#00000011
- toolbar.activeForeground#592C09
- toolbar.hoverBackground#00000011
- toolbar.hoverForeground#592C09
- tooltip.background#F5EDE0
- tooltip.border#C8C1A2
- tooltip.foreground#592C09
- widget.shadow#AA9E8666
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.line.double-slash, punctuation.definition.comment | #AA9E86 | italic |
| keyword | #B07E2E | — |
| keyword.control | #D18C00 | — |
| keyword.operator | #A4875D | — |
| keyword.operator.assignment | #A4875D | — |
| storage, storage.type | #AC5A22 | — |
| constant, constant.numeric, constant.language, constant.character | #E23935 | — |
| string, string.quoted, string.regexp | #B07E4A | — |
| variable, variable.parameter | #592C08 | — |
| entity.name.function, support.function | #AA3D19 | — |
| entity.name.type, entity.name.class, support.class | #8A5D17 | — |
| entity.other.attribute-name, meta.annotation | #AC5A22 | — |
| punctuation, operator | #A4875D | — |
| invalid, invalid.deprecated, invalid.illegal | #C7433A | — |
| variable.other.property, variable.other.object.property, support.type.property-name | #B67428 | — |
| entity.name.tag, support.class.component | #AC5A22 | — |
| variable.language, variable.language.this, variable.language.super | #9C825B | — |
| entity.name.type.module, support.other.module | #8A5D17 | — |
| text.html.derivative | #592C08 | — |
| entity.name.tag, meta.tag.sgml, meta.tag.html, meta.tag.xml, meta.tag.other | #AC5A22 | — |
| entity.other.attribute-name, meta.tag.attribute, meta.tag.xml.attribute | #B67428 | — |
| string.quoted.double.html, string.quoted.single.html, string.unquoted.html | #B07E4A | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag, punctuation.separator.key-value.html | #A4875D | — |
| meta.tag.sgml.doctype, comment.block.html | #CF9A30 | italic |
| entity.name.tag.js, entity.name.tag.tsx, support.class.component | #AC5A22 | — |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #B67428 | — |
| markup.heading, markup.heading.markdown, markup.heading.setext, entity.name.section.markdown | #9B6824 | bold |
| markup.bold, markup.bold.markdown | #E23935 | bold |
| markup.italic, markup.italic.markdown | #E23935 | italic |
| string.other.link.title.markdown, markup.underline.link.markdown | #9B6824 | underline |
| markup.underline.link, markup.underline.link.image.markdown, markup.underline.link.markdown, markup.link.url.markdown | #D18C00 | — |
| markup.inline.raw.string.markdown, markup.raw.inline.markdown | #E23935 | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown, fenced_code.block.language, fenced_code.block.markdown | #E23935 | — |
| markup.quote, markup.quote.markdown | #FFEFB9 | italic |
| markup.list, markup.list.numbered, markup.list.unnumbered | #A4875D | — |
| meta.separator.markdown | #A4875D | — |
| comment.block.html.markdown | #CF9A30 | italic |
| punctuation.definition.heading.markdown, heading.1.markdown, markup.heading.markdown, markup.heading.setext.markdown, markup.heading.markdown | #9B6824 | bold |
| punctuation.definition.list.begin.markdown | #A4875D | — |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #A4875D | — |
| meta.object-literal.key, meta.object.member, meta.objectliteral, support.type.property-name, support.type.property-name.json | #B67428 | — |
| variable.other.property, variable.other.property.js, variable.other.object.property, support.variable.property.dom, meta.property.object.js | #B67428 | — |
| support.function, variable.function, variable.function.js, entity.name.function.member, meta.method-call | #A97000 | — |
| variable.other.object.js, variable.other.object.js.jsx | #592C08 | — |
| support.class.promise.js, support.class.promise.ts | #9C825B | — |
| meta.diff.header.from-file, punctuation.definition.from-file.diff | #C7433A | bold |
| meta.diff.header.to-file, punctuation.definition.to-file.diff | #73924A | bold |
| meta.diff.range, meta.diff.index | #8A5500 | — |
| markup.inserted.diff | #73924A | — |
| markup.deleted.diff | #C7433A | — |
| markup.changed.diff | #A4702A | — |
| meta.diff.context, meta.diff | #8A7A6A | — |
| punctuation.definition.range.diff | #8A5500 | — |
| meta.diff.header, meta.separator.diff | #CFA772 | — |
| punctuation.definition.inserted.diff | #73924A | — |
| support.function.misc.css, meta.function.variable.css | #AA3D19 | — |