NeonDarKK_One
Publisher: JackMakingThemesThemes in package: 1
A good looking neon dark theme
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#25aff3
- activityBar.background#191b2a
- activityBar.border#000000
- activityBar.foreground#d9d9d9
- activityBar.inactiveForeground#858db7
- activityBarBadge.background#94bfff
- activityBarBadge.foreground#191b2a
- badge.background#656fa4
- badge.foreground#eff0f6
- breadcrumb.activeSelectionForeground#a5abca
- breadcrumb.background#111621
- breadcrumb.focusForeground#eff0f6
- breadcrumb.foreground#959da5
- breadcrumbPicker.background#191b2a
- button.background#1EFFB0
- button.foreground#191b2a
- button.hoverBackground#2dad86
- checkbox.background#2a2d46
- checkbox.border#2a2d46
- debugToolBar.background#191b2a
- descriptionForeground#a5abca
- diffEditor.insertedTextBackground#1EFFB030
- diffEditor.removedTextBackground#ff6a6a30
- dropdown.background#1d1f30
- dropdown.border#2a2d46
- dropdown.foreground#eff0f6
- dropdown.listBackground#191b2a
- editor.background#131921
- editor.findMatchBackground#ffee7a44
- editor.findMatchHighlightBackground#ffee7a22
- editor.focusedStackFrameHighlightBackground#ffca7a
- editor.foldBackground#2a2d46b4
- editor.foreground#EFF0F6
- editor.inactiveSelectionBackground#212f4271
- editor.lineHighlightBackground#1d1f30
- editor.selectionBackground#264f79
- editor.selectionHighlightBackground#94bfff33
- editor.selectionHighlightBorder#191b2a00
- editor.stackFrameHighlightBackground#ff88001e
- editor.wordHighlightBackground#94bfff00
- editor.wordHighlightBorder#191b2a99
- editor.wordHighlightStrongBackground#94bfff00
- editor.wordHighlightStrongBorder#191b2a66
- editorBracketMatch.background#94bfff50
- editorBracketMatch.border#191b2a00
- editorCursor.foreground#EFF0F6
- editorGroup.border#191b2a
- editorGroupHeader.tabsBackground#131313
- editorGroupHeader.tabsBorder#131313
- editorGutter.addedBackground#1EFFB0
- editorGutter.deletedBackground#ff6a6a
- editorGutter.modifiedBackground#94bfff
- editorHoverWidget.background#1c1c25
- editorIndentGuide.activeBackground1#5d9bff
- editorIndentGuide.background1#2a2d46
- editorLineNumber.activeForeground#eff0f6
- editorLineNumber.foreground#858DB7
- editorOverviewRuler.border#191b2a
- editorSuggestWidget.background#101019
- editorWhitespace.foreground#4F5987
- editorWidget.background#13131f
- editorWidget.border#858DB788
- errorForeground#ff6a6a
- focusBorder#00000000
- foreground#eff0f6
- gitDecoration.addedResourceForeground#1EFFB0
- gitDecoration.conflictingResourceForeground#ffee7a
- gitDecoration.deletedResourceForeground#ff6a6a
- gitDecoration.ignoredResourceForeground#a5abca
- gitDecoration.modifiedResourceForeground#94bfff
- gitDecoration.submoduleResourceForeground#eff0f6
- gitDecoration.untrackedResourceForeground#1EFFB0
- input.background#252743
- input.border#2a2d46
- input.foreground#eff0f6
- input.placeholderForeground#858db7
- list.activeSelectionBackground#3c4367
- list.activeSelectionForeground#eff0f6
- list.focusBackground#3c4367
- list.hoverBackground#2a2d4699
- list.hoverForeground#eff0f6
- list.inactiveFocusBackground#191b2a
- list.inactiveSelectionBackground#2a2d46
- list.inactiveSelectionForeground#eff0f6
- menu.background#191b2a
- menu.foreground#ececec
- menu.selectionBackground#002b46
- menu.selectionForeground#ffffff
- menu.separatorBackground#333852
- notificationCenterHeader.background#191b2a
- notificationCenterHeader.foreground#eff0f6
- notifications.background#1d1f30
- notifications.border#1d1f30
- notifications.foreground#eff0f6
- notificationsErrorIcon.foreground#ff6a6a
- notificationsInfoIcon.foreground#94bfff
- notificationsWarningIcon.foreground#ffee7a
- panel.background#191B2A
- panel.border#0088cb
- panelInput.border#191b2a
- panelTitle.activeBorder#e4e4e4
- panelTitle.activeForeground#e7e7e7
- panelTitle.inactiveForeground#a5abca
- peekViewEditor.background#94bfff88
- peekViewEditor.matchHighlightBackground#ffee7a33
- peekViewResult.background#94bfff
- peekViewResult.matchHighlightBackground#ffee7a33
- pickerGroup.border#191b2a
- pickerGroup.foreground#eff0f6
- progressBar.background#2efab3
- quickInput.background#191b2a
- quickInput.foreground#eff0f6
- scrollbar.shadow#0008
- scrollbarSlider.activeBackground#656fa488
- scrollbarSlider.background#656fa433
- scrollbarSlider.hoverBackground#656fa444
- settings.headerForeground#eff0f6
- settings.modifiedItemIndicator#94bfff
- sideBar.background#090a15
- sideBar.border#191b2a
- sideBar.dropBackground#2a2d4644
- sideBar.foreground#EFF0F6
- sideBarSectionHeader.background#2a2d46
- sideBarSectionHeader.border#191b2a
- sideBarSectionHeader.foreground#EFF0F6
- sideBarTitle.foreground#eff0f6
- statusBar.background#20223c
- statusBar.border#0c0d1b
- statusBar.debuggingBackground#ae393b
- statusBar.debuggingBorder#752224
- statusBar.debuggingForeground#EFF0F6
- statusBar.foreground#EFF0F6
- statusBar.noFolderBackground#22243f
- statusBar.noFolderForeground#EFF0F6
- statusBarItem.hoverBackground#333756
- statusBarItem.prominentBackground#ffca7a
- statusBarItem.prominentHoverBackground#ffee7a
- statusBarItem.remoteBackground#39ffac
- tab.activeBackground#11121f
- tab.activeBorder#00000000
- tab.activeBorderTop#008dd1
- tab.activeForeground#f2f2f2
- tab.border#191b2a
- tab.hoverBackground#111422
- tab.hoverForeground#b2e6ff
- tab.inactiveBackground#1e2136
- tab.inactiveForeground#6d7e9b
- tab.unfocusedActiveBorder#191b2a
- tab.unfocusedActiveBorderTop#191b2a
- tab.unfocusedHoverBackground#191b2a
- terminal.foreground#eff0f6
- textBlockQuote.background#191b2a
- textBlockQuote.border#3c4367
- textCodeBlock.background#191b2a
- textLink.activeForeground#01a8ad
- textLink.foreground#03FFFF
- textPreformat.foreground#eff0f6
- textSeparator.foreground#656fa4
- titleBar.activeBackground#201a2c
- titleBar.activeForeground#cccccc
- titleBar.border#191b2a
- titleBar.inactiveBackground#191b2a
- titleBar.inactiveForeground#a5abca
- tree.indentGuidesStroke#94bfff
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8895b3 | italic |
| variable, string constant.other.placeholder | #ffffff | bold |
| constant.other.color | #001dc2 | — |
| invalid, invalid.illegal | #ff6a6a | — |
| invalid.deprecated | #ff6a6a | — |
| keyword, storage | #ff6a6a | |
| storage.type, storage.modifier | #00a9a9 | italic |
| entity.name.class | #1EFFB0 | underline |
| keyword.control, constant.other.color, punctuation.separator.inheritance.php, keyword.other.template, keyword.other.substitution | #ff95e3 | — |
| keyword.control.return.cpp | #769bff | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #ff6a6a | |
| support.function | #1EFFB0 | |
| entity.name.function, meta.function-call, keyword.other.special-method | #fdf479 | |
| variable.function | #1EFFB0 | — |
| variable.parameter.cpp, meta.block.cpp, variable.other.local.cpp, variable.other.global.cpp | #ffffff | bold |
| meta.block, variable.other | #fef9ed | bold |
| string.other.link | #03FFFF | — |
| support.constant | #FFEE7A | |
| support.other.variable | #FFEE7A | |
| constant.numeric, constant.language, constant.character, constant.other | #ffb6ff | — |
| variable.parameter | #1fd2ff | italic |
| variable.parameter.cpp | #ffffff | bold |
| constant.escape, keyword.other.unit, keyword.other | #ff6a6a | — |
| string | #ffa162 | |
| 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 | #39ffac | |
| support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #03FFFF | 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 | #00d5ff | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #ff6a6a | — |
| variable.language | #39ffac | — |
| entity.name.method.js | #94bfff | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #ff6262 | — |
| entity.other.attribute-name | #1EFFB0 | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #1EFFB0 | italic |
| entity.other.attribute-name.class | #1EFFB0 | — |
| source.sass keyword.control | #94bfff | — |
| markup.inserted | #1EFFB0 | — |
| markup.deleted | #ff6a6a | — |
| markup.changed | #f1b3f1 | — |
| string.regexp | #03FFFF | — |
| support.function.builtin.ruby | #eff0f6 | — |
| storage.type.namespace.cs | #f1b3f1 | — |
| constant.character.escape | #ff4040 | — |
| *url*, *link*, *uri* | #03FFFF | 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 | — |
| keyword, storage.type, storage.modifier | #ff6464 | |
| 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 | #c800d2 | — |
| meta.link.inline, meta.link.reference | #03FFFF | |
| markup. | #ffca7a | |
| 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 | #ff6a6a | italic |
| markup.strike | #ffca7a | italic |
| markup.italic | #ffca7a | italic |
| markup.heading | #1EFFB0 | |
| punctuation.definition.list_item.markdown | #f1b3f1 | — |
| markup.quote | #94bfff | italic |
| punctuation.definition.blockquote.markdown | #94bfff | italic |
| meta.separator | #858db7 | — |
| punctuation.accessor | #f1b3f1 | — |
| variable.language.fenced.markdown | #858db7 | italic |
| text.html.markdown markup.raw.inline | #1EFFB0 | — |
| text.html.markdown markup.raw.inline | #ffca7a | underline |
| meta.function.return-type | #f1b3f1 | — |
| markup.raw.block | #1EFFB0 | — |
| markup.raw.block.fenced.markdown source | #EFF0F6 | — |
| punctuation.definition.fenced.markdown, variable.language.fenced.markdown | #858db7 | italic |
| punctuation.section.block.begin | #eff0f6 | — |
| punctuation.section.block.end | #eff0f6 | — |
| punctuation.section.embedded.begin | #f1b3f1 | — |
| punctuation.section.embedded.end | #f1b3f1 | — |
| punctuation.separator.namespace | #f37a7a | — |
| 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 | #1EFFB0 | — |
| markup.italic | #ffca7a | italic |
| markup.quote punctuation.definition.blockquote.markdown | #656fa4 | — |
| markup. markup.italic, markup.italic markup. , markup.quote markup. , markup. markup.italic string, markup.italic markup. string, markup.quote markup. string | #ff6a6a | |
| markup. , markup. string | #ffca7a | |
| 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 | |
| markup.table | #eff0f6 | — |