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.
- actionBar.toggledBackground#49478650
- activityBar.activeBorder#9a2257
- activityBar.background#c4bebb
- activityBar.dropBorder#494786
- activityBar.foreground#494786
- activityBar.inactiveForeground#49478666
- activityBarBadge.background#9a2257
- activityBarBadge.foreground#f8f8f2
- activityBarTop.activeBorder#494786
- activityBarTop.dropBorder#494786
- activityBarTop.foreground#494786
- activityBarTop.inactiveForeground#49478699
- badge.background#494786
- badge.foreground#f8f8f2
- banner.background#494786
- banner.foreground#f8f8f2
- banner.iconForeground#9bbc0f
- breadcrumb.activeSelectionForeground#272929
- breadcrumb.background#c4bebb
- breadcrumb.focusForeground#9a2257
- breadcrumb.foreground#494786
- breadcrumbPicker.background#c4bebb
- button.background#9a2257
- button.foreground#f8f8f2
- button.hoverBackground#7e1c49
- button.secondaryBackground#494786
- button.secondaryForeground#f8f8f2
- button.secondaryHoverBackground#3f3e6e
- button.separator#f8f8f266
- commandCenter.activeBackground#49478640
- commandCenter.activeBorder#9a2257
- commandCenter.activeForeground#272929
- commandCenter.background#b8b3b0
- commandCenter.border#494786
- commandCenter.foreground#494786
- diffEditor.diagonalFill#49478640
- diffEditor.insertedLineBackground#88c07040
- diffEditor.insertedTextBackground#88c07060
- diffEditor.removedLineBackground#9a225740
- diffEditor.removedTextBackground#9a225760
- dropdown.background#c4bebb
- dropdown.border#494786
- dropdown.foreground#272929
- editor.background#c0d297
- editor.findMatchBackground#9bbc0f80
- editor.findMatchHighlightBackground#9bbc0f50
- editor.foreground#0f380f
- editor.hoverHighlightBackground#9bbc0f40
- editor.inactiveSelectionBackground#88c07050
- editor.lineHighlightBackground#b3c88a40
- editor.lineHighlightBorder#8aac0f60
- editor.selectionBackground#88c07080
- editor.selectionHighlightBackground#88c07050
- editor.wordHighlightBackground#9bbc0f40
- editor.wordHighlightStrongBackground#9bbc0f60
- editorBracketHighlight.foreground1#306850
- editorBracketHighlight.foreground2#526525
- editorBracketHighlight.foreground3#0f380f
- editorBracketHighlight.foreground4#79970b
- editorBracketHighlight.foreground5#494786
- editorBracketHighlight.foreground6#9a2257
- editorBracketHighlight.unexpectedBracket.foreground#8b4500
- editorCursor.background#c0d297
- editorCursor.foreground#0f380f
- editorError.foreground#9a2257
- editorGroupHeader.tabsBackground#c4bebb
- editorGutter.addedBackground#306850
- editorGutter.deletedBackground#9a2257
- editorGutter.modifiedBackground#79970b
- editorIndentGuide.activeBackground1#52652580
- editorIndentGuide.background1#52652540
- editorInfo.foreground#494786
- editorLineNumber.activeForeground#0f380f
- editorLineNumber.foreground#526525
- editorOverviewRuler.border#49478640
- editorOverviewRuler.errorForeground#9a2257
- editorOverviewRuler.warningForeground#79970b
- editorRuler.foreground#52652560
- editorWarning.foreground#79970b
- editorWhitespace.foreground#52652540
- editorWidget.background#c4bebb
- editorWidget.border#494786
- editorWidget.foreground#494786
- focusBorder#9a2257
- foreground#494786
- gitDecoration.addedResourceForeground#306850
- gitDecoration.conflictingResourceForeground#9a2257
- gitDecoration.deletedResourceForeground#9a2257
- gitDecoration.ignoredResourceForeground#49478680
- gitDecoration.modifiedResourceForeground#79970b
- gitDecoration.stageModifiedResourceForeground#526525
- gitDecoration.untrackedResourceForeground#306850
- icon.foreground#272929
- input.background#c4bebb
- input.border#494786
- input.foreground#494786
- input.placeholderForeground#75706d
- inputOption.activeBackground#5855a0
- inputOption.activeBorder#5855a0
- inputOption.activeForeground#c4bebb
- inputOption.hoverBackground#cadca0
- keybindingLabel.background#b8b3b0
- keybindingLabel.border#494786
- keybindingLabel.bottomBorder#494786
- keybindingLabel.foreground#272929
- list.activeSelectionBackground#494786
- list.activeSelectionForeground#c4bebb
- list.activeSelectionIconForeground#c4bebb
- list.errorForeground#9a2257
- list.focusBackground#49478680
- list.focusForeground#f8f8f2
- list.focusHighlightForeground#9bbc0f
- list.highlightForeground#9a2257
- list.hoverBackground#56549f
- list.hoverForeground#c4bebb
- list.inactiveSelectionBackground#494786
- list.inactiveSelectionForeground#c4bebb
- list.warningForeground#79970b
- minimap.background#c0d297
- minimap.selectionHighlight#88c07080
- notifications.background#494786
- notifications.border#c4bebb
- notifications.foreground#c4bebb
- panel.background#c4bebb
- panel.border#494786
- panelSection.border#494786
- panelSection.dropBackground#49478640
- panelSectionHeader.background#b8b3b0
- panelSectionHeader.border#494786
- panelSectionHeader.foreground#272929
- panelTitle.activeBorder#9a2257
- panelTitle.activeForeground#272929
- panelTitle.inactiveForeground#75706d
- peekView.border#494786
- peekViewEditor.background#c0d297
- peekViewResult.background#c4bebb
- peekViewTitle.background#b8b3b0
- quickInput.background#c4bebb
- quickInput.foreground#272929
- quickInputList.focusBackground#494786
- quickInputList.focusForeground#f8f8f2
- quickInputList.focusIconForeground#f8f8f2
- quickInputTitle.background#b8b3b0
- scrollbar.shadow#27292920
- scrollbarSlider.activeBackground#49478680
- scrollbarSlider.background#49478640
- scrollbarSlider.hoverBackground#49478660
- searchEditor.findMatchBackground#9bbc0f60
- settings.checkboxBackground#c4bebb
- settings.checkboxBorder#494786
- settings.checkboxForeground#494786
- sideBar.background#c4bebb
- sideBar.border#494786
- sideBar.foreground#494786
- sideBarSectionHeader.background#b8b3b0
- sideBarSectionHeader.foreground#494786
- sideBarTitle.foreground#494786
- statusBar.background#c4bebb
- statusBar.border#494786
- statusBar.debuggingBackground#9a2257
- statusBar.debuggingForeground#f8f8f2
- statusBar.foreground#272929
- statusBar.noFolderBackground#c4bebb
- statusBar.noFolderForeground#494786
- 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#c4bebb
- tab.border#c4bebb
- tab.inactiveBackground#c4bebb
- tab.inactiveForeground#494786
- terminal.ansiBlack#0f380f
- terminal.ansiBlue#494786
- terminal.ansiBrightBlack#526525
- terminal.ansiBrightBlue#5855a0
- terminal.ansiBrightCyan#88c070
- terminal.ansiBrightGreen#9bbc0f
- terminal.ansiBrightMagenta#b84a7a
- terminal.ansiBrightRed#b84a7a
- terminal.ansiBrightWhite#f8f8f2
- terminal.ansiBrightYellow#b3d80e
- terminal.ansiCyan#306850
- terminal.ansiGreen#79970b
- terminal.ansiMagenta#9a2257
- terminal.ansiRed#9a2257
- terminal.ansiWhite#c4bebb
- terminal.ansiYellow#9bbc0f
- terminal.background#c0d297
- terminal.dropBackground#49478640
- terminal.foreground#0f380f
- terminal.tab.activeBorder#9a2257
- terminalCommandDecoration.defaultBackground#494786
- terminalCommandDecoration.errorBackground#9a2257
- terminalCommandDecoration.successBackground#306850
- terminalCursor.foreground#0f380f
- terminalStickyScroll.background#b8b3b0
- terminalStickyScrollHover.background#a09b99
- textLink.activeForeground#7d1b46
- textLink.foreground#9a2257
- titleBar.activeBackground#c4bebb
- titleBar.activeForeground#494786
- titleBar.border#494786
- titleBar.inactiveBackground#c4bebb
- titleBar.inactiveForeground#494786
- toolbar.activeBackground#49478660
- toolbar.hoverBackground#49478640
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #526525 | italic |
| string, string.quoted | #306850 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #79970b | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical | #79970b | — |
| storage, storage.type, storage.modifier | #79970b | — |
| entity.name.function, support.function, meta.function-call | #306850 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.name.type.interface, entity.name.type.enum | #1a4a3a | — |
| variable, variable.other | #0f380f | — |
| variable.parameter | #3d4d1c | italic |
| variable.language | #79970b | italic |
| constant, constant.numeric, constant.language, constant.character | #526525 | — |
| constant.character.escape | #79970b | — |
| keyword.operator | #526525 | — |
| punctuation | #3d4d1c | — |
| entity.name.tag, punctuation.definition.tag | #79970b | — |
| entity.other.attribute-name | #306850 | — |
| support.type.property-name.css, support.type.vendored.property-name.css | #306850 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #79970b | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css | #526525 | — |
| support.type.property-name.json | #306850 | — |
| markup.heading, punctuation.definition.heading.markdown | #79970b | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.inline.raw, markup.fenced_code.block | #306850 | — |
| markup.underline.link | #306850 | — |
| markup.quote | #526525 | italic |
| markup.list, punctuation.definition.list | #79970b | — |
| string.regexp | #526525 | — |
| entity.other.inherited-class | #1a4a3a | italic |
| entity.name.namespace, entity.name.module | #3d4d1c | — |
| meta.decorator, punctuation.decorator | #79970b | 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 | #526525 | — |
| keyword.control.module.ruby, keyword.control.class.ruby, entity.other.inherited-class.ruby, keyword.other.special-method.ruby, entity.name.function.ruby | #306850 | — |
| keyword.control.def.ruby, keyword.control.ruby, support.class.ruby, entity.name.type.class.ruby, entity.name.type.module.ruby, punctuation.section.function.ruby | #79970b | bold |