Section 9 Theme
Publisher: y4m3Themes in package: 5
A cyberpunk-inspired theme collection
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#060C12
- activityBar.foreground#40A0FF
- activityBarBadge.background#FFFF80
- activityBarBadge.foreground#101C28
- badge.background#FFFF80
- badge.foreground#101C28
- editor.background#081018
- editor.findMatchHighlightBackground#40FFFF40
- editor.foreground#C8E0F8
- editorCursor.foreground#40FFFF
- editorError.foreground#E05050
- editorGroup.border#204060
- editorIndentGuide.activeBackground1#40FFFF
- editorWarning.foreground#E0A040
- focusBorder#40A0FF
- input.background#101C28
- input.border#3070B0
- input.foreground#C8E0F8
- list.activeSelectionBackground#40A0FF30
- list.activeSelectionForeground#FFFFFF
- list.hoverBackground#18202880
- notificationCenterHeader.background#0A1015
- notificationCenterHeader.foreground#C0D0E0
- notifications.background#101C28
- notifications.border#3070B0
- notifications.foreground#C8E0F8
- notificationsErrorIcon.foreground#E05050
- notificationsInfoIcon.foreground#40A0FF
- notificationsWarningIcon.foreground#E0A040
- panel.border#204060
- quickInput.background#101C28
- quickInput.foreground#C8E0F8
- quickInputList.focusBackground#40A0FF30
- quickInputList.focusForeground#FFFFFF
- sideBar.background#060C12
- sideBar.border#204060
- sideBar.foreground#98B0C8
- statusBar.background#060C12
- statusBar.foreground#98B0C8
- statusBarItem.hoverBackground#80B0FF40
- statusBarItem.remoteBackground#40A0FF
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#101820
- tab.activeBorderTop#40A0FF
- tab.activeForeground#FFFFFF
- tab.border#060C12
- tab.inactiveBackground#0A1015
- tab.inactiveForeground#90A0B0
- titleBar.activeBackground#101C28
- titleBar.activeForeground#C8E0F8
- titleBar.inactiveBackground#060C12
- titleBar.inactiveForeground#708090
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #687888 | italic |
| keyword, storage.type, storage.modifier | #40A0FF | — |
| string, punctuation.definition.string | #A0C0A0 | — |
| constant.numeric, constant.language | #F0A080 | — |
| constant.numeric, constant.language | #FFFF80 | — |
| entity.name.function, support.function | #80C8F8 | — |
| entity.name.type, entity.name.class, support.class | #A0D8F8 | — |
| meta.decorator, storage.type.annotation, punctuation.definition.decorator | #60C0C0 | — |
| markup.heading | #40FFFF | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| punctuation.definition.list.begin.markdown | #40A0FF | — |
| markup.quote | #80A0C0 | italic |
| markup.inline.raw | #A0C0A0 | — |
| markup.underline.link, string.other.link | #40A0FF | underline |
| string.regexp | #40FFFF | — |