Gleam Theme
Publisher: trag1cThemes in package: 2
A VSCode color theme based on the one found on Gleam's website
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.activeBackground#1e212e
- activityBar.activeBorder#fffbe8
- activityBar.activeFocusBorder#fffbe8
- activityBar.background#32374D
- activityBar.border#32374D
- activityBar.dropBorder#fffbe8
- activityBar.foreground#fffbe8
- activityBar.inactiveForeground#c2c0c0
- activityBarBadge.background#fffbe8
- activityBarBadge.foreground#000000
- badge.background#fffbe8
- badge.foreground#000000
- button.background#fffbe8
- button.border#fffbe8
- button.foreground#000000
- button.hoverBackground#e6e2d1
- button.secondaryBackground#fffbe8
- button.secondaryForeground#000000
- button.secondaryHoverBackground#e6e2d1
- button.separator#000000
- descriptionForeground#777777
- dropdown.background#222533
- dropdown.border#bfbfbf
- dropdown.foreground#dedede
- dropdown.listBackground#ffffff
- editor.background#292d3e
- editor.foreground#ffffffd8
- editor.inactiveSelectionBackground#393f5780
- editor.lineHighlightBackground#1e212e
- editor.selectionBackground#4a527080
- editor.selectionHighlightBackground#434A6680
- editor.wordHighlightBackground#6e6e6e80
- editor.wordHighlightStrongBackground#6e6e6e80
- editorError.border#ff000000
- editorError.foreground#e21515
- editorGroup.border#222533
- editorGroup.dropBackground#434A66
- editorGroup.emptyBackground#292d3e
- editorGroup.focusedEmptyBorder#fffbe8
- editorGroupHeader.border#222533
- editorGroupHeader.noTabsBackground#393F57
- editorGroupHeader.tabsBackground#292d3e
- editorGroupHeader.tabsBorder#222533
- editorGutter.addedBackground#4dbf57
- editorGutter.background#ff000000
- editorGutter.deletedBackground#e21515
- editorGutter.modifiedBackground#fffbe8
- editorHint.border#ff000000
- editorHint.foreground#fffbe8
- editorInfo.border#ff000000
- editorInfo.foreground#4dbf57
- editorInlayHint.background#31354acc
- editorInlayHint.foreground#717aab
- editorInlayHint.parameterBackground#31354acc
- editorInlayHint.parameterForeground#717aab
- editorInlayHint.typeBackground#31354acc
- editorInlayHint.typeForeground#717aab
- editorLineNumber.activeForeground#ffffffd8
- editorLineNumber.foreground#747478
- editorOverviewRuler.addedForeground#4dbf57
- editorOverviewRuler.border#ff000000
- editorOverviewRuler.bracketMatchForeground#6e6e6e80
- editorOverviewRuler.deletedForeground#e21515
- editorOverviewRuler.errorForeground#e21515
- editorOverviewRuler.findMatchForeground#6e6e6e80
- editorOverviewRuler.infoForeground#fffbe8
- editorOverviewRuler.modifiedForeground#fffbe8
- editorOverviewRuler.rangeHighlightForeground#6e6e6e80
- editorOverviewRuler.selectionHighlightForeground#6e6e6e80
- editorOverviewRuler.warningForeground#ffc501
- editorOverviewRuler.wordHighlightForeground#6e6e6e80
- editorOverviewRuler.wordHighlightStrongForeground#6e6e6e80
- editorPane.background#292d3e
- editorRuler.foreground#fffbe8
- editorUnnecessaryCode.opacity#000000c0
- editorWarning.border#ff000000
- editorWarning.foreground#ffc501
- editorWidget.background#292d3e
- extensionBadge.remoteBackground#fffbe8
- extensionButton.background#fffbe8
- extensionButton.prominentBackground#fffbe8
- extensionIcon.verifiedForeground#fffbe8e0
- focusBorder#bfbcae
- foreground#a3a2a2
- input.background#222533
- input.border#4C5373
- input.foreground#dedede
- inputOption.activeBackground#4f4d4d
- inputOption.activeBorder#fffbe8
- keybindingLabel.border#fffbe8
- keybindingLabel.bottomBorder#fffbe8
- list.activeSelectionBackground#252938
- list.focusBackground#252938
- list.focusOutline#252938
- list.hoverBackground#252938
- list.inactiveFocusBackground#252938
- list.inactiveSelectionBackground#252938
- minimap.background#292d3e80
- minimapGutter.modifiedBackground#fffbe8
- notificationLink.foreground#fffbe8
- notificationsInfoIcon.foreground#fffbe8
- panel.background#393F57
- panelInput.border#101010
- panelSection.border#101010
- panelSectionHeader.border#101010
- peekViewEditor.background#292d3e
- ports.iconRunningProcessForeground#fffbe8
- progressBar.background#fffbe8
- quickInput.background#32374D
- quickInput.foreground#dedede
- selection.background#4f4d4d
- sideBar.background#32374D
- sideBar.border#32374D
- sideBar.dropBackground#353333
- sideBar.foreground#dedede
- sideBarSectionHeader.background#32374D
- sideBarSectionHeader.border#f9f5f500
- sideBarSectionHeader.foreground#b4b3b3
- sideBarTitle.foreground#7d7c7c
- statusBar.background#32374D
- statusBar.border#101010
- statusBar.debuggingBackground#222533
- statusBar.foreground#b4b3b3
- statusBar.noFolderBackground#32374D
- statusBarItem.remoteBackground#fffbe8
- tab.activeBackground#32374D
- tab.activeBorder#fffbe8
- tab.activeBorderTop#fffbe8
- tab.activeForeground#ebebeb
- tab.border#000000
- tab.inactiveBackground#292d3e
- tab.inactiveForeground#9f9f9e
- tab.unfocusedActiveBackground#32374D
- tab.unfocusedActiveBorder#bfbcae
- tab.unfocusedActiveBorderTop#bfbcae
- tab.unfocusedActiveForeground#ebebeb
- tab.unfocusedInactiveBackground#292d3e
- tab.unfocusedInactiveForeground#9f9f9e
- terminal.ansiBlack#000000
- terminal.ansiBlue#6796e6
- terminal.ansiBrightBlack#c4c4c4
- terminal.ansiBrightBlue#9ce7ff
- terminal.ansiBrightCyan#d9baff
- terminal.ansiBrightGreen#c8ffa7
- terminal.ansiBrightMagenta#ffaff3
- terminal.ansiBrightRed#ff4a4a
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#fdffab
- terminal.ansiCyan#b181ec
- terminal.ansiGreen#aadd8b
- terminal.ansiMagenta#fe7ab2
- terminal.ansiRed#f44747
- terminal.ansiWhite#f7f7f7
- terminal.ansiYellow#ffd596
- terminal.border#c4c4c4
- terminal.dropBackground#434A6690
- terminal.foreground#ffffff
- terminal.inactiveSelectionBackground#393f5740
- terminal.selectionBackground#4a527080
- terminal.tab.activeBorder#ffaff3
- textBlockQuote.background#ff000000
- textBlockQuote.border#ff000000
- textCodeBlock.background#ff000000
- textLink.activeForeground#bfbcae
- textLink.foreground#fffbe8
- titleBar.activeBackground#222533
- titleBar.activeForeground#dedede
- titleBar.border#101010
- titleBar.inactiveBackground#222533
- titleBar.inactiveForeground#acacab
- welcomePage.progress.foreground#fffbe8
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #c4c4c4 | — |
| string | #c8ffa7 | — |
| storage.type.function.arrow | #FFFFFFD8 | — |
| constant.other | #b181ec | — |
| storage.type, storage.modifier, keyword, variable.language.this, variable.language.super, keyword.other.typedef, constant.language | #FE7AB2 | — |
| entity.name.type.class | #ffddfa | — |
| variable.other.property, variable.other.object.property | #B181EC | — |
| entity.name.function, entity.name.function.method | #9ce7ff | — |
| entity.name.type.module, entity.other.inherited-class, entity.name.class | #ffddfa | — |
| markup.bold, markdown.bold | #ffddfa | |
| markup.heading, markdown.heading | #ffddfa | |
| markup.italic, markdown.italic | #D9BAFF | |
| markup.quote, markdown.quote | #D9BAFF | |
| meta.type.annotation | #ffddfa | — |
| punctuation.definition.tag, entity.name.tag, punctuation.separator.key-value | #FE7AB2 | — |
| punctuation.separator.key-value.js | #FFFFFFD9 | — |
| meta.attribute, entity.other.attribute-name | #b181ec | — |
| constant.numeric | #fdffab | — |
| variable.other.property | #9ce7ff | — |
| keyword.operator | #ffaff3D9 | — |
| variable.parameter | #FFFFFFD9 | — |
| support.type | #D9BAFF | — |
| keyword.operator.assignment | #ffaff3D9 | — |
| entity.name.fragment.graphql, variable.fragment.graphql | #ffddfa | — |
| punctuation.quasi.element | #FFFFFFD9 | — |
| variable.other.readwrite | #FFFFFFD9 | — |
| meta.brace | #FFFFFFD9 | — |
| keyword.operator.arithmetic | #FFAFF3 | — |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |
| comment | #c4c4c4 | — |
| punctuation.definition.comment | #c4c4c4 | — |
| string | #C8FFA7 | — |
| meta.embedded.assembly | #C8FFA7 | — |
| keyword - keyword.operator | #FFAFF3 | — |
| keyword.control | #FFD596 | — |
| storage | #FFD596 | — |
| storage.type | #FFD596 | — |
| constant.numeric | #FDFFAB | — |
| entity.name.type | #FFDDFA | — |
| entity.name.class | #FFDDFA | — |
| support.type | #FFDDFA | — |
| support.class | #FFDDFA | — |
| entity.name.function | #9CE7FF | — |
| support.function | #9CE7FF | — |
| keyword.operator | #FFAFF3 | — |
| keyword.operator.arithmetic | #FFAFF3 | — |
| meta.attribute | #b181ec | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...