Retro Futuristic Dark theme
Publisher: Trevor AayushThemes in package: 1
A Retro Futuristic Dark Theme
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#111424
- editor.background#0D111C
- editor.findMatchBackground#F3DDCD
- editor.findMatchHighlightBackground#F3DDCD
- editor.foreground#F3DDCD
- editor.hoverHighlightBackground#0D111C
- editor.lineHighlightBackground#0D111C
- editor.selectionBackground#1D2538
- editor.selectionForeground#111424
- editor.selectionHighlightBackground#1D2538
- editorBracketMatch.background#0D111C
- editorBracketMatch.border#0D111C
- editorCursor.foreground#F3DDCD
- editorGroup.border#0D111C
- editorGroupHeader.tabsBackground#111424
- editorGroupHeader.tabsBorder#0D111C
- editorGutter.addedBackground#F3DDCD
- editorGutter.background#0D111C
- editorGutter.deletedBackground#F3DDCD
- editorGutter.modifiedBackground#F3DDCD
- editorWidget.background#111424
- editorWidget.border#0D111C
- findWidget.background#111424
- findWidget.border#0D111C
- findWidget.textBackground#0D111C
- findWidget.titleBackground#111424
- menu.background#0D111C
- menu.foreground#F3DDCD
- menu.selectionBackground#1D2538
- menu.selectionForeground#F3DDCD
- panel.background#111424
- panel.border#0D111C
- peekView.background#111424
- peekView.border#0D111C
- peekViewEditor.background#0D111C
- peekViewEditor.border#0D111C
- peekViewTitle.background#111424
- peekViewTitleDescription.foreground#F3DDCD
- quickInput.background#111424
- quickInput.foreground#F3DDCD
- quickInput.list.background#111424
- quickInput.list.focusBackground#1D2538
- quickInput.list.focusForeground#F3DDCD
- scrollbarSlider.activeBackground#F3DDCD
- scrollbarSlider.background#0D111C
- scrollbarSlider.hoverBackground#F3DDCD
- sideBar.background#111424
- sideBar.border#0D111C
- sideBar.foreground#F3DDCD
- statusBar.background#111424
- statusBar.foreground#F3DDCD
- tab.activeBackground#0D111C
- tab.border#0D111C
- tab.inactiveBackground#111424
- terminal.background#0D111C
- terminal.foreground#F3DDCD
- titleBar.activeBackground#111424
- titleBar.activeForeground#F3DDCD
- titleBar.inactiveBackground#0D111C
- titleBar.inactiveForeground#F3DDCD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #8695B7 | — |
| keyword | #FF79C6 | bold |
| string | #A1EFD3 | — |
| variable | #F3DDCD | — |
| function | #FFC777 | bold |
| number | #D4BFFF | — |
| type | #FFCC99 | — |
| class-name | #FFEE99 | — |
| constant | #F28B82 | — |
| operator | #FF79C6 | — |
| punctuation | #F3DDCD | — |
| storage | #FF9D72 | — |
| delimiter | #0D111C | — |
| meta.tag | #FF79C6 | — |
| meta.attribute-name | #A1EFD3 | — |
| meta.attribute-value | #FFC777 | — |
| entity.name.function | #FFC777 | — |
| support.type | #FFCC99 | — |
| invalid | #FF5555 | bold, underline |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...