Oled Neon Theme
Publisher: Gustavo InácioThemes in package: 1
A theme for your oled screen
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.activeBackground#111
- activityBar.activeBorder#00f0ff
- activityBar.activeFocusBorder#00f0ff
- activityBar.background#000
- activityBar.border#222
- activityBar.dropBorder#00f0ff
- activityBar.foreground#00f0ff
- activityBar.inactiveForeground#067
- activityBarBadge.background#067
- activityBarBadge.foreground#fff
- badge.background#067
- badge.foreground#fff
- button.background#067
- button.border#00f0ff
- button.foreground#fff
- checkbox.background#8ac5fb
- checkbox.foreground#fff
- contrastActiveBorder#00f0ff
- contrastBorder#111
- disabledForeground#aaa
- dropdown.background#222
- dropdown.border#333
- dropdown.foreground#fff
- editor.background#000
- editor.foreground#fff
- editorBracketHighlight.foreground1#ff804c
- editorBracketHighlight.foreground2#00a2ff
- editorBracketHighlight.foreground3#ffe50d
- editorBracketHighlight.foreground4#a852ff
- editorBracketHighlight.foreground5#50fa7b
- editorBracketMatch.background#000
- editorBracketMatch.border#00f0ff
- editorCodeLens.foreground#00f0ff
- editorGroup.border#111
- editorGroupHeader.border#111
- editorGroupHeader.tabsBackground#000
- editorGutter.addedBackground#008855
- editorLineNumber.activeForeground#00f0ff
- editorUnnecessaryCode.border#a852ff77
- editorUnnecessaryCode.opacity#a852ff77
- editorWidget.background#111
- editorWidget.foreground#fff
- focusBorder#067
- foreground#fff
- gitDecoration.modifiedResourceForeground#55e0ff
- gitDecoration.untrackedResourceForeground#78ff81
- icon.foreground#fff
- input.background#222
- input.border#333
- input.foreground#fff
- input.placeholderForeground#777
- inputOption.activeBackground#067
- inputOption.activeBorder#00f0ff
- inputOption.activeForeground#fff
- inputOption.hoverBackground#067
- list.activeSelectionBackground#0ff3
- list.activeSelectionForeground#fff
- list.dropBackground#0ff3
- list.focusBackground#0ff3
- list.focusOutline#09a
- list.hoverBackground#0ff3
- list.hoverForeground#fff
- list.inactiveFocusOutline#0ff3
- list.inactiveSelectionBackground#0ff2
- list.invalidItemForeground#f00
- menu.background#000
- menu.border#000
- menu.foreground#fff
- menu.selectionBackground#000
- menu.selectionBorder#067
- menu.selectionForeground#00f0ff
- menu.separatorBackground#00f0ff
- menubar.selectionBackground#000
- menubar.selectionBorder#00f0ff
- menubar.selectionForeground#00f0ff
- panel.background#000
- progressBar.background#00f0ff
- scrollbar.shadow#00f0ff
- scrollbarSlider.activeBackground#067
- selection.background#0ff5
- sideBar.background#000
- sideBar.border#111
- sideBar.dropBackground#0ff3
- sideBar.foreground#fff
- sideBarSectionHeader.background#0ff2
- sideBarSectionHeader.border#111
- sideBarSectionHeader.foreground#fff
- sideBarTitle.foreground#fff
- sidePanel.background#000
- statusBar.background#000
- tab.activeBackground#222
- tab.inactiveBackground#000
- textLink.foreground#09a
- titleBar.activeBackground#000
- titleBar.activeForeground#fff
- titleBar.border#000
- titleBar.inactiveBackground#000
- titleBar.inactiveForeground#999
- toolbar.activeBackground#0ff3
- toolbar.hoverBackground#222
- toolbar.hoverOutline#00f0ff
- widget.shadow#0ff5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| support.class.component, storage.type, support.constant.property-value, variable.other.enummember, keyword.operator.logical, keyword.operator.type, entity.other.attribute-name.pseudo-element, entity.name.section, constant.language.import-export-all | #00f0ff | |
| entity.name.tag, entity.name.type, keyword.control.import, keyword.control, punctuation.support, storage.modifier.async, entity.other.inherited-class | #f53f7f | — |
| constant.language.boolean, constant.language.json | #f53f7f | italic |
| meta.require, support.function.any-method, variable.function | #36f550 | |
| entity.other.attribute-name | #00f0c0 | |
| entity.name.function, punctuation.definition.bold.markdown | #50fa7b | |
| markup.italic.markdown | #50fa7b | italic |
| markup.bold.markdown | #50fa7b | bold |
| support.type.property-name, support.type.vendored.property-name, punctuation.definition.list | #78ff81 | |
| comment | #555 | italic |
| support.type.primitive | #00afeb | italic |
| variable.other.constant, variable.other.readwrite, variable.other.object, variable.parameter, entity.other.attribute-name.class, punctuation.definition.heading | #a852ff | |
| string.quoted, string.template, markup.list.unnumbered.markdown | #c0bbff | |
| variable.other.readwrite.alias, meta.object-literal.key, keyword.operator.type.annotation | #fff | |
| punctuation.definition.media, punctuation.definition.keyword, punctuation.definition.template-expression, punctuation.section.embedded, markup.underline.link.markdown | #00a2ff | |
| keyword.operator.new, constant.numeric, punctuation.accessor.optional, storage.type.type, storage.type.interface, storage.modifier, variable.other.property, variable.object.property, markup.inline.raw.string | #ff905c | |
| string.other.link.title.markdown | #ffe50d | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...