Real Retro

Color themes

• 

  Real Retro

• 

  Real Retro Dark

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#ffffeb
• activityBar.border#ffffeb
• activityBar.foreground#494911
• activityBarBadge.background#dfc35f
• button.background#494911
• button.hoverBackground#777755
• debugToolBar.background#ffffeb
• dropdown.background#ffffeb
• dropdown.foreground#494911
• editor.background#ffffeb
• editor.findMatchBackground#ffeecc
• editor.findMatchHighlightBackground#ffeecc
• editor.foreground#494911
• editor.hoverHighlightBackground#e4e4a3
• editor.inactiveSelectionBackground#ccccaa
• editor.lineHighlightBackground#f7f7d4
• editor.lineHighlightBorder#f7f7d4
• editor.rangeHighlightBackground#f7f7d4
• editor.selectionBackground#ffeecc
• editor.selectionHighlightBackground#e4e4a3
• editorBracketMatch.background#f7f7d4
• editorBracketMatch.border#f7f7d4
• editorCursor.foreground#494911
• editorError.foreground#df5f5f
• editorGroupHeader.border#494911
• editorGroupHeader.tabsBackground#ffffeb
• editorGroupHeader.tabsBorder#494911
• editorGutter.addedBackground#dbf7d4
• editorGutter.background#ffffeb
• editorGutter.deletedBackground#f7d4d4
• editorGutter.modifiedBackground#d4f3f7
• editorHoverWidget.background#f7f7d4
• editorHoverWidget.border#494911
• editorIndentGuide.activeBackground#f0f0d0
• editorIndentGuide.background#f0f0d0
• editorLineNumber.activeForeground#aaaa00
• editorLineNumber.foreground#494911
• editorSuggestWidget.background#ffffcc
• editorSuggestWidget.foreground#494911
• editorSuggestWidget.highlightForeground#494911
• editorSuggestWidget.selectedBackground#aaaa66
• editorWarning.foreground#dfc85f
• editorWidget.background#ffffeb
• editorWidget.border#ffffeb
• editorWidget.foreground#494911
• focusBorder#f7f7d4
• foreground#494911
• 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#ffffeb
• input.border#494911
• input.foreground#494911
• input.placeholderForeground#a79e80
• list.activeSelectionBackground#f7f7d4
• list.activeSelectionForeground#494911
• list.dropBackground#ffffeb
• list.focusBackground#f7f7d4
• list.focusForeground#494911
• list.hoverBackground#f7f7d4
• list.inactiveSelectionBackground#f7f7d4
• list.inactiveSelectionForeground#494911
• minimap.selectionHighlight#ffeecc
• minimapGutter.addedBackground#dbf7d4
• minimapGutter.deletedBackground#f7d4d4
• minimapGutter.modifiedBackground#d4f3f7
• panel.background#ffffeb
• panel.border#494911
• panelTitle.activeForeground#494911
• scrollbarSlider.activeBackground#aaaa66
• scrollbarSlider.background#494911
• scrollbarSlider.hoverBackground#aaaa66
• selection.background#ffeecc
• sideBar.background#ffffeb
• sideBar.border#494911
• sideBarSectionHeader.background#ffffeb
• sideBarSectionHeader.foreground#494911
• sideBarTitle.foreground#494911
• statusBar.background#494911
• statusBar.border#ffffeb
• statusBar.debuggingBackground#f7eed4
• statusBar.debuggingBorder#494911
• statusBar.debuggingForeground#494911
• statusBar.foreground#ffffeb
• statusBar.noFolderBackground#494911
• statusBarItem.hoverBackground#777755
• tab.activeBackground#494911
• tab.activeBorder#494911
• tab.activeForeground#f7f7d4
• tab.border#494911
• tab.hoverBackground#f7f7d4
• tab.hoverForeground#494911
• tab.inactiveBackground#ffffeb
• tab.inactiveForeground#494911
• terminal.ansiBrightMagenta#b86da2
• terminal.background#ffffeb
• terminal.foreground#494911
• terminalCursor.foreground#494911
• titleBar.activeBackground#494911
• titleBar.activeForeground#ffffeb
• titleBar.inactiveBackground#494911
• titleBar.inactiveForeground#ffffeb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).