Slate Neon
Publisher: Oskar SodelThemes in package: 1
Slate Neon is a dark, minimalist theme with soft neon accents. Subtle colors for functions, classes, and variables make your code easy to read and gentle on the eyes.
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#1B1B20
- activityBar.foreground#BFC1CA
- activityBarBadge.background#4FE0D0
- activityBarBadge.foreground#1E1E24
- button.background#2E2E35
- button.foreground#E4E4E4
- button.hoverBackground#4FE0D033
- dropdown.background#2A2F3C
- dropdown.foreground#E4E4E4
- editor.background#101013
- editor.foreground#E4E4E4
- editor.inactiveSelectionBackground#2a2f3cda
- editor.selectionBackground#353B47
- editorCursor.foreground#4FE0D0
- editorLineNumber.activeForeground#4FE0D0
- editorLineNumber.foreground#666B7A
- input.background#2A2F3C
- input.border#353B47
- input.foreground#E4E4E4
- input.placeholderForeground#666B7A
- panel.background#22222A
- panel.border#2A2F3C
- sideBar.background#1B1B20
- sideBar.foreground#BFC1CA
- sideBarSectionHeader.background#232833
- sideBarTitle.foreground#E4E4E4
- statusBar.background#15151A
- statusBar.debuggingBackground#4FE0D0
- statusBar.debuggingForeground#1E1E24
- statusBar.foreground#E4E4E4
- tab.activeBackground#1E1E24
- tab.activeForeground#FFFFFF
- tab.border#2A2F3C
- tab.inactiveBackground#1B1B20
- tab.inactiveForeground#888C9E
- terminal.ansiBlack#1B1B20
- terminal.ansiBlue#82B1FF
- terminal.ansiCyan#4FE0D0
- terminal.ansiGreen#A0F0C0
- terminal.ansiMagenta#C39AFF
- terminal.ansiRed#FF6FAE
- terminal.ansiWhite#E4E4E4
- terminal.ansiYellow#FFA64F
- terminal.background#1E1E24
- terminal.foreground#E4E4E4
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A6F85 | italic |
| keyword, keyword.control, keyword.operator, storage.type, storage.modifier | #FF6FAE | bold |
| string, constant.character, string.quoted.double, string.quoted.single, string.interpolated | #A0F0C0 | bold |
| entity.name.function, support.function, variable.function | #4FE0D0 | — |
| variable, variable.parameter | #FFA64F | — |
| constant.numeric | #82B1FF | — |
| constant.language, support.type.builtin | #C39AFF | bold |
| entity.name.type, support.class | #FF6FAE | underline |
| entity.name.tag.html | #FF6FAE | — |
| entity.other.attribute-name, variable.language | #4FE0D0 | — |
| string.quoted.double.html, string.quoted.single.html | #A0F0C0 | — |
| entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css | #FF6FAE | bold |
| support.type.property-name.css, meta.property-name.css | #FFA64F | — |
| constant.numeric.css | #82B1FF | — |
| entity.name.class, entity.name.selector.css | #C39AFF | — |