Neon Lights Dark
Publisher: zoekjsThemes in package: 1
Neon Colors Theme optimized for js, ts, tsx and python
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#060020
- activityBar.foreground#d9ff00
- activityBarBadge.background#d9ff00
- activityBarBadge.foreground#0b082e
- dropdown.background#0c0042
- editor.background#060020
- editor.findMatchBackground#ff9700
- editor.findMatchHighlightBackground#001288da
- editor.foreground#00e1ff
- editorCursor.foreground#ee0077
- editorGroup.border#ff9700
- editorGroupHeader.tabsBackground#060020
- editorWidget.background#0c0042
- editorWidget.foreground#d9ff00
- input.background#0d0931
- input.border#150f53
- input.placeholderForeground#d9ff00
- inputOption.activeBorder#ffd400
- menu.background#ff0000
- sideBar.background#060020
- sideBarSectionHeader.background#090031
- sideBarSectionHeader.foreground#090031
- sideBarTitle.foreground#d9ff00
- tab.activeBackground#0c0042
- tab.activeBorder#d9ff00
- tab.activeForeground#ffff
- tab.inactiveBackground#060020
- tab.inactiveForeground#00a0df
- tab.unfocusedActiveForeground#d9ff00
- titleBar.activeBackground#0b082e
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #0f6491 | italic |
| variable, string constant.other.placeholder | #6ab0ff | — |
| constant.other.color | #00f4ff | — |
| invalid, invalid.illegal | #ffff | — |
| keyword, storage.type, storage.modifier | #00ff9d | — |
| meta.object | #00f4ff | — |
| meta.object-literal.key | #ff9700 | — |
| meta.jsx.children, meta.jsx.children.js, meta.jsx.children.tsx | #ff9700 | — |
| variable.other.object.js, variable.other.object.ts, variable.other.object.jsx, variable.other.readwrite.alias.tsx, variable.object.property.js, variable.object.property.jsx, variable.object.property.js.jsx, variable.other.object.tsx | #ff9700 | — |
| punctuation.definition.parameters | #ffd300 | — |
| punctuation.definition.template-expression | #ffd300 | — |
| source.ts meta.import.ts keyword | #00f2ff | — |
| entity.name.class, entity.name.type.class | #ff2e97 | |
| entity | #ffd400 | — |
| entity.other.inherited-class, meta.other.inherited-class.php | #6ab0ff | italic |
| entity.name.function - meta.function-call | #39c0ff | |
| variable.parameter | #ff9700 | |
| entity.name.tag | #00ffd6 | |
| entity.other.attribute-name | #ffd400 | |
| support.function | #ffd400 | |
| support.constant | #39c0ff | |
| support.type, support.class | #00ffd6 | italic |
| support.other.variable | #39c0ff | |
| support.variable.property.dom | #67b3ff | — |
| invalid | #9e0a52 | |
| invalid.deprecated | #00d7e2 | — |
| meta.diff, meta.diff.header | #009af3 | — |
| markup.deleted | #ff007b | — |
| markup.inserted | #dbcd00 | — |
| markup.changed | #029fcf | — |
| constant.numeric.line-number.find-in-files - match | #ffd300 | — |
| entity.name.filename.find-in-files | #ffff | — |
| keyword.other | #a83dff | — |
| meta.property-value, support.constant.property-value, constant.other.color | #fd21ef | — |
| meta.structure.dictionary.json string.quoted.double.json | #FF0081 | — |
| support.type.property-name.json | #ff9700 | |
| meta.structure.dictionary.value.json string.quoted.double.json | #0ef3ff | — |
| meta.property-name support.type.property-name | #0ef3ff | |
| meta.property-value punctuation.separator.key-value | #44a1fd | — |
| keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as | #EA00D9 | — |
| support.other.namespace.php | #973dfd | — |
| meta.use | #2fb3ff | |
| variable.other | #0ef3ff | |
| keyword.other.phpdoc.php | #35a3fd | |
| variable.parameter.function.coffee | #ff2e97 | |
| variable.parameter.function.language.special.self.python | #d9ff00 | — |
| entity.name.type.class.python | #ff9700 | — |
| string, punctuation.definition.arguments.begin.python, invalid.deprecated.backtick.python | #d9ff00 | — |
| source.ts entity.name.type, meta.function-call.generic.python | #dbcd00 | — |
| source.ts keyword, source.tsx keyword, meta.jsx.children.tsx, meta.jsx.children.js.jsx, constant.language.boolean | #d9ff00 | — |
| source.ts meta.brace.square.ts | #d9ff00 | — |
| source.ts punctuation.definition.parameters | #dbcd00 | — |
| punctuation.definition.parameters | #ffee80 | — |
| source.ts storage | #0ef3ff | — |
| variable.language, entity.name.type.class.ts, entity.name.type.class.tsx, variable.object.property.ts | #ff9700 | — |
| variable.other.readwrite.alias.ts | #ff9700 | — |
| entity.other.inherited-class.ts, entity.other.inherited-class.tsx | #dbcd00 | — |
| source.js storage.type.function | #ff25f0 | — |
| variable.other.readwrite.alias.js | #ff9700 | — |
| source.js keyword | #d9ff00 | — |
| variable.language, entity.name.type.class.js | #ff9700 | — |
| entity.other.inherited-class.js | #ff15ef | — |
| text.html.vue-html | #ffd400 | — |
| source.ts keyword | #d9ff00 | — |
| entity.name.section.markdown | #ff2e97 | — |
| string.other.link.title.markdown | #ff2e97 | — |
| punctuation.definition.heading.markdown | #ff2e97 | — |
| markup.raw.inline.markdown | #e9e9e9 | — |
| punctuation.definition.bold.markdown, punctuation.definition.italic.markdown | #ff2e97 | — |
| punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown | #ff22f0 | — |
| punctuation.definition.metadata.markdown | #ff22f0 | — |
| markup.underline.link.markdown, markup.underline.link.image.markdown, meta.image.inline.markdown | #ff22f0 | |
| markup.bold.markdown, markup.italic.markdown | #ff2e97 | — |
| markup.italic.markdown | — | italic |
| markup.bold.markdown | — | bold |
| fenced_code.block.language, markup.inline.raw.markdown | #ff2e97 | — |
| fenced_code.block.language, markup.inline.raw.markdown | #ff2e97 | — |
| meta.paragraph.markdown | #e1efff | — |
| markup.raw.block.markdown | #ffffff | — |
| markup.deleted.git_gutter | #e74900 | — |
| markup.inserted.git_gutter | #33ff00 | — |
| markup.changed.git_gutter | #0685fc | — |
| meta.template.expression | #18b6ff | — |