eyec4tch
Publisher: eezhThemes in package: 1
eyec4tch by frz
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#28fbf713
- activityBar.activeBorder#28fbf7
- activityBar.activeFocusBorder#28fbf7
- activityBar.background#08080d
- activityBar.dropBorder#28fbf7
- activityBar.inactiveForeground#b5b5b5
- activityBarBadge.background#ffffff
- activityBarBadge.foreground#000000
- badge.background#ffffff
- badge.foreground#000000
- button.background#000000
- button.foreground#ffffff
- button.hoverBackground#000000
- checkbox.background#181627
- diffEditor.insertedTextBackground#2e751a30
- diffEditor.removedTextBackground#ec4b4b35
- dropdown.background#181627
- dropdown.border#1e1c31
- editor.background#100f1a
- editor.findMatchBorder#28fbf7
- editor.findMatchHighlightBackground#e8e8e830
- editor.foldBackground#28fbf730
- editor.foreground#e8e8e8
- editor.lineHighlightBackground#181627
- editor.selectionBackground#28fbf730
- editorBracketMatch.background#0d0c15
- editorBracketMatch.border#20c8c5
- editorCursor.background#000000
- editorCursor.foreground#28fbf7
- editorError.foreground#e00000
- editorGroup.border#08080d
- editorGroup.dropBackground#28fbf730
- editorGroupHeader.noTabsBackground#181627
- editorGroupHeader.tabsBackground#181627
- editorGutter.addedBackground#2e751a
- editorGutter.deletedBackground#ec4b4b
- editorGutter.modifiedBackground#3700ff
- editorHoverWidget.border#201e33
- editorIndentGuide.activeBackground#28fbf7
- editorIndentGuide.background#201e33
- editorInfo.foreground#009adb
- editorLineNumber.activeForeground#7c77b1
- editorLineNumber.foreground#38345b
- editorLink.activeForeground#28fbf7
- editorMarkerNavigation.background#100f1a
- editorMarkerNavigationError.background#e00000
- editorMarkerNavigationInfo.background#009adb
- editorMarkerNavigationWarning.background#ff6a00
- editorOverviewRuler.addedForeground#3700ff
- editorOverviewRuler.border#201e33
- editorOverviewRuler.bracketMatchForeground#28fbf7
- editorOverviewRuler.deletedForeground#3700ff
- editorOverviewRuler.errorForeground#e00000
- editorOverviewRuler.infoForeground#009adb
- editorOverviewRuler.modifiedForeground#3700ff
- editorOverviewRuler.selectionHighlightForeground#28fbf7
- editorOverviewRuler.warningForeground#ff6a00
- editorPane.background#0a0910
- editorRuler.foreground#201e33
- editorSuggestWidget.background#181627
- editorSuggestWidget.border#201e33
- editorSuggestWidget.highlightForeground#0088ff
- editorWarning.foreground#ff6a00
- editorWhitespace.foreground#2f2c4d
- editorWidget.background#100f1a
- editorWidget.resizeBorder#201e33
- errorForeground#e00000
- extensionButton.prominentBackground#000000
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#000000
- focusBorder#28fbf7
- foreground#e8e8e8
- gitDecoration.addedResourceForeground#2e751a
- gitDecoration.deletedResourceForeground#ec4b4b
- gitDecoration.modifiedResourceForeground#3700ff
- gitDecoration.stageDeletedResourceForeground#ec4b4b
- gitDecoration.stageModifiedResourceForeground#3700ff
- input.background#181627
- input.border#1e1c31
- inputValidation.errorBackground#e0000090
- inputValidation.errorBorder#e00000
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#009adb90
- inputValidation.infoBorder#009adb
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#ff6a0090
- inputValidation.warningBorder#ff6a00
- inputValidation.warningForeground#000000
- list.activeSelectionBackground#28fbf720
- list.errorForeground#e00000
- list.focusBackground#28fbf730
- list.highlightForeground#0088ff
- list.hoverBackground#1a182a
- list.inactiveSelectionBackground#28fbf725
- list.warningForeground#ff6a00
- menu.background#100f1a
- menu.foreground#e8e8e8
- menu.selectionBackground#28fbf7DD
- menu.selectionForeground#000000
- menu.separatorBackground#2f2c4d
- minimap.errorHighlight#e00000
- minimap.selectionHighlight#28fbf780
- minimap.warningHighlight#ff6a00
- minimapGutter.addedBackground#2e751a
- minimapGutter.deletedBackground#ec4b4b
- minimapGutter.modifiedBackground#3700ff
- notifications.background#100f1a
- notificationsErrorIcon.foreground#e00000
- notificationsInfoIcon.foreground#009adb
- notificationsWarningIcon.foreground#ff6a00
- panel.dropBorder#28fbf7
- panelTitle.activeBorder#28fbf7
- peekViewResult.background#181627
- peekViewTitle.background#08080d
- pickerGroup.border#000000
- pickerGroup.foreground#28fbf7
- problemsErrorIcon.foreground#e00000
- problemsInfoIcon.foreground#009adb
- problemsWarningIcon.foreground#ff6a00
- progressBar.background#28fbf7
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#2f2c4d40
- scrollbarSlider.background#3f3b6650
- scrollbarSlider.hoverBackground#4f4a8040
- selection.background#28fbf780
- settings.modifiedItemIndicator#3700ff
- sideBar.background#0c0b14
- sideBarSectionHeader.background#141221
- statusBar.background#08080d
- statusBarItem.hoverBackground#181827
- statusBarItem.prominentBackground#28fbf7
- statusBarItem.prominentForeground#000000
- statusBarItem.prominentHoverBackground#24e2de
- tab.activeBackground#100f1a
- tab.activeBorder#28fbf7
- tab.activeModifiedBorder#3700ff
- tab.border#201e33
- tab.hoverBackground#201e33
- tab.inactiveBackground#181627
- tab.lastPinnedBorder#28fbf750
- terminal.selectionBackground#28fbf7
- terminalCursor.background#000000
- terminalCursor.foreground#28fbf7
- textLink.activeForeground#28fbf7
- textLink.foreground#840fd2
- textPreformat.foreground#28fbf7
- textSeparator.foreground#000000
- titleBar.activeBackground#181627
- titleBar.border#1b192c
- titleBar.inactiveBackground#100f1a
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| invalid | #e00000 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #e8e8e8 | — |
| variable, punctuation.definition.variable, support.variable.property.dom, support.variable.dom, support.variable.property, punctuation.separator.parameter, string.interpolated.pug variable | #e8e8e8 | — |
| comment, punctuation.definition.comment | #474273 | — |
| string, punctuation.definition.string | #e0ff47 | — |
| constant.character.escape | #840fd2 | — |
| keyword, constant.language.import-export-all | #ff4df9 | — |
| entity.name.type, support.type.primitive, support.type.builtin, meta.type.annotation entity.name.type, meta.type.parameters entity.name.type | #0088ff | — |
| keyword.control, keyword.operator, storage, support.type, keyword.operator.expression, keyword.operator.new | #840fd2 | — |
| entity.name.function, support.class, support.function, new.expr entity.name.type, entity.other.inherited-class | #28fbf7 | — |
| punctuation.definition.typeparameters, keyword.operator.type, keyword.operator.optional, punctuation.definition.template-expression, source.tsx punctuation.section.embedded, source.jsx punctuation.section.embedded | #000000 | — |
| constant | #0088ff | — |
| constant.numeric, constant.language | #ffffff | — |
| variable.parameter, parameter.variable, meta.function.parameter variable, source.rust meta.type_params.rust | #ffffff | — |
| punctuation, meta.brace | #a8a8a8 | — |
| variable.language.this, variable.language.special.self | #840fd2 | — |
| comment.block.documentation entity.name.type | #000000 | — |
| variable.language.super | #28fbf7 | — |
| meta.tag.metadata.doctype entity.name.tag, meta.tag.metadata.doctype punctuation.definition.tag, meta.tag.metadata.doctype string, meta.tag.metadata.doctype entity.other.attribute-name.html, meta.tag.sgml.doctype | #a8a8a8 | — |
| entity.name.tag | #840fd2 | — |
| meta.tag string | #e0ff47 | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #ff4df9 | — |
| constant.character.entity, punctuation.definition.entity | #ffffff | — |
| entity.name.section.markdown, markup.heading.setext | #ff4df9 | — |
| punctuation.definition.list | #ff4df9 | — |
| meta.separator.markdown | #ff4df9 | — |
| markup.inline.raw | #840fd2 | — |
| markup.bold | — | bold |
| markup.italic | — | italic |
| meta.link punctuation.definition.string, meta.image punctuation.definition.string | #a8a8a8 | — |
| link, markup.underline.link, constant.other.reference.link.markdown | #28fbf7 | — |
| markup.quote | #ffffff | — |
| entity.name.tag.css, entity.name.tag.wildcard | #e0ff47 | — |
| entity.other.attribute-name.class, entity.other.attribute-name punctuation.definition.entity | #ff4df9 | — |
| entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class, constant.other.color | #840fd2 | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity | #28fbf7 | — |
| source.css constant.numeric, source.less constant.numeric, source.scss constant.numeric | #e0ff47 | — |
| meta.property-name, support.type.property-name | #ffffff | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #28fbf7 | — |
| variable.parameter.url | #ffffff | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #ff4df9 | — |
| entity.name.section | #28fbf7 | — |
| support.type.property-name.json | #ff4df9 | — |
| markup.inserted | #2e751a | — |
| markup.changed | #3700ff | — |
| markup.deleted | #ec4b4b | — |
| meta.diff.header | #3700ff | — |
| meta.diff.range | #840fd2 | — |