Retro Camping - Retro Color Theme
Publisher: Doyoon LeeThemes in package: 1
Dark Color Theme - Vintage colors picked from Retro camp badges.
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#919abd
- activityBar.background#1a1716
- activityBar.border#3a3b35
- activityBar.foreground#a8b6ed
- activityBar.inactiveForeground#626985
- activityBarBadge.background#c995c9
- badge.background#25252b
- button.background#c995c9
- checkbox.background#25252b
- diffEditor.border#6b658d
- diffEditor.diagonalFill#4d474e
- diffEditor.insertedTextBackground#27243caa
- diffEditor.removedTextBackground#57434caa
- dropdown.background#25252b
- dropdown.listBackground#25252b
- editor.background#1b1a1a
- editor.findMatchBackground#2f3f73
- editor.findMatchHighlightBackground#2f3f73
- editor.foldBackground#373227
- editor.foreground#e2e0d1
- editor.hoverHighlightBackground#25251e
- editor.inactiveSelectionBackground#1f2023
- editor.lineHighlightBackground#2B3C44
- editor.selectionBackground#242d31
- editor.snippetTabstopHighlightBackground#201f21
- editorCursor.foreground#66D9EF
- editorError.foreground#DD6F48
- editorGroupHeader.noTabsBackground#201f21
- editorGroupHeader.tabsBackground#201f21
- editorGutter.addedBackground#468abf
- editorGutter.deletedBackground#DD6F48
- editorGutter.modifiedBackground#956d7f
- editorInfo.background#25252b
- editorLink.activeForeground#c995c9
- editorOverviewRuler.addedForeground#c995c9
- editorOverviewRuler.background#1b1c22
- editorOverviewRuler.deletedForeground#DD6F48
- editorOverviewRuler.errorForeground#DD6F48
- editorOverviewRuler.infoForeground#dbd6c3
- editorOverviewRuler.modifiedForeground#6f817a
- editorOverviewRuler.warningForeground#6f817a
- editorPane.background#25252b
- editorSuggestWidget.background#201f21
- editorSuggestWidget.selectedBackground#9DA7D1
- editorWhitespace.foreground#2c2926
- editorWidget.background#201f21
- errorForeground#DD6F48
- focusBorder#9DA7D1
- gitDecoration.addedResourceForeground#468abf
- gitDecoration.conflictingResourceForeground#DD6F48
- gitDecoration.modifiedResourceForeground#a97ca3
- gitDecoration.untrackedResourceForeground#968794
- input.background#34343d
- list.activeSelectionBackground#191c1f
- list.activeSelectionForeground#468abf
- list.dropBackground#dddfd3
- list.errorForeground#DD6F48
- list.filterMatchBackground#956d7f
- list.focusBackground#1a1716
- list.focusForeground#c995c9
- list.highlightForeground#468abf
- list.hoverBackground#313436
- list.inactiveFocusBackground#242b25
- list.inactiveSelectionBackground#2e3436
- list.inactiveSelectionForeground#c9d2da
- list.warningForeground#c995c9
- menu.background#25252b
- minimap.background#25252b
- panel.background#25252b
- panelSection.dropBackground#25252b
- panelTitle.inactiveForeground#9DA7D1
- peekView.border#dbd6c3
- peekViewEditor.matchHighlightBorder#468abf
- peekViewTitle.background#201f21
- peekViewTitleLabel.foreground#c995c9
- progressBar.background#25252b
- scrollbarSlider.activeBackground#2b302e
- scrollbarSlider.background#353a38
- settings.checkboxBackground#468abf
- settings.dropdownBackground#373638
- settings.dropdownBorder#dca7dc
- settings.focusedRowBackground#614f66
- settings.modifiedItemIndicator#c995c9
- settings.numberInputBackground#3f4353
- settings.rowHoverBackground#2f3f73
- settings.textInputBackground#3f4353
- sideBar.background#222326
- sideBar.border#1f2221
- sideBar.dropBackground#222326
- sideBar.foreground#c2c9bc
- sideBarSectionHeader.background#1a1716
- sideBarTitle.foreground#c995c9
- statusBar.background#626985
- statusBarItem.activeBackground#468abf
- tab.activeBackground#1a1716
- tab.activeForeground#dda1e2
- tab.border#3a3d4a
- tab.hoverBackground#1f1e25
- tab.inactiveBackground#2f2f37
- tab.inactiveForeground#74747e
- tab.unfocusedActiveBackground#282824
- tab.unfocusedActiveForeground#9b759b
- tab.unfocusedHoverBackground#353136
- tab.unfocusedInactiveBackground#282824
- textLink.activeForeground#c995c9
- textLink.foreground#c995c9
- titleBar.activeBackground#2a263b
- titleBar.inactiveBackground#353a38
- titleBar.inactiveForeground#353a38
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #FDF4C1 | — |
| comment | #504b2f | — |
| string | #528B8B | — |
| constant.language | #468abf | — |
| constant.character, constant.other | #BBAA97 | — |
| variable | #83A598 | |
| storage | #468abf | |
| storage.type.class | — | italic |
| variable.parameter | #83A598 | italic |
| entity.name.tag | #A89984 | |
| entity.other.attribute-name | #83A598 | |
| support.function | #468abf | |
| support.constant | #468abf | |
| support.type, support.class | #468abf | italic |
| support.other.variable | — | |
| invalid | #c2c9bc | bold |
| meta.block | #c9b034 | — |
| string.quoted.single, string.quoted.double, string.template, variable.other.object.property | #c2c9bc | — |
| keyword.operator, variable.language.this, storage.type.function.arrow | #DD6F48 | — |
| keyword | #eb81eb | — |
| keyword.control.flow | — | italic |
| keyword.control.trycatch, punctuation.definition.template-expression | #c995c9 | — |
| storage.modifier, support.variable.property, support.function | #468abf | — |
| constant.numeric, constant.language.boolean | #83A598 | — |
| support.type.property-name.json, support.type.object | #9DA7D1 | italic |
| storage.type.function, storage.modifier.async, keyword.operator.new | #eb81eb | italic |
| variable.other.constant.property, variable.other.constant.object, constant.language.boolean.true, string.quoted.double.html | #9DA7D1 | — |
| variable.other.object.js | #7c96ac | — |
| variable.other.property | #c995c9 | — |
| variable.other.constant | #83A598 | — |
| entity.name.function.member | #9DA7D1 | — |
| entity.name.function, meta.object-literal.key | #b7c352 | — |
| entity.name.tag.html, entity.name.tag.block.any.html | #a44f4f | — |
| punctuation.definition.tag | #DD6F48 | — |
| meta.tag.block.any.html, entity.other.attribute-name.html | #c995c9 | — |
| meta.var.expr | #468abf | — |
| entity.other.attribute-name.html | #b7c352 | — |
| text.html.derivative, text.html.vue-html, entity.other.attribute-name.id.html | #c2c9bc | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...