Real Retro
Publisher: Jack EvoniukThemes in package: 2
A truly retro theme
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#072279
- activityBar.border#072279
- activityBar.foreground#c8c8c8
- activityBarBadge.background#bb2222
- button.background#c8c8c8
- button.foreground#072279
- button.hoverBackground#888888
- debugToolBar.background#072279
- dropdown.background#072279
- dropdown.foreground#c8c8c8
- editor.background#072279
- editor.findMatchBackground#bb2222
- editor.findMatchHighlightBackground#bb2222
- editor.foreground#c8c8c8
- editor.hoverHighlightBackground#bb2222
- editor.inactiveSelectionBackground#ccccaa
- editor.lineHighlightBackground#2d4799
- editor.lineHighlightBorder#2d4799
- editor.rangeHighlightBackground#2d4799
- editor.selectionBackground#bb2222
- editor.selectionHighlightBackground#bb2222
- editorBracketMatch.background#2d4799
- editorBracketMatch.border#2d4799
- editorCursor.foreground#c8c8c8
- editorError.foreground#df5f5f
- editorGroupHeader.border#c8c8c8
- editorGroupHeader.tabsBackground#072279
- editorGroupHeader.tabsBorder#c8c8c8
- editorGutter.addedBackground#dbf7d4
- editorGutter.background#072279
- editorGutter.deletedBackground#f7d4d4
- editorGutter.modifiedBackground#d4f3f7
- editorHoverWidget.background#2d4799
- editorHoverWidget.border#c8c8c8
- editorIndentGuide.activeBackground#2d4799
- editorIndentGuide.background#2d4799
- editorLineNumber.activeForeground#6088ff
- editorLineNumber.foreground#c8c8c8
- editorSuggestWidget.background#072279
- editorSuggestWidget.border#c8c8c8
- editorSuggestWidget.foreground#c8c8c8
- editorSuggestWidget.highlightForeground#c8c8c8
- editorSuggestWidget.selectedBackground#2d4799
- editorWarning.foreground#dfc85f
- editorWidget.background#072279
- editorWidget.border#072279
- editorWidget.foreground#c8c8c8
- focusBorder#2d4799
- foreground#c8c8c8
- gitDecoration.addedResourceForeground#b38d25
- gitDecoration.conflictingResourceForeground#b38d25
- gitDecoration.deletedResourceForeground#b38d25
- gitDecoration.ignoredResourceForeground#b38d25
- gitDecoration.modifiedResourceForeground#b38d25
- gitDecoration.renamedResourceForeground#b38d25
- gitDecoration.stageDeletedResourceForeground#b38d25
- gitDecoration.stageModifiedResourceForeground#b38d25
- gitDecoration.submoduleResourceForeground#b38d25
- gitDecoration.untrackedResourceForeground#b38d25
- input.background#072279
- input.border#c8c8c8
- input.foreground#c8c8c8
- input.placeholderForeground#a79e80
- list.activeSelectionBackground#2d4799
- list.activeSelectionForeground#c8c8c8
- list.dropBackground#072279
- list.focusBackground#2d4799
- list.focusForeground#c8c8c8
- list.hoverBackground#2d4799
- list.inactiveSelectionBackground#2d4799
- list.inactiveSelectionForeground#c8c8c8
- minimap.selectionHighlight#2d4799
- minimapGutter.addedBackground#dbf7d4
- minimapGutter.deletedBackground#f7d4d4
- minimapGutter.modifiedBackground#d4f3f7
- panel.background#072279
- panel.border#c8c8c8
- panelTitle.activeForeground#c8c8c8
- scrollbarSlider.activeBackground#2d4799
- scrollbarSlider.background#c8c8c8
- scrollbarSlider.hoverBackground#2d4799
- selection.background#bb2222
- sideBar.background#072279
- sideBar.border#c8c8c8
- sideBarSectionHeader.background#072279
- sideBarSectionHeader.foreground#c8c8c8
- sideBarTitle.foreground#c8c8c8
- statusBar.background#c8c8c8
- statusBar.border#072279
- statusBar.debuggingBackground#c8c8c8
- statusBar.debuggingBorder#c8c8c8
- statusBar.debuggingForeground#072279
- statusBar.foreground#072279
- statusBar.noFolderBackground#c8c8c8
- statusBarItem.hoverBackground#888888
- tab.activeBackground#c8c8c8
- tab.activeBorder#c8c8c8
- tab.activeForeground#2d4799
- tab.border#c8c8c8
- tab.hoverBackground#2d4799
- tab.hoverForeground#c8c8c8
- tab.inactiveBackground#072279
- tab.inactiveForeground#c8c8c8
- terminal.ansiBrightMagenta#b86da2
- terminal.background#072279
- terminal.foreground#c8c8c8
- terminalCursor.foreground#c8c8c8
- titleBar.activeBackground#c8c8c8
- titleBar.activeForeground#072279
- titleBar.inactiveBackground#c8c8c8
- titleBar.inactiveForeground#072279
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #999999 | — |
| comment.block.preprocessor | #999999 | |
| comment.documentation, comment.block.documentation | #4fd1c0 | — |
| string | #4fd1c0 | — |
| constant.character.escape | #c8c8c8 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...