Retro 95 VS Code 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.activeBackground#FFFFFF
• activityBar.activeBorder#000080
• activityBar.background#C0C0C0
• activityBar.border#808080
• activityBar.dropBorder#000080
• activityBar.foreground#000000
• activityBar.inactiveForeground#808080
• activityBarBadge.background#000080
• activityBarBadge.foreground#FFFFFF
• agentStatusIndicator.background#C0C0C0
• badge.background#000080
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#000000
• breadcrumb.background#C0C0C0
• breadcrumb.focusForeground#000080
• breadcrumb.foreground#000000
• breadcrumbPicker.background#C0C0C0
• button.background#C0C0C0
• button.border#808080
• button.foreground#000000
• button.hoverBackground#FFFFFF
• button.secondaryBackground#C0C0C0
• button.secondaryForeground#000000
• button.secondaryHoverBackground#FFFFFF
• checkbox.background#FFFFFF
• checkbox.border#808080
• checkbox.foreground#000000
• commandCenter.activeBackground#FFFFFF
• commandCenter.activeBorder#FFFFFF
• commandCenter.activeForeground#000000
• commandCenter.background#C0C0C0
• commandCenter.border#FFFFFF
• commandCenter.debuggingBackground#C0C0C0
• commandCenter.foreground#000000
• commandCenter.inactiveBorder#808080
• commandCenter.inactiveForeground#000000
• contrastActiveBorder#FFFFFF
• contrastBorder#808080
• debugIcon.breakpointDisabledForeground#808080
• debugIcon.breakpointForeground#800000
• debugIcon.breakpointUnverifiedForeground#808080
• debugIcon.continueForeground#008000
• debugIcon.disconnectForeground#800000
• debugIcon.pauseForeground#000080
• debugIcon.restartForeground#008000
• debugIcon.startForeground#008000
• debugIcon.stepBackForeground#000080
• debugIcon.stepIntoForeground#000080
• debugIcon.stepOutForeground#000080
• debugIcon.stepOverForeground#000080
• debugIcon.stopForeground#800000
• debugToolBar.background#C0C0C0
• debugToolBar.border#808080
• descriptionForeground#000000
• diffEditor.border#808080
• diffEditor.insertedLineBackground#00808022
• diffEditor.insertedTextBackground#00808033
• diffEditor.removedLineBackground#80000022
• diffEditor.removedTextBackground#80000033
• disabledForeground#808080
• dropdown.background#FFFFFF
• dropdown.border#808080
• dropdown.foreground#000000
• dropdown.listBackground#FFFFFF
• editor.background#FFFFFF
• editor.findMatchBackground#000080
• editor.findMatchBorder#FFFFFF
• editor.findMatchForeground#FFFFFF
• editor.findMatchHighlightBackground#00808066
• editor.findMatchHighlightBorder#000080
• editor.foreground#000000
• editor.hoverHighlightBackground#00808033
• editor.inactiveSelectionBackground#A0A0A0
• editor.lineHighlightBackground#C0C0C033
• editor.lineHighlightBorder#808080
• editor.rangeHighlightBackground#C0C0C066
• editor.selectionBackground#C0C0C0
• editor.selectionForeground#000000
• editor.selectionHighlightBackground#80808055
• editor.wordHighlightBackground#C0C0C0
• editor.wordHighlightStrongBackground#80808066
• editorBracketMatch.background#C0C0C0
• editorBracketMatch.border#000080
• editorCursor.foreground#000000
• editorError.foreground#800000
• editorGroup.border#808080
• editorGroup.dropBackground#00008033
• editorGroup.emptyBackground#008080
• editorGroupHeader.border#808080
• editorGroupHeader.noTabsBackground#C0C0C0
• editorGroupHeader.tabsBackground#C0C0C0
• editorGroupHeader.tabsBorder#808080
• editorGutter.addedBackground#008080
• editorGutter.background#FFFFFF
• editorGutter.deletedBackground#800000
• editorGutter.modifiedBackground#000080
• editorHoverWidget.background#C0C0C0
• editorHoverWidget.border#808080
• editorHoverWidget.foreground#000000
• editorIndentGuide.activeBackground1#808080
• editorIndentGuide.background1#C0C0C0
• editorInfo.foreground#000080
• editorLineNumber.activeForeground#000000
• editorLineNumber.foreground#808080
• editorLink.activeForeground#000080
• editorPane.background#FFFFFF
• editorSuggestWidget.background#C0C0C0
• editorSuggestWidget.border#808080
• editorSuggestWidget.foreground#000000
• editorSuggestWidget.highlightForeground#000080
• editorSuggestWidget.selectedBackground#000080
• editorSuggestWidget.selectedForeground#FFFFFF
• editorWarning.foreground#808000
• editorWhitespace.foreground#80808066
• editorWidget.background#C0C0C0
• editorWidget.border#808080
• editorWidget.foreground#000000
• editorWidget.selectionBackground#D0D0D0
• editorWidget.selectionForeground#000000
• errorForeground#800000
• extensionBadge.remoteBackground#000080
• extensionBadge.remoteForeground#FFFFFF
• focusBorder#000080
• foreground#000000
• gitDecoration.addedResourceForeground#008000
• gitDecoration.conflictingResourceForeground#800080
• gitDecoration.deletedResourceForeground#800000
• gitDecoration.ignoredResourceForeground#808080
• gitDecoration.modifiedResourceForeground#000080
• gitDecoration.renamedResourceForeground#008080
• gitDecoration.submoduleResourceForeground#008080
• gitDecoration.untrackedResourceForeground#008000
• icon.foreground#000000
• input.background#FFFFFF
• input.border#808080
• input.foreground#000000
• input.placeholderForeground#808080
• input.selectionBackground#D0D0D0
• input.selectionForeground#000000
• inputOption.activeBackground#D0D0D0
• inputOption.activeBorder#000080
• inputOption.activeForeground#000000
• inputValidation.errorBackground#FFFFFF
• inputValidation.errorBorder#800000
• inputValidation.errorForeground#000000
• inputValidation.infoBackground#FFFFFF
• inputValidation.infoBorder#000080
• inputValidation.infoForeground#000000
• inputValidation.warningBackground#FFFFFF
• inputValidation.warningBorder#808000
• inputValidation.warningForeground#000000
• list.activeSelectionBackground#DFDFDF
• list.activeSelectionForeground#000000
• list.activeSelectionIconForeground#000000
• list.deemphasizedForeground#808080
• list.dropBackground#00008033
• list.errorForeground#800000
• list.focusBackground#D0D0D0
• list.focusForeground#000000
• list.focusOutline#FFFFFF
• list.highlightForeground#000080
• list.hoverBackground#FFFFFF
• list.hoverForeground#000000
• list.inactiveSelectionBackground#E0E0E0
• list.inactiveSelectionForeground#000000
• list.warningForeground#808000
• listFilterWidget.background#FFFFFF
• listFilterWidget.noMatchesOutline#800000
• listFilterWidget.outline#000080
• menu.background#C0C0C0
• menu.border#808080
• menu.foreground#000000
• menu.selectionBackground#000080
• menu.selectionBorder#FFFFFF
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#808080
• menubar.selectionBackground#000080
• menubar.selectionBorder#FFFFFF
• menubar.selectionForeground#FFFFFF
• minimap.background#FFFFFF
• minimap.errorHighlight#800000
• minimap.findMatchHighlight#000080
• minimap.selectionHighlight#008080
• minimap.warningHighlight#808000
• minimapSlider.activeBackground#000080
• minimapSlider.background#80808066
• minimapSlider.hoverBackground#80808099
• notificationCenter.border#808080
• notificationCenterHeader.background#000080
• notificationCenterHeader.foreground#FFFFFF
• notifications.background#C0C0C0
• notifications.border#808080
• notifications.foreground#000000
• notificationToast.border#808080
• panel.background#C0C0C0
• panel.border#808080
• panelInput.border#808080
• panelSection.border#808080
• panelTitle.activeBorder#000080
• panelTitle.activeForeground#000000
• panelTitle.inactiveForeground#808080
• peekView.border#000080
• peekViewEditor.background#FFFFFF
• peekViewEditor.matchHighlightBackground#00808066
• peekViewEditorGutter.background#FFFFFF
• peekViewResult.background#C0C0C0
• peekViewResult.fileForeground#000000
• peekViewResult.lineForeground#000000
• peekViewResult.matchHighlightBackground#00808066
• peekViewResult.selectionBackground#000080
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#000080
• peekViewTitleDescription.foreground#FFFFFF
• peekViewTitleLabel.foreground#FFFFFF
• pickerGroup.border#808080
• pickerGroup.foreground#000080
• problemsErrorIcon.foreground#800000
• problemsInfoIcon.foreground#000080
• problemsWarningIcon.foreground#808000
• progressBar.background#000080
• quickInput.background#C0C0C0
• quickInput.foreground#000000
• quickInputList.focusBackground#D0D0D0
• quickInputList.focusForeground#000000
• quickInputTitle.background#000080
• scrollbar.shadow#808080
• scrollbarSlider.activeBackground#808080
• scrollbarSlider.background#C0C0C0
• scrollbarSlider.hoverBackground#A0A0A0
• selection.background#D0D0D0
• selection.foreground#000000
• sideBar.background#C0C0C0
• sideBar.border#808080
• sideBar.dropBackground#FFFFFF80
• sideBar.foreground#000000
• sideBarSectionHeader.background#C0C0C0
• sideBarSectionHeader.border#808080
• sideBarSectionHeader.foreground#000000
• sideBarTitle.foreground#000000
• statusBar.background#000080
• statusBar.border#000000
• statusBar.debuggingBackground#808080
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#FFFFFF
• statusBar.noFolderBackground#808080
• statusBar.noFolderForeground#FFFFFF
• statusBarItem.activeBackground#FFFFFF55
• statusBarItem.hoverBackground#FFFFFF33
• statusBarItem.prominentBackground#C0C0C0
• statusBarItem.prominentForeground#000000
• statusBarItem.prominentHoverBackground#FFFFFF
• statusBarItem.remoteBackground#C0C0C0
• statusBarItem.remoteForeground#000000
• tab.activeBackground#C0C0C0
• tab.activeBorder#808080
• tab.activeBorderTop#FFFFFF
• tab.activeForeground#000000
• tab.border#808080
• tab.hoverBackground#FFFFFF
• tab.hoverForeground#000000
• tab.inactiveBackground#C0C0C0
• tab.inactiveForeground#000000
• tab.unfocusedActiveBackground#C0C0C0
• tab.unfocusedActiveForeground#000000
• tab.unfocusedHoverBackground#FFFFFF
• tab.unfocusedHoverForeground#000000
• tab.unfocusedInactiveBackground#C0C0C0
• tab.unfocusedInactiveForeground#000000
• terminal.ansiBlack#000000
• terminal.ansiBlue#000080
• terminal.ansiBrightBlack#808080
• terminal.ansiBrightBlue#0000FF
• terminal.ansiBrightCyan#00FFFF
• terminal.ansiBrightGreen#00FF00
• terminal.ansiBrightMagenta#FF00FF
• terminal.ansiBrightRed#FF0000
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFFF00
• terminal.ansiCyan#008080
• terminal.ansiGreen#008000
• terminal.ansiMagenta#800080
• terminal.ansiRed#800000
• terminal.ansiWhite#C0C0C0
• terminal.ansiYellow#808000
• terminal.background#000000
• terminal.border#808080
• terminal.foreground#C0C0C0
• terminal.selectionBackground#000080
• terminalCursor.background#000000
• terminalCursor.foreground#FFFFFF
• textBlockQuote.background#C0C0C0
• textBlockQuote.border#808080
• textCodeBlock.background#FFFFFF
• textLink.activeForeground#000080
• textLink.foreground#000080
• titleBar.activeBackground#000080
• titleBar.activeForeground#FFFFFF
• titleBar.border#000000
• titleBar.inactiveBackground#808080
• titleBar.inactiveForeground#FFFFFF
• toolbar.activeBackground#808080
• toolbar.hoverBackground#808080
• toolbar.hoverOutline#FFFFFF
• welcomePage.background#008080
• welcomePage.progress.background#C0C0C0
• welcomePage.progress.foreground#000080
• welcomePage.tileBackground#C0C0C0
• welcomePage.tileHoverBackground#FFFFFF
• widget.shadow#808080
• window.activeBorder#000080
• window.inactiveBorder#808080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).