NeonTheme
Publisher: joaoKuchnirrThemes in package: 3
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.background#0e0f13
- activityBar.foreground#aa93dd
- activityBarBadge.background#df8598
- activityBarBadge.foreground#06060c
- badge.background#2e303e
- badge.foreground#bbbbbb
- breadcrumbPicker.background#232530
- button.background#2e303e
- debugToolBar.background#0b0c0f
- diffEditor.insertedTextBackground#ffdd440c
- diffEditor.insertedTextBorder#ffdd44
- diffEditor.removedTextBackground#99bbfe0c
- diffEditor.removedTextBorder#99bbfe
- dropdown.background#1b1c25
- dropdown.listBackground#2e303e
- editor.background#1d1d1d
- editor.findMatchBackground#6c6f9380
- editor.findMatchHighlightBackground#6c6f934d
- editor.findRangeHighlightBackground#6c6f931a
- editor.hoverHighlightBackground#6c6f934d
- editor.lineHighlightBackground#2e303e4d
- editor.rangeHighlightBackground#2e303e80
- editor.selectionBackground#2e303eb3
- editor.selectionHighlightBackground#6c6f934d
- editor.wordHighlightBackground#6c6f9380
- editor.wordHighlightStrongBackground#6c6f9380
- editorBracketHighlight.foreground1#66ff29e7
- editorBracketHighlight.foreground2#ff7525
- editorBracketHighlight.foreground3#dce92ce1
- editorBracketHighlight.foreground4#7be0e7
- editorBracketHighlight.foreground5#c39effd8
- editorBracketHighlight.foreground6#7240fc
- editorBracketHighlight.unexpectedBracket.foreground#ff0000
- editorBracketMatch.background#6c6f9380
- editorBracketMatch.border#6c6f9300
- editorCodeLens.foreground#6c6f9380
- editorCursor.background#0b0c0f
- editorCursor.foreground#5cffe4fb
- editorError.foreground#afcbff
- editorGroup.border#22252e
- editorGroup.dropBackground#6c6f934d
- editorGroupHeader.tabsBackground#0b0c0f
- editorGutter.addedBackground#df8599b2
- editorGutter.deletedBackground#afcbffe7
- editorGutter.modifiedBackground#df8599b2
- editorIndentGuide.activeBackground#b9748f
- editorIndentGuide.background#6f717e2d
- editorInlayHint.background#e21f1f00
- editorInlayHint.foreground#ffffff7c
- editorLineNumber.activeForeground#afcbffe7
- editorLineNumber.foreground#aa93dd9c
- editorOverviewRuler.addedForeground#afcbff
- editorOverviewRuler.border#2e303eb3
- editorOverviewRuler.bracketMatchForeground#bbbbbb80
- editorOverviewRuler.deletedForeground#df8598
- editorOverviewRuler.errorForeground#df8598
- editorOverviewRuler.findMatchForeground#6c6f93
- editorOverviewRuler.modifiedForeground#afcbff
- editorOverviewRuler.warningForeground#afcbff
- editorRuler.foreground#6c6f934d
- editorSuggestWidget.background#2e303e
- editorSuggestWidget.highlightForeground#df8598
- editorWarning.foreground#afcbff
- editorWidget.background#2e303e
- editorWidget.border#1b1c25
- errorForeground#df8598
- extensionButton.prominentBackground#df8598
- extensionButton.prominentHoverBackground#df8598
- focusBorder#22252e
- foreground#bbbbbb
- gitDecoration.addedResourceForeground#afcbffc9
- gitDecoration.deletedResourceForeground#aa93dd
- gitDecoration.ignoredResourceForeground#aa93dd6b
- gitDecoration.modifiedResourceForeground#df8598
- gitDecoration.untrackedResourceForeground#ffffffa1
- icon.foreground#b695c0
- input.background#2e303e
- inputOption.activeBorder#df8598
- inputValidation.errorBackground#df8598
- inputValidation.errorBorder#f43e5c00
- list.activeSelectionBackground#aa93dd2f
- list.activeSelectionForeground#ffffff
- list.dropBackground#6c6f9380
- list.errorForeground#df8598
- list.focusBackground#2e303e80
- list.focusForeground#bbbbbb
- list.highlightForeground#df8598
- list.hoverBackground#2e303e80
- list.hoverForeground#bbbbbb
- list.inactiveFocusBackground#2e303e80
- list.inactiveSelectionBackground#2e303e4d
- list.inactiveSelectionForeground#bbbbbb
- list.warningForeground#df8599e0
- notifications.background#14151b
- panelTitle.activeBorder#df8598
- peekView.border#1a1c23
- peekViewEditor.background#19191a
- peekViewEditor.matchHighlightBackground#6c6f9380
- peekViewResult.background#1b1c25
- peekViewResult.matchHighlightBackground#6c6f9380
- peekViewResult.selectionBackground#2e303e80
- peekViewTitle.background#1b1c25
- phpParameterHint.hintBackground#252525bb
- phpParameterHint.hintForeground#ffffff7c
- pickerGroup.foreground#df8598e6
- progressBar.background#df8598
- quickInput.background#0b0c0f
- quickInput.foreground#ffffffa1
- quickInputList.focusForeground#ffffffa1
- quickInputList.focusIconForeground#df8598
- scrollbar.shadow#16161c
- scrollbarSlider.activeBackground#6c6f9380
- scrollbarSlider.background#6c6f931a
- scrollbarSlider.hoverBackground#6c6f934d
- selection.background#6c6f9380
- sideBar.background#0e0f13
- sideBar.dropBackground#6c6f934d
- sideBar.foreground#aa93ddc7
- sideBarSectionHeader.background#0e0f13
- sideBarSectionHeader.foreground#bbbbbb
- statusBar.background#3c334e9f
- statusBar.debuggingBackground#df8598
- statusBar.debuggingForeground#06060c
- statusBar.foreground#f3f3fa
- statusBar.noFolderBackground#0b0c0f
- statusBarItem.hoverBackground#2e303e
- statusBarItem.prominentBackground#2e303e
- statusBarItem.prominentHoverBackground#6c6f93
- tab.activeBorder#df8598
- tab.border#1c1e2600
- tab.inactiveBackground#0b0c0f
- terminal.ansiBlue#aa93dd
- terminal.ansiBrightBlue#14f094
- terminal.ansiBrightCyan#afcbff
- terminal.ansiBrightGreen#13d423
- terminal.ansiBrightMagenta#df8598
- terminal.ansiBrightRed#df8598
- terminal.ansiBrightYellow#9168e9
- terminal.ansiCyan#afcbff
- terminal.ansiGreen#bd12cc
- terminal.ansiMagenta#df8598
- terminal.ansiRed#df8598
- terminal.ansiYellow#aa93dd
- terminal.foreground#e3a7f5
- terminal.selectionBackground#6c6f934d
- terminalCursor.background#bbbbbb
- terminalCursor.foreground#ffffff
- textLink.activeForeground#df8598
- textLink.foreground#aa93dd
- titleBar.activeBackground#0b0c0f
- titleBar.inactiveBackground#0b0c0f
- walkThrough.embeddedEditorBackground#1b1c25
- widget.shadow#16161c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.embedded, source.groovy.embedded, string meta.image.inline.markdown | #F8F8F2 | — |
| comment | #88846F | — |
| string, source.ini, source.dockerfile | #009d71 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #F92672 | — |
| meta.template.expression | #F8F8F2 | — |
| constant.numeric.decimal.js | #fa5f49 | — |
| constant.numeric, keyword.operator.relational.js, keyword.operator.ternary.js | #AE81FF | — |
| constant.language | #AE81FF | — |
| constant.character, constant.other | #AE81FF | — |
| variable | #F8F8F2 | |
| keyword | #FFFFFF | — |
| storage | #f45572 | — |
| keyword.other.new.php | #f0a2f6 | — |
| meta.property-value.scss | #66D9EF | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #77dd77 | underline |
| entity.other.inherited-class | #A6E22E | italic underline |
| entity.name.function, meta.at-rule.keyframes.scss, keyword.other.definition.ini | #bc4ed8 | — |
| variable.parameter, variable.other.readwrite.js | #FD971F | — |
| keyword.control.import.js, keyword.control.from.js | #ff85d5 | |
| entity.name.tag, | #F92672 | |
| entity.other.attribute-name, entity.other.attribute-name.html | #3acfaf | — |
| support.function, support.function.var.php | #f7f310 | — |
| support.constant | #b2e2f2 | |
| support.type, support.class | #01D5FF | — |
| support.other.variable | — | |
| invalid | #F44747 | |
| invalid.deprecated | #F44747 | — |
| meta.structure.dictionary.json string.quoted.double.json | #E2E274 | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #F92672 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match, keyword.other.phpdoc.php | #AE81FFA0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| markup.quote | #F92672 | — |
| markup.list, meta.paragraph.markdown | #E6DB74 | — |
| markup.bold, markup.italic | #66D9EF | — |
| markup.inline.raw | #FD971F | |
| markup.heading | #A6E22E | — |
| markup.heading.setext | #A6E22E | bold |
| markup.heading.markdown | — | bold |
| markup.quote.markdown | #75715E | — |
| markup.bold.markdown | — | bold |
| string.other.link.title.markdown,string.other.link.description.markdown, meta.object-literal.key | #FF68EBE5 | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #E6DB74 | — |
| markup.italic.markdown | — | — |
| markup.strikethrough | — | strikethrough |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #F8F8F2 | — |
| punctuation.definition.list.begin.markdown | #00FFFFFB | — |
| keyword.operator.key.php | #00FFFFFB | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| variable.language, keyword.control.import.include.php | #FD1F1F | — |
| variable.language.this.php, variable.language.this.js | #c2fa33e3 | — |
| variable.other.php | #f36565 | — |
| keyword.operator.nullable-type.php, keyword.operator.return-value.php, keyword.operator.arithmetic.php, support.variable.property.js, variable.other.assignment.shell | #FF0077 | — |
| keyword.operator.ternary.php | #F5078A | — |
| variable.other.property.php | #d3bcf6 | — |
| variable.other.readwrite.alias.js, keyword.control.default.js, keyword.control.export.js, support.class.builtin.php | #19CCE4 | — |
| punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php | #FD5151 | — |
| keyword.other.namespace.php, keyword.operator.new.js, keyword.control.at-rule.import.scss, punctuation.separator.key-value.scss, keyword.control.at-rule.import.css, keyword.control.yield.php, meta.embedded, keyword.operator.increment-decrement.php, keyword.control, entity.name.tag.yaml, constant.language.boolean.false.js, keyword.other.use.php | #ff85d5 | — |
| keyword.control.if.php, keyword.control.else.php, keyword.control.elseif.php, keyword.control.loop.js, keyword.control.conditional.js, keyword.control.for.php, keyword.control.switch.js, keyword.control.switch.php, keyword.control.default.php, keyword.control.break.php, keyword.control.case.php, keyword.control.foreach.php | #f74fd0 | — |
| support.class.exception.php | #FF0000E7 | — |
| keyword.operator.expression.delete.js, keyword.operator.expression.in.js | #FD5151E7 | — |
| keyword.control.return.php, keyword.control.flow.js | #FD0000E7 | — |
| keyword.operator.comparison.js, keyword.operator.logical.js, keyword.operator.increment.js, keyword.operator.decrement.js, keyword.operator.arithmetic.js, keyword.operator.logical.php, keyword.operator.comparison.php, keyword.operator.null-coalescing.php, punctuation.accessor.optional.js, keyword.operator.assignment.compound.js, storage.type.js, keyword.other.important.scss, keyword.control.at-rule.media.scss, keyword.operator.logical.scss, keyword.control.operator.css.scss, keyword.control.at-rule.keyframes.scss, keyword.operator.string.php, keyword.other.clone.php | #f064a5 | — |
| keyword.operator.assignment.php | #2AFFD1 | — |
| keyword.operator.assignment.js | #2AFFD1 | — |
| keyword.operator.class.php | #00FF00 | — |
| storage.modifier.async.js | #8cfca4de | — |
| punctuation.separator.key-value.html, meta.tag.block.any.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.accessor.js | #FFFFFF | — |
| punctuation.definition.string.begin.html, punctuation.definition.string.end.html | #CCCCCC | — |
| punctuation.separator.delimiter.php, punctuation.terminator.expression.php | #F51414 | — |
| keyword.control.exception.php, keyword.control.exception.catch.php, keyword.control.trycatch.js | #42ab49 | — |
| variable.other.property.js | #ff9aa1 | — |
| support.other.namespace.php, source.ignore | #C7C5C5C9 | — |
| keyword.other.class.php, keyword.other.unit.px.css, keyword.other.unit.rem.css, keyword.other.unit.s.css, keyword.other.unit.percentage.css, keyword.other.unit.deg.css, keyword.other.unit.em.css | #FD5724F5 | — |
| keyword.operator.type.php, keyword.other.function.use.php, keyword.operator.expression.typeof.js | #F92672 | — |
| keyword.other.type.php | #eb9cff | — |
| variable | #4BCFFA | — |
| text.html.php | #FFFFFFC7 | — |
| text.html.derivative | #fffffffd | — |
| source.sql, keyword.sql, punctuation.separator.key-value.html | #4BCFFA | — |
| keyword.other.DML.sql, keyword.other.DDL.create.II.sql, keyword.other.sql, keyword.other.data-integrity.sql | #F30688 | — |
| variable.other.object.js | #ff5100 | — |
| keyword.other.alias.sql, keyword.other.order.sql, keyword.other.LUW.sql | #F3A006 | — |
| keyword.other.DML.II.sql | #EB06F3 | — |
| storage.modifier.php, storage.modifier.extends.php | #fa34df | — |
| storage.type | #84b6f4 | — |
| storage.type.class.php | #f45572 | bold |
| keyword.other.special-method.dockerfile | #FF0077 | — |
| support.class.php | #84b6f4 | — |
| source.css | #d5ff19de | — |
| keyword.operator, keyword.other.unit.vw.css, keyword.other.unit.vh.css, keyword.other.important.css, keyword.other.unit.fr.css, meta.property-value.css | #e60f8c | — |