GameBoy Classic Theme
Publisher: sanchodelnigloThemes in package: 2
GameBoy Classic colors inspired theme for VSCode
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.activeBorder#9a2257
- activityBar.background#272929
- activityBar.dropBorder#494786
- activityBar.foreground#c4bebb
- activityBar.inactiveForeground#c4bebb66
- activityBarBadge.background#9a2257
- activityBarBadge.foreground#f8f8f2
- activityBarTop.activeBorder#9a2257
- activityBarTop.dropBorder#494786
- activityBarTop.foreground#c4bebb
- activityBarTop.inactiveForeground#c4bebb99
- badge.background#9a2257
- badge.foreground#f8f8f2
- banner.background#494786
- banner.foreground#f8f8f2
- banner.iconForeground#9bbc0f
- breadcrumb.activeSelectionForeground#f8f8f2
- breadcrumb.background#1e2020
- breadcrumb.focusForeground#9a2257
- breadcrumb.foreground#c4bebb
- breadcrumbPicker.background#1e2020
- button.background#9a2257
- button.foreground#f8f8f2
- button.hoverBackground#b84a7a
- button.secondaryBackground#494786
- button.secondaryForeground#f8f8f2
- button.secondaryHoverBackground#5855a0
- button.separator#f8f8f266
- commandCenter.activeBackground#49478680
- commandCenter.activeBorder#9a2257
- commandCenter.activeForeground#f8f8f2
- commandCenter.background#272929
- commandCenter.border#494786
- commandCenter.foreground#c4bebb
- diffEditor.diagonalFill#49478640
- diffEditor.insertedLineBackground#88c07030
- diffEditor.insertedTextBackground#88c07050
- diffEditor.removedLineBackground#9a225730
- diffEditor.removedTextBackground#9a225750
- dropdown.background#1e2020
- dropdown.border#494786
- dropdown.foreground#c4bebb
- editor.background#234823
- editor.findMatchBackground#9bbc0f60
- editor.findMatchHighlightBackground#9bbc0f40
- editor.foreground#9bbc0f
- editor.hoverHighlightBackground#88c07030
- editor.inactiveSelectionBackground#52652550
- editor.lineHighlightBackground#1a4a3a40
- editor.lineHighlightBorder#88c07040
- editor.selectionBackground#52652580
- editor.selectionHighlightBackground#88c07040
- editor.wordHighlightBackground#88c07030
- editor.wordHighlightStrongBackground#88c07050
- editorBracketHighlight.foreground1#9bbc0f
- editorBracketHighlight.foreground2#88c070
- editorBracketHighlight.foreground3#e0f8d0
- editorBracketHighlight.foreground4#b3d80e
- editorBracketHighlight.foreground5#c0d297
- editorBracketHighlight.foreground6#a5c70b
- editorBracketHighlight.unexpectedBracket.foreground#9a2257
- editorCursor.background#234823
- editorCursor.foreground#9bbc0f
- editorError.foreground#9a2257
- editorGroupHeader.tabsBackground#272929
- editorGutter.addedBackground#88c070
- editorGutter.deletedBackground#9a2257
- editorGutter.modifiedBackground#b3d80e
- editorIndentGuide.activeBackground1#88c07080
- editorIndentGuide.background1#88c07040
- editorInfo.foreground#494786
- editorLineNumber.activeForeground#9bbc0f
- editorLineNumber.foreground#88c07080
- editorOverviewRuler.border#49478640
- editorOverviewRuler.errorForeground#9a2257
- editorOverviewRuler.warningForeground#b3d80e
- editorRuler.foreground#88c07040
- editorWarning.foreground#b3d80e
- editorWhitespace.foreground#88c07040
- editorWidget.background#1e2020
- editorWidget.border#494786
- editorWidget.foreground#c4bebb
- focusBorder#9a2257
- foreground#c4bebb
- gitDecoration.addedResourceForeground#88c070
- gitDecoration.conflictingResourceForeground#9a2257
- gitDecoration.deletedResourceForeground#9a2257
- gitDecoration.ignoredResourceForeground#c4bebb60
- gitDecoration.modifiedResourceForeground#b3d80e
- gitDecoration.stageModifiedResourceForeground#9bbc0f
- gitDecoration.untrackedResourceForeground#88c070
- icon.foreground#c4bebb
- input.background#1e2020
- input.border#494786
- input.foreground#c4bebb
- input.placeholderForeground#c4bebb80
- inputOption.activeBackground#5855a0
- inputOption.activeBorder#9a2257
- inputOption.activeForeground#f8f8f2
- inputOption.hoverBackground#49478660
- keybindingLabel.background#272929
- keybindingLabel.border#494786
- keybindingLabel.bottomBorder#494786
- keybindingLabel.foreground#f8f8f2
- list.activeSelectionBackground#494786
- list.activeSelectionForeground#f8f8f2
- list.activeSelectionIconForeground#f8f8f2
- list.errorForeground#9a2257
- list.focusBackground#49478680
- list.focusForeground#f8f8f2
- list.focusHighlightForeground#9bbc0f
- list.highlightForeground#9a2257
- list.hoverBackground#49478660
- list.hoverForeground#f8f8f2
- list.inactiveSelectionBackground#49478660
- list.inactiveSelectionForeground#c4bebb
- list.warningForeground#b3d80e
- minimap.background#234823
- minimap.selectionHighlight#52652580
- notifications.background#1e2020
- notifications.border#494786
- notifications.foreground#c4bebb
- panel.background#272929
- panel.border#494786
- panelSectionHeader.background#272929
- panelSectionHeader.foreground#c4bebb
- panelTitle.activeBorder#9a2257
- panelTitle.activeForeground#f8f8f2
- panelTitle.inactiveForeground#c4bebb80
- peekView.border#494786
- peekViewEditor.background#234823
- peekViewResult.background#1e2020
- peekViewTitle.background#272929
- quickInput.background#1e2020
- quickInput.foreground#c4bebb
- quickInputList.focusBackground#494786
- quickInputList.focusForeground#f8f8f2
- quickInputList.focusIconForeground#f8f8f2
- quickInputTitle.background#272929
- scrollbar.shadow#00000040
- scrollbarSlider.activeBackground#49478680
- scrollbarSlider.background#49478640
- scrollbarSlider.hoverBackground#49478660
- searchEditor.findMatchBackground#9bbc0f50
- settings.checkboxBackground#1e2020
- settings.checkboxBorder#494786
- settings.checkboxForeground#c4bebb
- sideBar.background#1e2020
- sideBar.border#494786
- sideBar.foreground#c4bebb
- sideBarSectionHeader.background#272929
- sideBarSectionHeader.foreground#c4bebb
- sideBarTitle.foreground#c4bebb
- statusBar.background#272929
- statusBar.border#494786
- statusBar.debuggingBackground#9a2257
- statusBar.debuggingForeground#f8f8f2
- statusBar.foreground#c4bebb
- statusBar.noFolderBackground#1e2020
- statusBar.noFolderForeground#c4bebb80
- statusBarItem.activeBackground#49478680
- statusBarItem.hoverBackground#49478640
- statusBarItem.prominentBackground#9a2257
- statusBarItem.prominentForeground#f8f8f2
- statusBarItem.remoteBackground#9a2257
- statusBarItem.remoteForeground#f8f8f2
- tab.activeBackground#494786
- tab.activeBorder#9a2257
- tab.activeForeground#f8f8f2
- tab.border#27292940
- tab.inactiveBackground#272929
- tab.inactiveForeground#c4bebb80
- terminal.ansiBlack#0f380f
- terminal.ansiBlue#494786
- terminal.ansiBrightBlack#526525
- terminal.ansiBrightBlue#5855a0
- terminal.ansiBrightCyan#88c070
- terminal.ansiBrightGreen#b3d80e
- terminal.ansiBrightMagenta#b84a7a
- terminal.ansiBrightRed#b84a7a
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiBrightYellow#e7fcb8
- terminal.ansiCyan#88c070
- terminal.ansiGreen#9bbc0f
- terminal.ansiMagenta#9a2257
- terminal.ansiRed#9a2257
- terminal.ansiWhite#c4bebb
- terminal.ansiYellow#b3d80e
- terminal.background#234823
- terminal.foreground#9bbc0f
- terminalCommandDecoration.defaultBackground#494786
- terminalCommandDecoration.errorBackground#9a2257
- terminalCommandDecoration.successBackground#88c070
- terminalCursor.foreground#9bbc0f
- terminalStickyScroll.background#1a1c1c
- terminalStickyScrollHover.background#272929
- textLink.activeForeground#b84a7a
- textLink.foreground#9a2257
- titleBar.activeBackground#272929
- titleBar.activeForeground#c4bebb
- titleBar.border#494786
- titleBar.inactiveBackground#1e2020
- titleBar.inactiveForeground#c4bebb80
- toolbar.activeBackground#49478680
- toolbar.hoverBackground#49478650
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6a8a3a | italic |
| string, string.quoted | #88c070 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b3d80e | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #b3d80e | — |
| storage, storage.type, storage.modifier | #b3d80e | — |
| entity.name.function, support.function, meta.function-call | #88c070 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.type.interface, entity.name.type.enum | #e0f8d0 | — |
| variable, variable.other | #9bbc0f | — |
| variable.parameter | #a5c70b | italic |
| variable.language | #b3d80e | italic |
| constant, constant.numeric, constant.language, constant.character | #c0d297 | — |
| constant.character.escape | #b3d80e | — |
| keyword.operator | #a5c70b | — |
| punctuation | #88c070 | — |
| entity.name.tag, punctuation.definition.tag | #b3d80e | — |
| entity.other.attribute-name | #88c070 | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #88c070 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #b3d80e | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #c0d297 | — |
| support.type.property-name.json | #88c070 | — |
| markup.heading, punctuation.definition.heading.markdown | #b3d80e | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #88c070 | — |
| markup.underline.link | #9bbc0f | — |
| markup.quote | #6a8a3a | italic |
| markup.list, punctuation.definition.list | #b3d80e | — |
| string.regexp | #a5c70b | — |
| entity.other.inherited-class | #e0f8d0 | italic |
| entity.name.namespace, entity.name.module | #c0d297 | — |
| meta.decorator, punctuation.decorator | #b3d80e | italic |
| punctuation.separator.inheritance.ruby, punctuation.separator.method.ruby, punctuation.separator.namespace.ruby, punctuation.definition.constant.ruby, punctuation.definition.constant.hashkey.ruby, punctuation.separator.key-value, punctuation.definition.variable.ruby, keyword.control.pseudo-method.ruby | #88c070 | — |
| keyword.control.module.ruby, keyword.control.class.ruby, entity.other.inherited-class.ruby, keyword.other.special-method.ruby, entity.name.function.ruby | #88c070 | — |
| keyword.control.def.ruby, keyword.control.ruby, support.class.ruby, entity.name.type.class.ruby, entity.name.type.module.ruby, punctuation.section.function.ruby | #b3d80e | bold |