Stained Glass 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.background#303030
• activityBar.foreground#eae1da
• activityBarBadge.background#655882
• activityBarBadge.foreground#eae1da
• badge.background#3b3b3b
• badge.foreground#eae1da
• button.background#655882
• button.foreground#eae1da
• button.hoverBackground#776994
• debugToolBar.background#262626
• descriptionForeground#c0b7b1b3
• diffEditor.insertedTextBackground#39a46233
• diffEditor.removedTextBackground#ff000033
• dropdown.background#1b1b1b
• dropdown.foreground#eae1da
• editor.background#111111
• editor.findMatchBackground#145d51
• editor.findMatchBorder#cf7a33
• editor.findMatchHighlightBackground#4f3521
• editor.findRangeHighlightBackground#30303066
• editor.foreground#c0b7b1
• editor.hoverHighlightBackground#3b3b3b40
• editor.inactiveSelectionBackground#303030a4
• editor.lineHighlightBackground#1b1b1b
• editor.lineHighlightBorder#1b1b1b
• editor.linkedEditingBackground#5793e94d
• editor.selectionBackground#303030
• editor.selectionHighlightBackground#a48f2518
• editor.wordHighlightBackground#39a46230
• editor.wordHighlightStrongBackground#cf7a3330
• editorBracketHighlight.foreground1#c0b7b1
• editorBracketHighlight.foreground2#a48f25
• editorBracketHighlight.foreground3#39a462
• editorBracketHighlight.foreground4#20a0ae
• editorBracketHighlight.foreground5#5793e9
• editorBracketHighlight.foreground6#d469c7
• editorBracketHighlight.unexpectedBracket.foreground#e9655f
• editorBracketMatch.background#5252521a
• editorBracketMatch.border#988f89
• editorCodeLens.foreground#c0b7b1
• editorCursor.foreground#c0b7b1
• editorError.foreground#e9655f
• editorGroup.border#716963
• editorGroup.dropBackground#3b3b3b80
• editorGroup.emptyBackground#111111
• editorGroupHeader.noTabsBackground#111111
• editorGroupHeader.tabsBackground#1b1b1b
• editorGutter.addedBackground#39a462
• editorGutter.background#111111
• editorGutter.deletedBackground#e9655f
• editorGutter.modifiedBackground#5793e9
• editorHoverWidget.background#1b1b1b
• editorHoverWidget.border#362f2a
• editorIndentGuide.activeBackground#525252
• editorIndentGuide.background#303030
• editorInfo.foreground#5793e9
• editorLineNumber.activeForeground#c0b7b1
• editorLineNumber.foreground#716963
• editorOverviewRuler.addedForeground#39a46299
• editorOverviewRuler.border#988f894d
• editorOverviewRuler.commonContentForeground#988f8966
• editorOverviewRuler.currentContentForeground#c0b7b180
• editorOverviewRuler.deletedForeground#e9655f99
• editorOverviewRuler.errorForeground#e9655fb3
• editorOverviewRuler.findMatchForeground#cf7a337e
• editorOverviewRuler.incomingContentForeground#5793e980
• editorOverviewRuler.infoForeground#5793e9
• editorOverviewRuler.modifiedForeground#5793e999
• editorOverviewRuler.rangeHighlightForeground#5793e999
• editorOverviewRuler.selectionHighlightForeground#988f89cc
• editorOverviewRuler.warningForeground#cf7a33
• editorOverviewRuler.wordHighlightForeground#988f89cc
• editorOverviewRuler.wordHighlightStrongForeground#c0b7b1cc
• editorRuler.foreground#716963
• editorSuggestWidget.background#1b1b1b
• editorSuggestWidget.border#362f2a
• editorSuggestWidget.foreground#eae1da
• editorSuggestWidget.highlightForeground#39a462
• editorSuggestWidget.selectedBackground#262626
• editorUnnecessaryCode.opacity#000000c0
• editorWarning.foreground#cf7a33
• editorWhitespace.foreground#716963
• editorWidget.background#1b1b1b
• editorWidget.border#3b3b3b
• errorForeground#e9655f
• focusBorder#675497cc
• foreground#c0b7b1
• gitDecoration.addedResourceForeground#6d9b79
• gitDecoration.conflictingResourceForeground#e9655f
• gitDecoration.deletedResourceForeground#c17f78
• gitDecoration.ignoredResourceForeground#988f89
• gitDecoration.modifiedResourceForeground#7c92bc
• gitDecoration.renamedResourceForeground#6d9b79
• gitDecoration.stageDeletedResourceForeground#c17f78
• gitDecoration.stageModifiedResourceForeground#7c92bc
• gitDecoration.submoduleResourceForeground#b48663
• gitDecoration.untrackedResourceForeground#6d9b79
• icon.foreground#c0b7b1
• input.background#000000
• input.border#362f2a
• input.foreground#c0b7b1
• input.placeholderForeground#988f89
• inputOption.activeBorder#39a462
• inputValidation.errorBackground#4a2623
• inputValidation.errorBorder#e9655f
• inputValidation.infoBackground#1f314e
• inputValidation.infoBorder#5793e9
• inputValidation.warningBackground#432a17
• inputValidation.warningBorder#cf7a33
• list.activeSelectionBackground#403756
• list.activeSelectionForeground#eae1da
• list.dropBackground#303030
• list.focusBackground#303030
• list.highlightForeground#eae1da
• list.hoverBackground#262626
• list.inactiveSelectionBackground#262626
• list.inactiveSelectionForeground#eae1da
• merge.currentContentBackground#39a46233
• merge.currentHeaderBackground#39a46280
• merge.incomingContentBackground#5793e933
• merge.incomingHeaderBackground#5793e980
• notifications.background#1b1b1b
• panel.border#988f8959
• panelTitle.activeForeground#eae1da
• peekView.border#24dfc4
• peekViewEditor.background#001411
• peekViewEditor.matchHighlightBackground#4f3521
• peekViewEditorGutter.background#001411
• peekViewResult.background#001411
• peekViewResult.fileForeground#eae1da
• peekViewResult.matchHighlightBackground#4f3521
• peekViewResult.selectionBackground#403756
• peekViewResult.selectionForeground#eae1da
• peekViewTitle.background#1b1b1b
• peekViewTitleDescription.foreground#c0b7b1
• peekViewTitleLabel.foreground#eae1da
• progressBar.background#0078b3
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#988f8980
• scrollbarSlider.background#3b3b3b80
• scrollbarSlider.hoverBackground#52525280
• selection.background#52525280
• settings.checkboxBackground#000000
• settings.checkboxBorder#655d57
• settings.dropdownBackground#000000
• settings.dropdownBorder#362f2a
• settings.dropdownListBorder#362f2a
• settings.numberInputBackground#000000
• settings.numberInputBorder#362f2a
• settings.textInputBackground#000000
• settings.textInputBorder#362f2a
• sideBar.background#1b1b1b
• sideBarSectionHeader.background#262626
• sideBarTitle.foreground#c0b7b1
• statusBar.background#303030
• statusBar.debuggingBackground#303030
• statusBar.debuggingForeground#eae1da
• statusBar.foreground#c0b7b1
• statusBar.noFolderBackground#303030
• tab.activeBackground#111111
• tab.activeForeground#eae1da
• tab.border#111111
• tab.inactiveBackground#262626
• tab.inactiveForeground#eae1da80
• tab.unfocusedActiveForeground#eae1da80
• tab.unfocusedInactiveForeground#eae1da40
• terminal.ansiBlack#303030
• terminal.ansiBlue#5793e9
• terminal.ansiBrightBlack#919191
• terminal.ansiBrightBlue#7ed2fe
• terminal.ansiBrightCyan#24dfc4
• terminal.ansiBrightGreen#acd372
• terminal.ansiBrightMagenta#d2bdfe
• terminal.ansiBrightRed#fc9bbb
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#f9b887
• terminal.ansiCyan#20a0ae
• terminal.ansiGreen#39a462
• terminal.ansiMagenta#d469c7
• terminal.ansiRed#e9655f
• terminal.ansiWhite#c6c6c6
• terminal.ansiYellow#a48f25
• terminal.background#111111
• terminal.foreground#c0b7b1
• textLink.activeForeground#5793e9
• textLink.foreground#5793e9
• titleBar.activeBackground#3b3b3b
• titleBar.activeForeground#eae1da
• titleBar.inactiveBackground#3b3b3b
• titleBar.inactiveForeground#c0b7b1
• widget.shadow#0000005c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).