GeekDZ Dark Neon
Publisher: GeekDZThemes in package: 1
A dark neon theme inspired by GeekDZ club — black background with glowing neon blue
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#0a0f1c
- activityBar.border#1a1f2c
- activityBar.dropBorder#00bfff
- activityBar.foreground#00bfff
- activityBar.inactiveForeground#5f6a8a
- activityBarBadge.background#00ffff
- activityBarBadge.foreground#0a0f1c
- badge.background#00bfff
- badge.foreground#0a0f1c
- breadcrumb.activeSelectionForeground#00bfff
- breadcrumb.background#0a0f1c
- breadcrumb.focusForeground#ffffff
- breadcrumb.foreground#5f6a8a
- breadcrumbPicker.background#0d1421
- button.background#00bfff
- button.foreground#0a0f1c
- button.hoverBackground#1e90ff
- button.secondaryBackground#a020f0
- button.secondaryForeground#ffffff
- button.secondaryHoverBackground#bf00ff
- checkbox.background#0a0f1c
- checkbox.border#00bfff
- checkbox.foreground#00ffff
- debugExceptionWidget.background#ff174433
- debugExceptionWidget.border#ff1744
- debugToolBar.background#0d1421
- debugToolBar.border#00bfff
- descriptionForeground#b8c4d4
- diffEditor.insertedTextBackground#39ff1433
- diffEditor.insertedTextBorder#39ff1466
- diffEditor.removedTextBackground#ff174433
- diffEditor.removedTextBorder#ff174466
- dropdown.background#0a0f1c
- dropdown.border#00bfff
- dropdown.foreground#ffffff
- dropdown.listBackground#0d1421
- editor.background#0a0f1c
- editor.findMatchBackground#00bfff33
- editor.findMatchBorder#00bfff
- editor.findMatchHighlightBackground#00bfff22
- editor.findMatchHighlightBorder#00bfff66
- editor.findRangeHighlightBackground#00bfff15
- editor.findRangeHighlightBorder#00bfff33
- editor.foreground#ffffff
- editor.hoverHighlightBackground#00bfff22
- editor.inactiveSelectionBackground#00bfff22
- editor.linkActiveForeground#00bfff
- editor.selectionBackground#00bfff33
- editor.selectionForeground#ffffff
- editor.selectionHighlightBackground#00bfff22
- editor.selectionHighlightBorder#00bfff66
- editor.snippetFinalTabstopHighlightBackground#a020f022
- editor.snippetFinalTabstopHighlightBorder#a020f066
- editor.snippetTabstopHighlightBackground#00bfff22
- editor.snippetTabstopHighlightBorder#00bfff66
- editorBracketMatch.background#00bfff22
- editorBracketMatch.border#00bfff
- editorCodeLens.foreground#5f6a8a
- editorCursor.background#0a0f1c
- editorCursor.foreground#00bfff
- editorError.border#ff174466
- editorError.foreground#ff1744
- editorGroup.border#1a1f2c
- editorGroup.dropBackground#00bfff22
- editorGroupHeader.noTabsBackground#0a0f1c
- editorGroupHeader.tabsBackground#0a0f1c
- editorGroupHeader.tabsBorder#1a1f2c
- editorGutter.addedBackground#39ff14
- editorGutter.background#0a0f1c
- editorGutter.commentRangeForeground#5f6a8a
- editorGutter.deletedBackground#ff1744
- editorGutter.modifiedBackground#00ffff
- editorHint.border#00ffff66
- editorHint.foreground#00ffff
- editorHoverWidget.background#0d1421
- editorHoverWidget.border#00bfff
- editorHoverWidget.foreground#ffffff
- editorIndentGuide.activeBackground#00bfff66
- editorIndentGuide.background#1a1f2c
- editorInfo.border#20c99766
- editorInfo.foreground#20c997
- editorLineNumber.activeForeground#00bfff
- editorLineNumber.foreground#5f6a8a
- editorMarkerNavigation.background#0d1421
- editorMarkerNavigationError.background#ff1744
- editorMarkerNavigationInfo.background#20c997
- editorMarkerNavigationWarning.background#ffa500
- editorOverviewRuler.addedForeground#39ff14
- editorOverviewRuler.background#0a0f1c
- editorOverviewRuler.border#1a1f2c
- editorOverviewRuler.deletedForeground#ff1744
- editorOverviewRuler.errorForeground#ff1744
- editorOverviewRuler.findMatchForeground#00bfff
- editorOverviewRuler.infoForeground#20c997
- editorOverviewRuler.modifiedForeground#00ffff
- editorOverviewRuler.rangeHighlightForeground#00bfff66
- editorOverviewRuler.selectionHighlightForeground#00bfff44
- editorOverviewRuler.warningForeground#ffa500
- editorOverviewRuler.wordHighlightForeground#00bfff33
- editorOverviewRuler.wordHighlightStrongForeground#00bfff66
- editorRuler.foreground#1a1f2c
- editorSuggestWidget.background#0d1421
- editorSuggestWidget.border#00bfff
- editorSuggestWidget.foreground#ffffff
- editorSuggestWidget.highlightForeground#00bfff
- editorSuggestWidget.selectedBackground#00bfff33
- editorWarning.border#ffa50066
- editorWarning.foreground#ffa500
- editorWhitespace.foreground#1a1f2c
- editorWidget.background#0d1421
- editorWidget.border#00bfff
- editorWidget.foreground#ffffff
- editorWidget.resizeBorder#00bfff
- errorForeground#ff1744
- extensionButton.prominentBackground#00bfff
- extensionButton.prominentForeground#0a0f1c
- extensionButton.prominentHoverBackground#1e90ff
- focusBorder#00bfff
- foreground#ffffff
- gitDecoration.addedResourceForeground#39ff14
- gitDecoration.conflictingResourceForeground#ffa500
- gitDecoration.deletedResourceForeground#ff1744
- gitDecoration.ignoredResourceForeground#5f6a8a
- gitDecoration.modifiedResourceForeground#00ffff
- gitDecoration.submoduleResourceForeground#a020f0
- gitDecoration.untrackedResourceForeground#39ff14
- input.background#0a0f1c
- input.border#00bfff
- input.foreground#ffffff
- input.placeholderForeground#5f6a8a
- inputOption.activeBorder#00ffff
- inputValidation.errorBackground#ff174433
- inputValidation.errorBorder#ff1744
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#20c99733
- inputValidation.infoBorder#20c997
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#ffa50033
- inputValidation.warningBorder#ffa500
- inputValidation.warningForeground#ffffff
- list.activeSelectionBackground#00bfff33
- list.activeSelectionForeground#ffffff
- list.dropBackground#00bfff33
- list.errorForeground#ff1744
- list.focusBackground#00bfff22
- list.focusForeground#ffffff
- list.highlightForeground#00bfff
- list.hoverBackground#00bfff15
- list.hoverForeground#ffffff
- list.inactiveSelectionBackground#00bfff22
- list.inactiveSelectionForeground#ffffff
- list.invalidItemForeground#ff1744
- list.warningForeground#ffa500
- menu.background#0d1421
- menu.border#00bfff
- menu.foreground#ffffff
- menu.selectionBackground#00bfff33
- menu.selectionBorder#00bfff
- menu.selectionForeground#ffffff
- menu.separatorBackground#1a1f2c
- menubar.selectionBackground#00bfff33
- menubar.selectionBorder#00bfff
- menubar.selectionForeground#ffffff
- merge.border#1a1f2c
- merge.commonContentBackground#5f6a8a22
- merge.commonHeaderBackground#5f6a8a66
- merge.currentContentBackground#00bfff22
- merge.currentHeaderBackground#00bfff66
- merge.incomingContentBackground#a020f022
- merge.incomingHeaderBackground#a020f066
- minimap.background#0a0f1c
- minimap.errorHighlight#ff1744
- minimap.findMatchHighlight#00bfff66
- minimap.selectionHighlight#00bfff44
- minimap.warningHighlight#ffa500
- notificationCenter.border#00bfff
- notificationCenterHeader.background#0d1421
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#00bfff
- notifications.background#0d1421
- notifications.border#00bfff
- notifications.foreground#ffffff
- notificationToast.border#00bfff
- panel.background#0a0f1c
- panel.border#1a1f2c
- panel.dropBorder#00bfff
- panelTitle.activeBorder#00bfff
- panelTitle.activeForeground#ffffff
- panelTitle.inactiveForeground#5f6a8a
- peekView.background#0d1421
- peekView.border#00bfff
- peekViewEditor.background#0a0f1c
- peekViewEditor.matchHighlightBackground#00bfff33
- peekViewEditor.matchHighlightBorder#00bfff
- peekViewResult.background#0d1421
- peekViewResult.fileForeground#ffffff
- peekViewResult.lineForeground#b8c4d4
- peekViewResult.matchHighlightBackground#00bfff33
- peekViewResult.selectionBackground#00bfff44
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#00bfff
- peekViewTitleDescription.foreground#0a0f1c
- peekViewTitleLabel.foreground#0a0f1c
- pickerGroup.border#00bfff
- pickerGroup.foreground#00ffff
- progressBar.background#00bfff
- quickInput.background#0d1421
- quickInput.foreground#ffffff
- scrollbar.shadow#0a0f1c
- scrollbarSlider.activeBackground#00bfff66
- scrollbarSlider.background#00bfff33
- scrollbarSlider.hoverBackground#00bfff44
- selection.background#00bfff33
- settings.checkboxBackground#0d1421
- settings.checkboxBorder#00bfff
- settings.checkboxForeground#00ffff
- settings.dropdownBackground#0d1421
- settings.dropdownBorder#00bfff
- settings.dropdownForeground#ffffff
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#00bfff
- settings.numberInputBackground#0d1421
- settings.numberInputBorder#00bfff
- settings.numberInputForeground#ff8c00
- settings.textInputBackground#0d1421
- settings.textInputBorder#00bfff
- settings.textInputForeground#ffffff
- sideBar.background#0a0f1c
- sideBar.border#1a1f2c
- sideBar.dropBackground#00bfff33
- sideBar.foreground#ffffff
- sideBarSectionHeader.background#0d1421
- sideBarSectionHeader.border#1a1f2c
- sideBarSectionHeader.foreground#00ffff
- sideBarTitle.foreground#00bfff
- statusBar.background#0a0f1c
- statusBar.border#1a1f2c
- statusBar.debuggingBackground#ff8c00
- statusBar.debuggingForeground#0a0f1c
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#0a0f1c
- statusBar.noFolderForeground#ffffff
- statusBarItem.activeBackground#00bfff33
- statusBarItem.hoverBackground#00bfff22
- statusBarItem.prominentBackground#00bfff
- statusBarItem.prominentForeground#0a0f1c
- statusBarItem.prominentHoverBackground#1e90ff
- symbolIcon.arrayForeground#00ffff
- symbolIcon.booleanForeground#ff8c00
- symbolIcon.classForeground#a020f0
- symbolIcon.colorForeground#00bfff
- symbolIcon.constantForeground#00ffff
- symbolIcon.constructorForeground#bf00ff
- symbolIcon.enumeratorForeground#a020f0
- symbolIcon.enumeratorMemberForeground#00ffff
- symbolIcon.eventForeground#ff8c00
- symbolIcon.fieldForeground#ffffff
- symbolIcon.fileForeground#ffffff
- symbolIcon.folderForeground#00bfff
- symbolIcon.functionForeground#bf00ff
- symbolIcon.interfaceForeground#a020f0
- symbolIcon.keyForeground#00ffff
- symbolIcon.keywordForeground#00bfff
- symbolIcon.methodForeground#bf00ff
- symbolIcon.moduleForeground#a020f0
- symbolIcon.namespaceForeground#a020f0
- symbolIcon.nullForeground#ff8c00
- symbolIcon.numberForeground#ff8c00
- symbolIcon.objectForeground#00ffff
- symbolIcon.operatorForeground#00bfff
- symbolIcon.packageForeground#a020f0
- symbolIcon.propertyForeground#ffffff
- symbolIcon.referenceForeground#00bfff
- symbolIcon.snippetForeground#39ff14
- symbolIcon.stringForeground#39ff14
- symbolIcon.structForeground#a020f0
- symbolIcon.textForeground#ffffff
- symbolIcon.typeParameterForeground#a020f0
- symbolIcon.unitForeground#ff8c00
- symbolIcon.variableForeground#ffffff
- tab.activeBackground#0d1421
- tab.activeBorder#00bfff
- tab.activeForeground#ffffff
- tab.activeModifiedBorder#00ffff
- tab.border#1a1f2c
- tab.hoverBackground#0d1421aa
- tab.hoverBorder#00bfff66
- tab.hoverForeground#ffffff
- tab.inactiveBackground#0a0f1c
- tab.inactiveForeground#5f6a8a
- tab.inactiveModifiedBorder#a020f066
- tab.unfocusedActiveBackground#0d1421
- tab.unfocusedActiveBorder#00bfff66
- tab.unfocusedActiveForeground#b8c4d4
- tab.unfocusedInactiveBackground#0a0f1c
- tab.unfocusedInactiveForeground#5f6a8a
- terminal.ansiBlack#0a0f1c
- terminal.ansiBlue#00bfff
- terminal.ansiBrightBlack#5f6a8a
- terminal.ansiBrightBlue#1e90ff
- terminal.ansiBrightCyan#00ffff
- terminal.ansiBrightGreen#39ff14
- terminal.ansiBrightMagenta#bf00ff
- terminal.ansiBrightRed#ff1744
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ff8c00
- terminal.ansiCyan#00ffff
- terminal.ansiGreen#39ff14
- terminal.ansiMagenta#a020f0
- terminal.ansiRed#ff1744
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#ff8c00
- terminal.background#0a0f1c
- terminal.border#1a1f2c
- terminal.foreground#ffffff
- terminal.selectionBackground#00bfff33
- terminalCursor.background#0a0f1c
- terminalCursor.foreground#00bfff
- textBlockQuote.background#0a0f1c
- textBlockQuote.border#00ffff
- textCodeBlock.background#0d1421
- textLink.activeForeground#00bfff
- textLink.foreground#00ffff
- textPreformat.foreground#39ff14
- textSeparator.foreground#5f6a8a
- titleBar.activeBackground#0a0f1c
- titleBar.activeForeground#ffffff
- titleBar.border#1a1f2c
- titleBar.inactiveBackground#0a0f1c
- titleBar.inactiveForeground#5f6a8a
- walkThrough.embeddedEditorBackground#0d1421
- welcomePage.background#0a0f1c
- welcomePage.buttonBackground#00bfff
- welcomePage.buttonHoverBackground#1e90ff
- widget.shadow#0a0f1c66
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5f6a8a | italic |
| variable, variable.other, variable.parameter, variable.language, string constant.other.placeholder | #ffffff | — |
| constant, constant.other.color, constant.other.symbol, constant.other.key, support.constant | #00ffff | — |
| constant.numeric, constant.language.numeric | #ff8c00 | — |
| constant.language.boolean | #ff8c00 | — |
| constant.language.null, constant.language.undefined | #ff8c00 | — |
| keyword, storage.type, storage.modifier, keyword.control, keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.typedef | #00bfff | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical | #00bfff | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.name.method | #bf00ff | — |
| variable.parameter, meta.parameters variable.other | #ffffff | italic |
| entity.name.class, entity.other.inherited-class, support.class, entity.name.type | #a020f0 | — |
| entity.name.interface | #a020f0 | italic |
| support.type, entity.name.type, storage.type.primitive | #a020f0 | — |
| string, string.quoted, string.template | #39ff14 | — |
| string.template, punctuation.definition.string.template | #39ff14 | — |
| meta.template.expression, punctuation.definition.template-expression | #00bfff | — |
| string.regexp | #00ffff | — |
| constant.character.escape | #00ffff | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #00bfff | — |
| entity.other.attribute-name, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #a020f0 | italic |
| punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #00bfff | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #00bfff | — |
| support.type.property-name.css, support.type.property-name.scss, support.type.property-name.sass, support.type.property-name.less | #00ffff | — |
| support.constant.property-value.css, support.constant.color.css | #39ff14 | — |
| keyword.other.unit.css | #ff8c00 | — |
| support.type.property-name.json, meta.structure.dictionary.json support.type.property-name.json | #00ffff | — |
| meta.structure.dictionary.value.json string.quoted.double.json | #39ff14 | — |
| markup.heading, markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #00bfff | bold |
| markup.bold, markup.bold string | #ffffff | bold |
| markup.italic | #ffffff | italic |
| markup.inline.raw.markdown, markup.raw.block.markdown | #39ff14 | — |
| string.other.link.title.markdown, markup.underline.link.markdown | #00bfff | — |
| string.other.link.description.title.markdown | #00ffff | — |
| markup.quote | #5f6a8a | italic |
| punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor | #00bfff | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces | #00bfff | — |
| invalid, invalid.illegal | #ff1744 | underline |
| invalid.deprecated | #ffa500 | strikethrough |
| markup.inserted, markup.inserted.git_gutter | #39ff14 | — |
| markup.deleted, markup.deleted.git_gutter | #ff1744 | — |
| markup.changed, markup.changed.git_gutter | #ffa500 | — |
| meta.function.decorator.python, entity.name.function.decorator.python | #a020f0 | italic |
| variable.parameter.function.language.special.self.python | #00bfff | italic |
| variable.language.this.js, variable.language.this.ts | #00bfff | italic |
| meta.import, keyword.control.import, keyword.control.from, keyword.control.export | #a020f0 | — |
| entity.name.import, entity.name.namespace | #00ffff | — |
| meta.annotation, punctuation.definition.annotation | #a020f0 | — |
| entity.name.label | #ffa500 | — |
| *url*, *link*, *uri* | #00bfff | underline |
| entity.name.tag.yaml | #00ffff | — |
| string.unquoted.plain.out.yaml | #39ff14 | — |
| punctuation.definition.anchor.yaml, variable.other.alias.yaml | #a020f0 | — |