Retro Vibes
Publisher: Simeon BabadzhanovThemes in package: 1
Retro style colors inspired 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.activeBorder#C4CCE4
- activityBar.activeFocusBorder#E9A929
- activityBar.background#1A202D
- activityBar.border#242C3E
- activityBar.dropBorder#41506c
- activityBar.foreground#C4CCE4
- activityBar.inactiveForeground#505868
- activityBarBadge.background#E9A929
- activityBarBadge.foreground#1A202D
- badge.background#E9A929
- badge.foreground#1A202D
- breadcrumb.activeSelectionForeground#E9A929
- breadcrumb.focusForeground#c4cce4
- breadcrumb.foreground#6c7999
- button.background#E9A929
- button.foreground#1A202D
- button.hoverBackground#FFC62C
- checkbox.border#e9a929ce
- checkbox.foreground#E9A929
- debugExceptionWidget.background#212530
- debugExceptionWidget.border#505868
- debugToolBar.background#212530
- debugView.stateLabelBackground#141820
- descriptionForeground#505868
- diffEditor.diagonalFill#50586880
- diffEditor.insertedTextBackground#50772d50
- diffEditor.removedTextBackground#b1000050
- dropdown.background#212530
- dropdown.border#303B53
- dropdown.foreground#6C7999
- editor.background#1A202D
- editor.findMatchBackground#e9a92945
- editor.findMatchBorder#E9A929
- editor.findMatchHighlightBackground#e9a92915
- editor.findMatchHighlightBorder#694C12
- editor.findRangeHighlightBackground#302200f0
- editor.findRangeHighlightBorder#E9A92900
- editor.foldBackground#39475f50
- editor.foreground#C4CCE4
- editor.hoverHighlightBackground#505868f0
- editor.inactiveSelectionBackground#293344f0
- editor.lineHighlightBackground#141820
- editor.rangeHighlightBackground#141820f0
- editor.selectionBackground#39475f
- editor.selectionHighlightBackground#505868f0
- editor.selectionHighlightBorder#E9A929b7
- editor.snippetFinalTabstopHighlightBackground#6c7999
- editor.snippetFinalTabstopHighlightBorder#6c7999
- editor.snippetTabstopHighlightBackground#39475f
- editor.symbolHighlightBorder#E9A929
- editor.wordHighlightBackground#6c799966
- editor.wordHighlightStrongBackground#e9a92966
- editorBracketMatch.background#0059ff40
- editorBracketMatch.border#0088ff
- editorCodeLens.foreground#41506C
- editorCursor.foreground#00ff00
- editorError.foreground#aa0f36
- editorGroup.border#242C3E
- editorGroup.dropBackground#242c3ea0
- editorGroup.emptyBackground#151A25
- editorGroup.focusedEmptyBorder#6C7999
- editorGroupHeader.border#242C3E
- editorGroupHeader.noTabsBackground#1A202D
- editorGroupHeader.tabsBackground#1A202D
- editorGroupHeader.tabsBorder#1A202D
- editorGutter.addedBackground#0E820E
- editorGutter.background#1A202D
- editorGutter.deletedBackground#b1b1b1
- editorGutter.foldingControlForeground#6883b0
- editorGutter.modifiedBackground#35A0E8
- editorHoverWidget.background#212530
- editorHoverWidget.border#505868
- editorHoverWidget.foreground#c4cce4
- editorIndentGuide.activeBackground1#0088ff
- editorIndentGuide.background1#0059ff40
- editorInfo.foreground#A0A8BB
- editorLightBulb.foreground#E9A929
- editorLightBulbAutoFix.foreground#00a2ca
- editorLineNumber.activeForeground#6883B0
- editorLineNumber.foreground#39475F
- editorLink.activeForeground#E9A929
- editorMarkerNavigation.background#212530
- editorOverviewRuler.addedForeground#0E820E
- editorOverviewRuler.border#242C3E00
- editorOverviewRuler.bracketMatchForeground#003BFF
- editorOverviewRuler.deletedForeground#b1b1b1
- editorOverviewRuler.errorForeground#8f0000
- editorOverviewRuler.findMatchForeground#e9a92960
- editorOverviewRuler.infoForeground#A0A8BB
- editorOverviewRuler.modifiedForeground#35A0E8
- editorOverviewRuler.warningForeground#E9C900
- editorOverviewRuler.wordHighlightStrongForeground#e9a929cc
- editorPane.background#181e2b
- editorRuler.foreground#0059ff25
- editorSuggestWidget.background#212530
- editorSuggestWidget.border#242c3e
- editorSuggestWidget.highlightForeground#E9A929
- editorSuggestWidget.selectedBackground#141820
- editorUnnecessaryCode.opacity#00000090
- editorWarning.foreground#BBA100
- editorWhitespace.foreground#39475F
- editorWidget.background#212530
- editorWidget.border#0059ff40
- editorWidget.foreground#6C7999
- editorWidget.resizeBorder#0059ff40
- errorForeground#aa0f36
- extensionBadge.remoteBackground#E9A929
- extensionBadge.remoteForeground#1A202D
- extensionButton.prominentBackground#E9A929
- extensionButton.prominentForeground#1A202D
- extensionButton.prominentHoverBackground#FFC62C
- focusBorder#505868
- foreground#6C7999
- gitDecoration.addedResourceForeground#0E820E
- gitDecoration.conflictingResourceForeground#8f0000
- gitDecoration.deletedResourceForeground#b1b1b1
- gitDecoration.ignoredResourceForeground#39475f
- gitDecoration.modifiedResourceForeground#35A0E8
- gitDecoration.stageDeletedResourceForeground#8BBECC
- gitDecoration.stageModifiedResourceForeground#208fad
- gitDecoration.submoduleResourceForeground#8967c8
- gitDecoration.untrackedResourceForeground#8e9728
- icon.foreground#C4CCE4
- input.background#212530
- input.border#303B53
- input.foreground#C4CCE4
- input.placeholderForeground#6c7999
- inputOption.activeBackground#212530
- inputOption.activeBorder#e9a929ce
- inputOption.activeForeground#e9a929
- inputValidation.errorBackground#211114
- inputValidation.errorBorder#aa0f36
- inputValidation.errorForeground#c4cce4
- inputValidation.infoBackground#212326
- inputValidation.infoBorder#C4CCE4
- inputValidation.infoForeground#C4CCE4
- inputValidation.warningBackground#211C00
- inputValidation.warningBorder#E9C900
- inputValidation.warningForeground#C4CCE4
- list.activeSelectionBackground#39475f
- list.activeSelectionForeground#C4CCE4
- list.deemphasizedForeground#6c7999
- list.dropBackground#39475F
- list.errorForeground#aa0f36
- list.filterMatchBackground#E9A92915
- list.filterMatchBorder#E9A929
- list.focusBackground#141820
- list.focusForeground#6C7999
- list.highlightForeground#E9A929
- list.hoverBackground#293344
- list.hoverForeground#6C7999
- list.inactiveSelectionBackground#242C3E
- list.inactiveSelectionForeground#6C7999
- list.invalidItemForeground#6c7999
- list.warningForeground#DBBD00
- listFilterWidget.background#141820
- listFilterWidget.noMatchesOutline#aa0f36
- listFilterWidget.outline#6c7999
- menu.separatorBackground#39475f
- menubar.selectionBackground#293344
- minimap.findMatchHighlight#694c12f0
- minimap.selectionHighlight#50586880
- minimapGutter.deletedBackground#B1B1B1
- notificationCenterHeader.background#242c3e
- notifications.border#293344
- panel.background#1A202D
- panel.border#242C3E
- panel.dropBorder#41506c
- panelSectionHeader.background#181E2B
- panelSectionHeader.foreground#6C7999
- panelTitle.activeBorder#E9A929
- panelTitle.activeForeground#C4CCE4
- panelTitle.inactiveForeground#6C7999
- peekView.border#505868
- peekViewEditor.background#212530
- peekViewEditor.matchHighlightBackground#694C12
- peekViewResult.background#212530
- peekViewResult.fileForeground#6C7999
- peekViewResult.matchHighlightBackground#694C12
- peekViewResult.selectionBackground#39475f
- peekViewResult.selectionForeground#c4cce4
- peekViewTitle.background#212530
- peekViewTitleDescription.foreground#6C7999
- peekViewTitleLabel.foreground#6C7999
- pickerGroup.border#6c7999
- pickerGroup.foreground#6c7999
- problemsErrorIcon.foreground#aa0f36
- problemsInfoIcon.foreground#c4cce4
- problemsWarningIcon.foreground#E9C900
- progressBar.background#E9A929
- sash.hoverBorder#242c3e
- scrollbar.shadow#0059ff40
- scrollbarSlider.activeBackground#39475fd0
- scrollbarSlider.background#293344b0
- scrollbarSlider.hoverBackground#39475fa0
- searchEditor.findMatchBackground#f8780045
- searchEditor.findMatchBorder#f87800
- searchEditor.textInputBorder#f8780090
- selection.background#39475f
- settings.headerForeground#C4CCE4
- settings.modifiedItemIndicator#35A0E8
- sideBar.background#181E2B
- sideBar.border#1A202D
- sideBarSectionHeader.background#1A202D
- sideBarSectionHeader.foreground#6C7999
- sideBarTitle.foreground#6C7999
- statusBar.background#1A202D
- statusBar.border#1A202D
- statusBar.debuggingBackground#68BE64
- statusBar.debuggingForeground#141820
- statusBar.foreground#6C7999
- statusBar.noFolderBackground#141820
- statusBar.noFolderForeground#6C7999
- statusBarItem.activeBackground#00000030
- statusBarItem.errorBackground#aa0f36
- statusBarItem.errorForeground#C4CCE4
- statusBarItem.hoverBackground#ffffff30
- statusBarItem.prominentBackground#BE6464
- statusBarItem.prominentForeground#800000
- statusBarItem.prominentHoverBackground#B29544
- statusBarItem.remoteBackground#E9A929
- statusBarItem.remoteForeground#141820
- tab.activeBackground#242c3e
- tab.activeBorder#E9A929
- tab.activeBorderTop#242c3e
- tab.activeForeground#C4CCE4
- tab.activeModifiedBorder#8e9728
- tab.border#1A202D
- tab.hoverBackground#242c3e
- tab.hoverForeground#C4CCE4
- tab.inactiveBackground#1A202D
- tab.inactiveForeground#6C7999
- tab.inactiveModifiedBorder#505616
- tab.lastPinnedBorder#1A202D
- tab.unfocusedActiveBackground#1D2534
- tab.unfocusedActiveBorder#6C7999
- tab.unfocusedActiveBorderTop#1D2534
- tab.unfocusedActiveForeground#7C8BB0
- tab.unfocusedActiveModifiedBorder#505616
- tab.unfocusedHoverBackground#1D2534
- tab.unfocusedHoverForeground#7C8BB0
- tab.unfocusedInactiveBackground#1A202D
- tab.unfocusedInactiveForeground#6C7999
- tab.unfocusedInactiveModifiedBorder#505616
- terminal.ansiBlack#000000
- terminal.ansiBlue#0048ff
- terminal.ansiBrightBlack#555555
- terminal.ansiBrightBlue#6e8bff
- terminal.ansiBrightCyan#88fcdd
- terminal.ansiBrightGreen#58ff77
- terminal.ansiBrightMagenta#ffc4d6
- terminal.ansiBrightRed#ff877e
- terminal.ansiBrightWhite#e5e5e5
- terminal.ansiBrightYellow#ffff2b
- terminal.ansiCyan#00a2ca
- terminal.ansiGreen#00aa00
- terminal.ansiMagenta#C322AD
- terminal.ansiRed#cd3131
- terminal.ansiWhite#aaaaaa
- terminal.ansiYellow#ffbb00
- terminal.background#181E2B
- terminal.border#242c3e
- terminal.foreground#C4CCE4
- terminal.selectionBackground#39475f
- terminalCursor.background#181e2b
- terminalCursor.foreground#00ff00
- textBlockQuote.background#1d2534
- textBlockQuote.border#6290c8
- textCodeBlock.background#303b53
- textLink.activeForeground#E9A929
- textLink.foreground#0088ff
- textPreformat.foreground#C4CCE4
- titleBar.activeBackground#1A202D
- titleBar.activeForeground#C4CCE4
- titleBar.border#1A202D
- titleBar.inactiveBackground#1A202D
- titleBar.inactiveForeground#6C7999
- tree.indentGuidesStroke#0059ff80
- walkThrough.embeddedEditorBackground#212530
- widget.shadow#0059ff20
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #688b57 | italic |
| storage.type | — | bold |
| variable, entity.name.variable | #00BD9D | — |
| meta.return-type, support.class, support.type, entity.name.type, entity.name.type.class, entity.name.namespace, entity.other.attribute, entity.other.inherited-class, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy, punctuation.definition.typeparameters | #FFB7FF | — |
| meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end | #8000ff | — |
| punctuation.definition.block, punctuation.operation.graphql, punctuation.section.embedded | #ff60cf | — |
| meta.array.literal, meta.brace.square | #ffff2b | — |
| meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, support.class.builtin | #00aa00 | italic |
| string, constant.other.symbol, punctuation.definition.string.template | #ffdea1 | — |
| string.regexp, constant.character, constant.other | #88fcdd | — |
| constant.numeric | #40DFFF | — |
| constant.language | #40DFFF | italic |
| variable.object.property, meta.object-literal.key | #A0DCFF | — |
| variable.member | #ff877e | — |
| variable.language | #40DFFF | italic |
| storage | #FF5722 | — |
| keyword | #FF5722 | — |
| keyword.operator, constant.language.import-export-all | #C4CCE4 | — |
| keyword.operator.logical, keyword.operator.comparison, keyword.operator.arithmetic, keyword.operator.increment, keyword.operator.ternary, keyword.operator.expression.typeof, keyword.operator.relational, constant.language.import-export-all, punctuation.accessor.optional | #ffff2b | — |
| punctuation.separator, punctuation.terminator | #6c7999 | — |
| punctuation.section | #C4CCE4 | — |
| punctuation.accessor | #C4CCE4 | — |
| source.java storage.type, source.haskell storage.type, source.c storage.type | #6e8bff | — |
| source.java storage.type.primitive | #40DFFF | — |
| entity.name.function, storage.type.function | #DAA40E | italic |
| variable.parameter, meta.parameter, variable.other.constant | #00BD9D | underline |
| variable.function, variable.annotation, meta.function-call.generic, support.function.go | #DAA40E | — |
| support.function, support.macro | #ff877e | — |
| entity.name.import, entity.name.package | #C4CCE4 | — |
| entity.name | #6e8bff | — |
| entity.name.tag, meta.tag.sgml | #0088ff | — |
| punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag | #0088ff99 | — |
| entity.other.attribute-name | #A0DCFF | — |
| support.constant | #e9a929 | italic |
| support.type, source.go storage.type | #FFB7FF | underline |
| support.type.property-name | — | |
| support.class | #9595FF | — |
| meta.decorator variable.other, meta.decorator punctuation.decorator, storage.type.annotation | #fbd78f | — |
| invalid | #CC2828 | — |
| meta.diff, meta.diff.header | #c880c8 | — |
| source.ruby variable.other.readwrite | #DAA40E | — |
| source.css entity.name.tag, source.sass entity.name.tag, source.scss entity.name.tag, source.less entity.name.tag, source.stylus entity.name.tag | #6e8bff | — |
| source.css support.type, source.sass support.type, source.scss support.type, source.less support.type, source.stylus support.type | #ffc4d6 | — |
| support.type.property-name | #ff877e | — |
| constant.numeric.line-number.find-in-files - match | #41506C | — |
| constant.numeric.line-number.match | #FF5722 | — |
| entity.name.filename.find-in-files | #C4CCE4 | — |
| message.error | #CC2828 | — |
| markup.heading, markup.heading entity.name | #C4CCE4 | bold |
| markup.underline.link, string.other.link | #40DFFF | — |
| markup.italic | #ff877e | italic |
| markup.bold | #ff877e | bold |
| markup.italic markup.bold, markup.bold markup.italic | — | bold italic |
| markup.raw | — | — |
| markup.raw.inline | — | — |
| meta.separator | #41506C | bold |
| markup.quote | #88fcdd | italic |
| markup.list punctuation.definition.list.begin | #DAA40E | — |
| markup.inserted | #00aa00 | — |
| markup.changed | #35A0E8 | — |
| markup.deleted | #fa969e | — |
| markup.strike | #fbd78f | — |
| markup.table | #40DFFF | — |
| text.html.markdown markup.inline.raw | #e9a929 | — |
| text.html.markdown meta.dummy.line-break | #41506C | — |
| punctuation.definition.markdown | #41506C | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...