Danker Neon
Publisher: redoxeonThemes in package: 1
Dank Neon, but even danker
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#ff476e
- activityBar.background#191B2A
- activityBar.border#191b2a
- activityBar.foreground#EFF0F6
- activityBar.inactiveForeground#858db7
- activityBarBadge.background#94bfff
- activityBarBadge.foreground#191b2a
- badge.background#656fa4
- badge.foreground#eff0f6
- breadcrumb.activeSelectionForeground#a5abca
- breadcrumb.background#191b2a
- breadcrumb.focusForeground#eff0f6
- breadcrumb.foreground#858db7
- breadcrumbPicker.background#191b2a
- button.background#39ffba
- button.foreground#191b2a
- button.hoverBackground#2dad86
- charts.blue#94bfff
- charts.foreground#eff0f6
- charts.green#39ffba
- charts.lines#eff0f6
- charts.orange#ffca7a
- charts.purple#f1b3f1
- charts.red#ff476e
- charts.yellow#ffee7a
- checkbox.background#2a2d46
- checkbox.border#2a2d46
- checkbox.foreground#eff0f6
- debugConsole.errorForeground#ff476e
- debugConsole.infoForeground#94bfff
- debugConsole.sourceForeground#eff0f6
- debugConsole.warningForeground#eff0f6
- debugConsoleInputIcon.foreground#eff0f6
- debugExceptionWidget.background#191b2a
- debugIcon.breakpointCurrentStackframeForeground#ffee7a
- debugIcon.breakpointDisabledForeground#ac3756
- debugIcon.breakpointForeground#ff476e
- debugIcon.breakpointStackframeForeground#ffca7a
- debugIcon.breakpointUnverifiedForeground#ac3756
- debugIcon.continueForeground#39ffba
- debugIcon.disconnectForeground#ff476e
- debugIcon.pauseForeground#ffee7a
- debugIcon.restartForeground#39ffba
- debugIcon.startForeground#39ffba
- debugIcon.stepBackForeground#ffee7a
- debugIcon.stepIntoForeground#94bfff
- debugIcon.stepOutForeground#94bfff
- debugIcon.stepOverForeground#94bfff
- debugIcon.stopForeground#ff476e
- debugTokenExpression.boolean#f1b3f1
- debugTokenExpression.error#ff476e
- debugTokenExpression.name#eff0f6
- debugTokenExpression.number#f1b3f1
- debugTokenExpression.string#94bfff
- debugTokenExpression.value#eff0f6
- debugToolBar.background#191b2a
- debugView.exceptionLabelBackground#191b2a
- debugView.exceptionLabelForeground#eff0f6
- debugView.stateLabelBackground#191b2a
- debugView.stateLabelForeground#eff0f6
- debugView.valueChangedHighlight#858db7
- descriptionForeground#a5abca
- diffEditor.diagonalFill#858db7
- diffEditor.insertedTextBackground#39ffba30
- diffEditor.removedTextBackground#ff476e30
- dropdown.background#1d1f30
- dropdown.border#2a2d46
- dropdown.foreground#eff0f6
- dropdown.listBackground#191b2a
- editor.background#191B2A
- editor.findMatchBackground#ffee7a44
- editor.findMatchHighlightBackground#ffee7a22
- editor.focusedStackFrameHighlightBackground#ffca7a
- editor.foldBackground#2a2d46
- editor.foreground#EFF0F6
- editor.hoverHighlightBackground#94bfff25
- editor.inactiveSelectionBackground#94bfff20
- editor.lineHighlightBackground#1d1f30
- editor.rangeHighlightBackground#94bfff25
- editor.selectionBackground#656FA4
- editor.selectionForeground#eff0f6
- editor.selectionHighlightBackground#94bfff25
- editor.selectionHighlightBorder#94bfff25
- editor.stackFrameHighlightBackground#ff476e50
- editor.symbolHighlightBackground#94bfff25
- editor.wordHighlightBackground#94bfff25
- editor.wordHighlightStrongBackground#01f7f700
- editorBracketMatch.background#94bfff25
- editorBracketMatch.border#94bfff25
- editorCodeLens.foreground#858db7
- editorCursor.foreground#EFF0F6
- editorError.foreground#ff476e
- editorGroup.border#191b2a
- editorGroup.dropBackground#94bfff25
- editorGroup.emptyBackground#191b2a
- editorGroupHeader.tabsBackground#2a2d46
- editorGroupHeader.tabsBorder#191b2a
- editorGutter.addedBackground#39ffba
- editorGutter.background#191b2a
- editorGutter.commentRangeForeground#858db7
- editorGutter.deletedBackground#ff476e
- editorGutter.foldingControlForeground#858db7
- editorGutter.modifiedBackground#94bfff
- editorHint.foreground#39ffba
- editorHoverWidget.background#2a2d46
- editorHoverWidget.foreground#eff0f6
- editorIndentGuide.activeBackground#4f5987
- editorIndentGuide.background#2a2d46
- editorInfo.foreground#94bfff
- editorLightBulb.foreground#94bfff
- editorLightBulbAutoFix.foreground#94bfff
- editorLineNumber.activeForeground#eff0f6
- editorLineNumber.foreground#858DB7
- editorLink.activeForeground#01f7f7
- editorMarkerNavigation.background#191b2a
- editorMarkerNavigationError.background#191b2a
- editorMarkerNavigationInfo.background#191b2a
- editorMarkerNavigationWarning.background#191b2a
- editorOverviewRuler.addedForeground#39ffba
- editorOverviewRuler.background#191b2a
- editorOverviewRuler.border#191b2a
- editorOverviewRuler.bracketMatchForeground#94bfff
- editorOverviewRuler.commonContentForeground#eff0f6
- editorOverviewRuler.currentContentForeground#eff0f6
- editorOverviewRuler.deletedForeground#ff476e
- editorOverviewRuler.errorForeground#ff476e
- editorOverviewRuler.findMatchForeground#ffca7a
- editorOverviewRuler.incomingContentForeground#eff0f6
- editorOverviewRuler.infoForeground#94bfff
- editorOverviewRuler.modifiedForeground#94bfff
- editorOverviewRuler.rangeHighlightForeground#94bfff
- editorOverviewRuler.selectionHighlightForeground#94bfff
- editorOverviewRuler.warningForeground#ffee7a
- editorOverviewRuler.wordHighlightForeground#94bfff
- editorOverviewRuler.wordHighlightStrongForeground#94bfff
- editorRuler.foreground#eff0f6
- editorSuggestWidget.background#191b2a
- editorSuggestWidget.foreground#eff0f6
- editorSuggestWidget.highlightForeground#eff0f6
- editorSuggestWidget.selectedBackground#2a2d46
- editorUnnecessaryCode.opacity#000000c0
- editorWarning.foreground#ffee7a
- editorWhitespace.foreground#4F5987
- editorWidget.background#1d1f30
- editorWidget.border#858DB788
- editorWidget.foreground#eff0f6
- errorForeground#ff476e
- extensionBadge.remoteBackground#191b2a
- extensionBadge.remoteForeground#eff0f6
- extensionButton.prominentBackground#39ffba
- extensionButton.prominentForeground#191b2a
- extensionButton.prominentHoverBackground#2dad86
- focusBorder#7496cc
- foreground#eff0f6
- gitDecoration.addedResourceForeground#39ffba
- gitDecoration.conflictingResourceForeground#ffee7a
- gitDecoration.deletedResourceForeground#ff476e
- gitDecoration.ignoredResourceForeground#eff0f6
- gitDecoration.modifiedResourceForeground#01f7f7
- gitDecoration.stageDeletedResourceForeground#ff476e
- gitDecoration.stageModifiedResourceForeground#94bfff
- gitDecoration.submoduleResourceForeground#eff0f6
- gitDecoration.untrackedResourceForeground#39ffba
- icon.foreground#858db7
- input.background#2a2d46
- input.border#2a2d46
- input.foreground#eff0f6
- input.placeholderForeground#858db7
- inputValidation.errorForeground#ff476e
- inputValidation.infoForeground#94bfff
- inputValidation.warningForeground#ffee7a
- list.activeSelectionBackground#2a2d46
- list.activeSelectionForeground#eff0f6
- list.errorForeground#ff476e
- list.focusBackground#3c4367
- list.hoverBackground#2a2d46
- list.hoverForeground#eff0f6
- list.inactiveFocusBackground#191b2a
- list.inactiveSelectionBackground#3c4367
- list.inactiveSelectionForeground#eff0f6
- menu.background#191b2a
- menu.foreground#eff0f6
- menu.selectionForeground#eff0f6
- menu.separatorBackground#191b2a
- menubar.selectionBackground#191b2a
- menubar.selectionForeground#eff0f6
- merge.commonContentBackground#191b2a
- merge.commonHeaderBackground#191b2a
- merge.currentContentBackground#191b2a
- merge.currentHeaderBackground#191b2a
- merge.incomingContentBackground#191b2a
- merge.incomingHeaderBackground#191b2a
- minimap.errorHighlight#ff476e
- minimap.findMatchHighlight#ffca7a90
- minimapGutter.addedBackground#39ffba
- minimapGutter.deletedBackground#ff476e
- minimapGutter.modifiedBackground#94bfff
- minimapSlider.activeBackground#94bfff35
- minimapSlider.background#94bfff25
- minimapSlider.hoverBackground#94bfff50
- notebook.cellHoverBackground#656fa444
- notebook.cellInsertionIndicator#656fa4
- notebook.cellStatusBarItemHoverBackground#656fa444
- notebook.cellToolbarSeparator#656fa4
- notebook.focusedCellBackground#191b2a
- notebook.outputContainerBackgroundColor#191b2a
- notebook.rowHoverBackground#656fa444
- notebook.symbolHighlightBackground#656fa444
- notebookScrollbarSlider.activeBackground#656fa488
- notebookScrollbarSlider.background#656fa433
- notebookScrollbarSlider.hoverBackground#656fa444
- notebookStatusErrorIcon.foreground#ff476e
- notebookStatusRunningIcon.foreground#94bfff
- notebookStatusSuccessIcon.foreground#39ffba
- notificationCenterHeader.background#191b2a
- notificationCenterHeader.foreground#eff0f6
- notificationLink.foreground#01f7f7
- notifications.background#1d1f30
- notifications.border#1d1f30
- notifications.foreground#eff0f6
- notificationsErrorIcon.foreground#ff476e
- notificationsInfoIcon.foreground#94bfff
- notificationsWarningIcon.foreground#ffee7a
- panel.background#191B2A
- panel.border#191b2a
- panelInput.border#191b2a
- panelSection.dropBackground#191b2a
- panelSectionHeader.background#191b2a
- panelSectionHeader.foreground#eff0f6
- panelTitle.activeBorder#ff476e
- panelTitle.activeForeground#eff0f6
- panelTitle.inactiveForeground#a5abca
- peekViewEditor.background#94bfff88
- peekViewEditor.matchHighlightBackground#ffee7a33
- peekViewEditorGutter.background#191b2a
- peekViewResult.background#94bfff
- peekViewResult.fileForeground#eff0f6
- peekViewResult.lineForeground#eff0f6
- peekViewResult.matchHighlightBackground#ffee7a33
- peekViewResult.selectionBackground#191b2a
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#191b2a
- peekViewTitleDescription.foreground#eff0f6
- peekViewTitleLabel.foreground#eff0f6
- pickerGroup.border#191b2a
- pickerGroup.foreground#eff0f6
- problemsErrorIcon.foreground#ff476e
- problemsInfoIcon.foreground#94bfff
- problemsWarningIcon.foreground#ffee7a
- progressBar.background#39ffba
- quickInput.background#191b2a
- quickInput.foreground#eff0f6
- quickInputTitle.background#191b2a
- scrollbar.shadow#0008
- scrollbarSlider.activeBackground#656fa488
- scrollbarSlider.background#656fa433
- scrollbarSlider.hoverBackground#656fa444
- searchEditor.findMatchBackground#94bfff25
- settings.headerForeground#eff0f6
- settings.modifiedItemIndicator#01f7f7
- sideBar.background#191B2A
- sideBar.border#191b2a
- sideBar.dropBackground#2a2d4644
- sideBar.foreground#EFF0F6
- sideBarSectionHeader.background#2a2d46
- sideBarSectionHeader.border#191b2a
- sideBarSectionHeader.foreground#EFF0F6
- sideBarTitle.foreground#eff0f6
- statusBar.background#191B2A
- statusBar.debuggingBackground#ac3756
- statusBar.debuggingForeground#EFF0F6
- statusBar.foreground#EFF0F6
- statusBar.noFolderBackground#191B2A
- statusBar.noFolderForeground#EFF0F6
- statusBarItem.hoverBackground#3c436750
- statusBarItem.prominentBackground#ffca7a
- statusBarItem.prominentHoverBackground#ffee7a
- symbolIcon.arrayForeground#94bfff
- symbolIcon.booleanForeground#f1b3f1
- symbolIcon.classForeground#ff476e
- symbolIcon.colorForeground#eff0f6
- symbolIcon.constantForeground#f1b3f1
- symbolIcon.constructorForeground#f1b3f1
- symbolIcon.enumeratorForeground#f1b3f1
- symbolIcon.enumeratorMemberForeground#eff0f6
- symbolIcon.eventForeground#f1b3f1
- symbolIcon.fieldForeground#f1b3f1
- symbolIcon.fileForeground#f1b3f1
- symbolIcon.folderForeground#f1b3f1
- symbolIcon.functionForeground#ff476e
- symbolIcon.interfaceForeground#ff476e
- symbolIcon.keyForeground#ff476e
- symbolIcon.keywordForeground#ff476e
- symbolIcon.methodForeground#ff476e
- symbolIcon.moduleForeground#ff476e
- symbolIcon.namespaceForeground#01f7f7
- symbolIcon.nullForeground#ffee7a
- symbolIcon.numberForeground#f1b3f1
- symbolIcon.objectForeground#ff476e
- symbolIcon.operatorForeground#ff476e
- symbolIcon.packageForeground#f1b3f1
- symbolIcon.propertyForeground#f1b3f1
- symbolIcon.referenceForeground#94bfff
- symbolIcon.snippetForeground#94bfff
- symbolIcon.stringForeground#94bfff
- symbolIcon.structForeground#f1b3f1
- symbolIcon.textForeground#eff0f6
- symbolIcon.typeParameterForeground#eff0f6
- symbolIcon.unitForeground#f1b3f1
- symbolIcon.variableForeground#f1b3f1
- tab.activeBackground#191b2a
- tab.activeBorder#191b2a
- tab.activeBorderTop#ff476e
- tab.activeForeground#eff0f6
- tab.border#191b2a
- tab.hoverBackground#3c4367
- tab.inactiveBackground#191B2A
- tab.inactiveForeground#a5abca
- tab.unfocusedActiveBorder#191b2a
- tab.unfocusedActiveBorderTop#191b2a
- tab.unfocusedHoverBackground#2a2d46
- terminal.ansiBlack#191b2a
- terminal.ansiBlue#7496cc
- terminal.ansiBrightBlack#3c4367
- terminal.ansiBrightBlue#94bfff
- terminal.ansiBrightCyan#01f7f7
- terminal.ansiBrightGreen#39ffba
- terminal.ansiBrightMagenta#f1b3f1
- terminal.ansiBrightRed#ff476e
- terminal.ansiBrightWhite#eff0f6
- terminal.ansiBrightYellow#ffee7a
- terminal.ansiCyan#01a8ad
- terminal.ansiGreen#2dad86
- terminal.ansiMagenta#a37ca9
- terminal.ansiRed#ac3756
- terminal.ansiWhite#a5abca
- terminal.ansiYellow#ffca7a
- terminal.background#191b2a
- terminal.foreground#eff0f6
- terminal.selectionBackground#858db7
- terminalCursor.background#191b2a
- terminalCursor.foreground#eff0f6
- textBlockQuote.background#191b2a
- textBlockQuote.border#3c4367
- textCodeBlock.background#191b2a
- textLink.activeForeground#01a8ad
- textLink.foreground#01f7f7
- textPreformat.foreground#eff0f6
- textSeparator.foreground#656fa4
- titleBar.activeBackground#1d1f30
- titleBar.activeForeground#EFF0F6
- titleBar.border#191b2a
- titleBar.inactiveBackground#191b2a
- titleBar.inactiveForeground#a5abca
- tree.indentGuidesStroke#94bfff
- walkThrough.embeddedEditorBackground#191b2a
- welcomePage.background#191b2a
- welcomePage.buttonBackground#2a2d46
- welcomePage.buttonHoverBackground#4f5987
- widget.shadow#0008
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #858DB7 | italic |
| variable, string constant.other.placeholder | #39FFBA | |
| constant.other.color | #eff0f6 | — |
| invalid, invalid.illegal | #FF476E | — |
| invalid.deprecated | #FF476E | — |
| storage.type, keyword.control | #ff476e | italic |
| keyword, storage | #FF476E | — |
| storage.modifier | #01F7F7 | |
| entity.name.class | #39FFBA | italic |
| constant.other.color, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution | #01f7f7 | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #FF476E | |
| support.function | #39FFBA | |
| entity.name.function, meta.function-call, keyword.other.special-method | #FF476E | — |
| variable.function | #39ffba | — |
| meta.block, variable.other | #eff0f6 | — |
| support.other.variable | #FFEE7A | |
| string.other.link | #01f7f7 | — |
| support.constant | #FFEE7A | |
| constant.numeric, constant.language, constant.character, constant.other | #F1B3F1 | — |
| variable.parameter | #01f7f7 | italic |
| constant.escape, keyword.other.unit, keyword.other | #FF476E | — |
| string | #94BFFF | — |
| constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #94BFFF | — |
| entity.other.inherited-class | #FFEE7A | italic underline |
| support.type, support.class | #39FFBA | italic |
| support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #01f7f7 | italic |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #39ffba | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff476e | — |
| variable.language | #f1b3f1 | — |
| entity.name.method.js | #94bfff | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #FF476E | — |
| entity.other.attribute-name | #39FFBA | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #39FFBA | italic |
| entity.other.attribute-name.class | #39FFBA | — |
| source.sass keyword.control | #94bfff | — |
| markup.inserted | #39ffba | — |
| markup.deleted | #ff476e | — |
| markup.changed | #f1b3f1 | — |
| string.regexp | #01f7f7 | — |
| constant.character.escape | #01f7f7 | — |
| *url*, *link*, *uri* | #01f7f7 | underline |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | #94bfff | italic |
| entity.name.module.ruby | #94bfff | — |
| entity.name.constant.ruby | #f1b3f1 | — |
| support.function.builtin.ruby | #eff0f6 | — |
| storage.type.namespace.cs | #f1b3f1 | — |
| entity.name.namespace.cs | #94bfff | — |
| source.js meta.brace.curly.js, source.js meta.function.js punctuation.definition.parameters.begin.js, source.js meta.function.js punctuation.definition.parameters.end.js, source.js meta.brace.round.js, source.js meta.delimiter.object.comma.js | #4F5987 | — |
| source.python meta.class.python punctuation.definition.inheritance.begin.python, source.python meta.class.python punctuation.definition.inheritance.end.python, source.python meta.function.python punctuation.definition.parameters.begin.python, source.python meta.function.python punctuation.definition.parameters.end.python, source.python meta.function-call.python punctuation.definition.arguments.begin.python, source.python meta.function-call.python punctuation.definition.arguments.end.python, source.python meta.function.python meta.function.parameters.python punctuation.separator.parameters.python | #4F5987 | — |
| source.ruby meta.function.method.with-arguments.ruby punctuation.definition.parameters.ruby, source.ruby punctuation.section.array.ruby, source.ruby punctuation.section.function.ruby, source.ruby meta.require.ruby meta.environment-variable.ruby, source.ruby punctuation.separator.variable.ruby | #4F5987 | — |
| source.js constant.other.object.key.js string.unquoted.label.js | #ff476e | italic |
| markup.strike | #ffca7a | italic |
| meta.link.inline, meta.link.reference | #01f7f7 | bold |
| markup.bold | #ffca7a | bold |
| markup.italic | #ffca7a | italic |
| markup.heading | #39ffba | bold |
| punctuation.definition.list_item.markdown | #f1b3f1 | — |
| markup.quote | #94bfff | italic |
| punctuation.definition.blockquote.markdown | #94bfff | italic |
| meta.separator | #858db7 | — |
| text.html.markdown markup.raw.inline | #39ffba | — |
| text.html.markdown markup.raw.inline | #ffca7a | underline |
| markup.raw.block | #39ffba | — |
| markup.raw.block.fenced.markdown source | #eff0f6 | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #858db7 | italic |
| variable.language.fenced.markdown | #858db7 | italic |
| punctuation.accessor | #f1b3f1 | — |
| meta.function.return-type | #f1b3f1 | — |
| punctuation.section.block.begin | #eff0f6 | — |
| punctuation.section.block.end | #eff0f6 | — |
| punctuation.section.embedded.begin | #f1b3f1 | — |
| punctuation.section.embedded.end | #f1b3f1 | — |
| punctuation.separator.namespace | #f1b3f1 | — |
| text.html.markdown, punctuation.definition.list_item.markdown | #eff0f6 | — |
| text.html.markdown markup.inline.raw.markdown | #f1b3f1 | — |
| text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown | #656fa4 | — |
| markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown | #39ffba | — |
| markup.italic | #ffca7a | italic |
| markup.bold, markup.bold string | #ffca7a | bold |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | #ff476e | bold |
| markup.quote punctuation.definition.blockquote.markdown | #656fa4 | — |
| markup.quote | — | italic |
| string.other.link.title.markdown | #94bfff | — |
| string.other.link.description.title.markdown | #f1b3f1 | — |
| constant.other.reference.link.markdown | #ffee7a | — |
| markup.raw.block | #f1b3f1 | — |
| markup.raw.block.fenced.markdown | #191b2a50 | — |
| punctuation.definition.fenced.markdown | #191b2a50 | — |
| markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end | #eff0f6 | — |
| variable.language.fenced.markdown | #656fa4 | — |
| meta.separator | #656fa4 | bold |
| markup.table | #eff0f6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...