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#007896
- activityBar.foreground#E8EFFA
- activityBarBadge.background#F47774
- activityBarBadge.foreground#E8EFFA
- badge.background#F47774
- badge.foreground#E8EFFA
- breadcrumb.activeSelectionForeground#557076
- breadcrumb.focusForeground#557076
- breadcrumb.foreground#7B8282
- breadcrumb.separatorForeground#7B8282
- button.background#00647D
- button.foreground#E8EFFA
- button.hoverBackground#21859A
- button.secondaryBackground#E8EFFA
- button.secondaryForeground#1F252B
- button.secondaryHoverBackground#D8DDDF
- commandCenter.activeBorder#00000000
- commandCenter.activeForeground#E8EFFA
- commandCenter.border#00000000
- commandCenter.foreground#E8EFFA
- commandCenter.hoverBorder#00000000
- commandCenter.inactiveBorder#00000000
- commandCenter.inactiveForeground#E8EFFA
- descriptionForeground#557076
- disabledForeground#FFFFFF66
- dropdown.background#C8D2DB
- dropdown.border#C8D2DB
- dropdown.foreground#1F252B
- editor.background#E8EFFA
- editor.findMatchBackground#54B2C526
- editor.findMatchBorder#54B2C566
- editor.findMatchHighlightBackground#54B2C51A
- editor.findRangeHighlightBackground#54B2C512
- editor.foldBackground#3A99AC1A
- editor.foreground#1F252B
- editor.inactiveSelectionBackground#E8EFFA
- editor.lineHighlightBackground#D8DDDF
- editor.selectionBackground#54B2C51A
- editor.selectionHighlightBackground#54B2C51A
- editor.selectionHighlightBorder#54B2C566
- editor.wordHighlightBackground#54B2C526
- editor.wordHighlightStrongBackground#54B2C526
- editorCursor.foreground#54B2C5
- editorGroup.border#C8D2DB
- editorGroupHeader.noTabsBackground#E8EFFA
- editorGroupHeader.tabsBackground#E8EFFA
- editorGroupHeader.tabsBorder#C8D2DB
- editorIndentGuide.activeBackground1#7B8282
- editorIndentGuide.background1#BCBBBE
- editorLineNumber.activeForeground#1F252B
- editorLineNumber.foreground#A7A398
- editorOverviewRuler.border#00000000
- editorStickyScroll.shadow#D8DDDF
- editorStickyScrollHover.background#3A99AC1A
- editorWhitespace.foreground#BCBBBE
- editorWidget.background#E8EFFA
- editorWidget.foreground#1F252B
- explorer.decorations.ignoredForeground#557076B3
- extensionButton.background#00647D
- extensionButton.foreground#E8EFFA
- extensionButton.hoverBackground#21859A
- extensionButton.prominentBackground#54B2C5
- extensionButton.prominentForeground#E8EFFA
- extensionButton.prominentHoverBackground#70D1E8
- focusBorder#54B2C5
- foreground#21859A
- gitDecoration.ignoredResourceForeground#557076B3
- icon.foreground#00647D
- input.background#E8EFFA
- input.border#E8EFFA
- input.foreground#1F252B
- input.placeholderForeground#A7A398
- keybindingTable.rowsBackground#D8DDDF
- list.activeSelectionBackground#E8EFFA
- list.activeSelectionForeground#557076
- list.activeSelectionIconForeground#4D5456
- list.focusBackground#D8DDDF
- list.highlightForeground#00647D
- list.hoverBackground#D8DDDF
- list.hoverForeground#557076
- list.iconForeground#7B8282
- list.inactiveSelectionBackground#E8EFFA
- list.inactiveSelectionForeground#557076
- list.inactiveSelectionIconForeground#7B8282
- menu.selectionBackground#54B2C533
- menubar.selectionBackground#54B2C533
- notificationCenterHeader.background#BCBBBE
- notifications.background#E8EFFA
- notifications.border#C8D2DB
- notifications.foreground#21859A
- notificationsErrorIcon.foreground#F47774
- notificationsInfoIcon.foreground#21859A
- notificationsWarningIcon.foreground#DBD6AA
- panel.background#E8EFFA
- panel.border#C8D2DB
- panelSectionHeader.background#D8DDDF
- panelTitle.activeForeground#21859A
- panelTitle.inactiveForeground#557076
- quickInput.background#E8EFFA
- quickInput.foreground#1F252B
- quickInput.list.focusBackground#D8DDDF
- quickInputList.focusIconForeground#4D5456
- scrollbar.shadow#7B828233
- scrollbarSlider.activeBackground#C8D2DB88
- scrollbarSlider.background#C8D2DB66
- scrollbarSlider.hoverBackground#C8D2DB77
- sideBar.background#D8E4F0
- sideBar.foreground#4D5456
- sideBarSectionHeader.background#E8EFFA
- sideBarSectionHeader.border#C8D2DB
- sideBarSectionHeader.foreground#4D5456
- statusBar.background#007896
- statusBar.debuggingBackground#21859A
- statusBar.debuggingForeground#E8EFFA
- statusBar.foreground#E8EFFA
- statusBar.noFolderBackground#E8EFFA
- statusBarItem.remoteBackground#00647D
- statusBarItem.remoteForeground#E8EFFA
- tab.activeBackground#E8EFFA
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#00647D
- tab.border#C8D2DB
- tab.editor-group-tab-background#D8E4F0
- tab.hoverBackground#E8EFFA
- tab.inactiveBackground#D8E4F0
- tab.inactiveForeground#557076
- tab.unfocusedActiveBorder#00000000
- tab.unfocusedActiveBorderTop#00000000
- terminal.ansiBlack#D8DDDF
- terminal.ansiBlue#21859A
- terminal.ansiBrightBlack#A7A398
- terminal.ansiBrightBlue#54B2C5
- terminal.ansiBrightCyan#70D1E8
- terminal.ansiBrightGreen#70D1E8
- terminal.ansiBrightMagenta#BCBBBE
- terminal.ansiBrightRed#F47774
- terminal.ansiBrightWhite#E8EFFA
- terminal.ansiBrightYellow#F2F0C1
- terminal.ansiCyan#70D1E8
- terminal.ansiGreen#54B2C5
- terminal.ansiMagenta#665A5E
- terminal.ansiRed#F47774
- terminal.ansiWhite#7B8282
- terminal.ansiYellow#DBD6AA
- terminal.background#E8EFFA
- terminal.foreground#1F252B
- terminalStickyScroll.background#D8DDDF
- textCodeBlock.background#3A99AC1A
- textLink.foreground#00647D
- textLink.hoverForeground#00647D
- titleBar.activeBackground#007896
- titleBar.activeForeground#E8EFFA
- titleBar.inactiveBackground#007896
- titleBar.inactiveForeground#E8EFFA
- toolbar.activeBackground#00000011
- toolbar.activeForeground#1F252B
- toolbar.hoverBackground#00000011
- toolbar.hoverForeground#1F252B
- tooltip.background#D8DDDF
- tooltip.border#C8D2DB
- tooltip.foreground#1F252B
- widget.shadow#7B828266
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.line.double-slash, punctuation.definition.comment | #857E75 | italic |
| keyword | #00647D | — |
| keyword.control | #21859A | — |
| keyword.operator | #7B8282 | — |
| keyword.operator.assignment | #838186 | — |
| storage, storage.type | #00647D | — |
| constant, constant.numeric, constant.language, constant.character | #D4574F | — |
| string, string.quoted, string.regexp | #2786A9 | — |
| variable, variable.parameter | #1F252B | — |
| entity.name.function, support.function | #3B8BB3 | — |
| entity.name.type, entity.name.class, support.class | #8E7D30 | — |
| entity.other.attribute-name, meta.annotation | #54B2C5 | — |
| punctuation, operator | #838186 | — |
| invalid, invalid.deprecated, invalid.illegal | #D4574F | — |
| variable.other.property, variable.other.object.property, support.type.property-name | #003C53 | — |
| entity.name.tag, support.class.component | #00647D | — |
| variable.language, variable.language.this, variable.language.super | #665A5E | — |
| entity.name.type.module, support.other.module | #00647D | — |
| text.html.derivative | #1F252B | — |
| entity.name.tag, meta.tag.sgml, meta.tag.html, meta.tag.xml, meta.tag.other | #00647D | — |
| entity.other.attribute-name, meta.tag.attribute, meta.tag.xml.attribute | #3B8BB3 | — |
| string.quoted.double.html, string.quoted.single.html, string.unquoted.html | #2786A9 | — |
| punctuation.definition.tag.begin, punctuation.definition.tag.end, punctuation.definition.tag, punctuation.separator.key-value.html | #7B8282 | — |
| meta.tag.sgml.doctype, comment.block.html | #857E75 | italic |
| entity.name.tag.js, entity.name.tag.tsx, support.class.component | #00647D | — |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #3B8BB3 | — |
| markup.heading, markup.heading.markdown, markup.heading.setext, entity.name.section.markdown | #00647D | bold |
| markup.bold, markup.bold.markdown | #D4574F | bold |
| markup.italic, markup.italic.markdown | #D4574F | italic |
| string.other.link.title.markdown, markup.underline.link.markdown | #00647D | underline |
| markup.underline.link, markup.underline.link.image.markdown, markup.underline.link.markdown, markup.link.url.markdown | #21859A | — |
| markup.inline.raw.string.markdown, markup.raw.inline.markdown | #21859A | — |
| markup.fenced_code.block.markdown, markup.raw.block.markdown, fenced_code.block.language, fenced_code.block.markdown | #21859A | — |
| markup.quote, markup.quote.markdown | #8A7F3D | italic |
| markup.list, markup.list.numbered, markup.list.unnumbered | #7B8282 | — |
| meta.separator.markdown | #838186 | — |
| comment.block.html.markdown | #857E75 | italic |
| punctuation.definition.heading.markdown, heading.1.markdown, markup.heading.markdown, markup.heading.setext.markdown, markup.heading.markdown | #00647D | bold |
| punctuation.definition.list.begin.markdown | #7B8282 | — |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #7B8282 | — |
| meta.object-literal.key, meta.object.member, meta.objectliteral, support.type.property-name, support.type.property-name.json | #003C53 | — |
| variable.other.property, variable.other.property.js, variable.other.object.property, support.variable.property.dom, meta.property.object.js | #003C53 | — |
| support.function, variable.function, variable.function.js, entity.name.function.member, meta.method-call | #21859A | — |
| variable.other.object.js, variable.other.object.js.jsx | #1F252B | — |
| support.class.promise.js, support.class.promise.ts | #665A5E | — |
| meta.diff.header.from-file, punctuation.definition.from-file.diff | #D4574F | bold |
| meta.diff.header.to-file, punctuation.definition.to-file.diff | #3B8BB3 | bold |
| meta.diff.range, meta.diff.index | #948634 | — |
| markup.inserted.diff | #3B8BB3 | — |
| markup.deleted.diff | #D4574F | — |
| markup.changed.diff | #8D8035 | — |
| meta.diff.context, meta.diff | #7B8282 | — |
| punctuation.definition.range.diff | #948634 | — |
| meta.diff.header, meta.separator.diff | #8D8035 | — |
| punctuation.definition.inserted.diff | #2786A9 | — |
| support.function.misc.css, meta.function.variable.css | #3B8BB3 | — |