Ezcord Theme
Publisher: zkawiyThemes in package: 4
A bold neon cyberpunk dark theme with vibrant colors and maximum contrast - designed to stand out from the crowd
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.activeBorder#00ff88
- activityBar.background#0a0b0d
- activityBar.border#16181c
- activityBar.foreground#00ff88
- activityBar.inactiveForeground#00ff8870
- activityBarBadge.background#ff0077
- activityBarBadge.foreground#ffffff
- badge.background#ff0077
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#00ff88
- breadcrumb.focusForeground#00ff88
- breadcrumb.foreground#6a6d72
- breadcrumbPicker.background#0a0b0d
- button.background#00ff88
- button.foreground#0a0b0d
- button.hoverBackground#33ffaa
- button.secondaryBackground#2a2d32
- button.secondaryForeground#e3e5e8
- button.secondaryHoverBackground#3a3d42
- dropdown.background#0a0b0d
- dropdown.border#00ff8860
- dropdown.foreground#e3e5e8
- editor.background#0d0e10
- editor.findMatchBackground#ff007790
- editor.findMatchHighlightBackground#ff007740
- editor.foreground#e3e5e8
- editor.inactiveSelectionBackground#2a2d3250
- editor.lineHighlightBackground#16181c
- editor.selectionBackground#57f28750
- editorBracketMatch.background#00ff8840
- editorBracketMatch.border#00ff88
- editorCursor.foreground#00ff88
- editorError.foreground#ff0077
- editorGroup.border#00ff8840
- editorGroupHeader.tabsBackground#0a0b0d
- editorGroupHeader.tabsBorder#16181c
- editorHint.foreground#00ff88
- editorHoverWidget.background#0a0b0d
- editorHoverWidget.border#00ff8860
- editorIndentGuide.activeBackground1#57f28760
- editorIndentGuide.background1#1a1d22
- editorInfo.foreground#00ddff
- editorLineNumber.activeForeground#57f287
- editorLineNumber.foreground#3a3d42
- editorRuler.foreground#1a1d22
- editorSuggestWidget.background#0a0b0d
- editorSuggestWidget.border#00ff8860
- editorSuggestWidget.highlightForeground#00ff88
- editorSuggestWidget.selectedBackground#57f28730
- editorWarning.foreground#ffaa00
- editorWhitespace.foreground#2a2d32
- editorWidget.background#0a0b0d
- editorWidget.border#00ff8860
- focusBorder#00ff8860
- gitDecoration.conflictingResourceForeground#ff00ff
- gitDecoration.deletedResourceForeground#ff0077
- gitDecoration.ignoredResourceForeground#3a3d42
- gitDecoration.modifiedResourceForeground#ffaa00
- gitDecoration.untrackedResourceForeground#00ff88
- input.background#0a0b0d
- input.border#00ff8860
- input.foreground#e3e5e8
- input.placeholderForeground#3a3d42
- inputOption.activeBackground#00ff8830
- inputOption.activeBorder#00ff88
- list.activeSelectionBackground#00ff8830
- list.activeSelectionForeground#ffffff
- list.highlightForeground#00ff88
- list.hoverBackground#16181c
- list.inactiveSelectionBackground#2a2d32
- menu.background#0a0b0d
- menu.foreground#e3e5e8
- menu.selectionBackground#00ff8840
- menu.selectionForeground#ffffff
- menu.separatorBackground#00ff8840
- menubar.selectionBackground#00ff8840
- menubar.selectionForeground#ffffff
- notificationCenter.border#00ff8860
- notificationCenterHeader.background#0a0b0d
- notificationLink.foreground#00ff88
- notifications.background#0a0b0d
- notifications.border#00ff8860
- panel.background#0d0e10
- panel.border#00ff8840
- panelTitle.activeBorder#00ff88
- panelTitle.activeForeground#00ff88
- panelTitle.inactiveForeground#6a6d72
- peekView.border#00ff88
- peekViewEditor.background#0a0b0d
- peekViewResult.background#0a0b0d
- peekViewTitle.background#0a0b0d
- scrollbarSlider.activeBackground#00ff8880
- scrollbarSlider.background#00ff8840
- scrollbarSlider.hoverBackground#00ff8860
- sideBar.background#0d0e10
- sideBar.border#16181c
- sideBar.foreground#b8bcc2
- sideBarSectionHeader.background#0a0b0d
- sideBarSectionHeader.border#00ff8840
- sideBarSectionHeader.foreground#00ff88
- sideBarTitle.foreground#00ff88
- statusBar.background#0a0b0d
- statusBar.border#00ff8840
- statusBar.debuggingBackground#ff0077
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#00ff88
- statusBar.noFolderBackground#0a0b0d
- tab.activeBackground#0d0e10
- tab.activeBorder#00ff88
- tab.activeBorderTop#00ff88
- tab.activeForeground#00ff88
- tab.border#0a0b0d
- tab.hoverBackground#16181c
- tab.inactiveBackground#0a0b0d
- tab.inactiveForeground#6a6d72
- tab.unfocusedActiveBorder#3a3d42
- terminal.ansiBlack#0d0e10
- terminal.ansiBlue#00ddff
- terminal.ansiBrightBlack#3a3d42
- terminal.ansiBrightBlue#33eeff
- terminal.ansiBrightCyan#33ffff
- terminal.ansiBrightGreen#33ffaa
- terminal.ansiBrightMagenta#ff33ff
- terminal.ansiBrightRed#ff3399
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffcc33
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#00ff88
- terminal.ansiMagenta#ff00ff
- terminal.ansiRed#ff0077
- terminal.ansiWhite#e3e5e8
- terminal.ansiYellow#ffaa00
- terminal.background#0d0e10
- terminal.foreground#e3e5e8
- terminal.selectionBackground#00ff8850
- titleBar.activeBackground#0a0b0d
- titleBar.activeForeground#00ff88
- titleBar.border#16181c
- titleBar.inactiveBackground#0a0b0d
- titleBar.inactiveForeground#3a3d42
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5a5d62 | italic |
| string, string.quoted | #00ff88 | — |
| string.template | #33ffaa | — |
| constant.numeric | #ffaa00 | — |
| constant.language.boolean | #ff0077 | bold |
| constant.language, constant.character | #ff0077 | — |
| keyword, keyword.control | #ff0077 | bold |
| storage, storage.type, storage.modifier | #ff00ff | bold |
| keyword.operator | #ff0077 | — |
| entity.name.function, support.function | #00ddff | bold |
| entity.name.class, support.class, entity.name.type.class | #ffaa00 | bold |
| entity.name.type, support.type | #00ddff | — |
| variable, variable.other, variable.parameter | #e3e5e8 | — |
| variable.language | #ff00ff | italic bold |
| meta.decorator, entity.name.function.decorator, punctuation.definition.decorator | #ff00ff | bold |
| keyword.control.import, keyword.control.from | #ff0077 | — |
| entity.name.tag | #ff0077 | — |
| entity.other.attribute-name | #ffaa00 | — |
| punctuation | #8a8d92 | — |
| invalid, invalid.illegal | #ff0077 | bold underline |
| support.constant, support.variable | #ffaa00 | — |
| support.type.property-name.json | #00ddff | — |
| markup.heading | #00ff88 | bold |
| markup.bold | #ffaa00 | bold |
| markup.italic | #ff00ff | italic |
| markup.inline.raw, markup.fenced_code | #00ff88 | — |
| markup.underline.link | #00ddff | underline |