Warm Glass
Publisher: Warm Glass StudioThemes in package: 1
A warm obsidian VS Code theme with an optional one-command macOS glass setup.
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#E8B564
- activityBar.background#0D0C0F00
- activityBar.foreground#E8B564
- activityBar.inactiveForeground#77717A
- activityBarBadge.background#E07868
- activityBarBadge.foreground#120F11
- badge.background#C98763
- badge.foreground#160F0C
- breadcrumb.background#0D0C0F00
- breadcrumb.focusForeground#E6DED5
- breadcrumb.foreground#858087
- button.background#D9A85D
- button.foreground#17100A
- button.hoverBackground#E8B96D
- contrastBorder#FFFFFF10
- descriptionForeground#9B948E
- disabledForeground#6E696A
- editor.background#0F0E11
- editor.findMatchBackground#E8B56455
- editor.findMatchHighlightBackground#E8B56422
- editor.foreground#E9E4DC
- editor.inactiveSelectionBackground#66543E44
- editor.lineHighlightBackground#FFFFFF07
- editor.lineHighlightBorder#FFFFFF08
- editor.selectionBackground#8C704E66
- editorBracketMatch.background#E8B56422
- editorBracketMatch.border#E8B56488
- editorCursor.foreground#FFD07A
- editorError.foreground#F07472
- editorGroup.border#FFFFFF0D
- editorGroupHeader.noTabsBackground#0D0C0F00
- editorGroupHeader.tabsBackground#0D0C0F00
- editorHoverWidget.background#18151AEF
- editorHoverWidget.border#FFFFFF12
- editorIndentGuide.activeBackground1#E8B56455
- editorIndentGuide.background1#FFFFFF0A
- editorInfo.foreground#83D5C5
- editorLineNumber.activeForeground#D9B46F
- editorLineNumber.foreground#514D56
- editorSuggestWidget.background#18151AF2
- editorSuggestWidget.border#FFFFFF12
- editorSuggestWidget.selectedBackground#E8B56424
- editorWarning.foreground#E8B564
- editorWhitespace.foreground#FFFFFF16
- editorWidget.background#18151AEF
- editorWidget.border#FFFFFF12
- errorForeground#F07472
- focusBorder#E8B56466
- foreground#E9E4DC
- gitDecoration.addedResourceForeground#A7D28D
- gitDecoration.deletedResourceForeground#F07472
- gitDecoration.modifiedResourceForeground#E8B564
- gitDecoration.untrackedResourceForeground#83D5C5
- input.background#171419CC
- input.border#FFFFFF12
- input.foreground#EEE8DF
- input.placeholderForeground#746E75
- list.activeSelectionBackground#FFFFFF12
- list.activeSelectionForeground#F4EEE6
- list.focusOutline#E8B56455
- list.highlightForeground#E8B564
- list.hoverBackground#FFFFFF08
- list.inactiveSelectionBackground#FFFFFF0C
- menu.background#18151AF5
- menu.foreground#E8E1D9
- menu.selectionBackground#E8B56424
- menu.selectionForeground#FFF7EC
- notificationLink.foreground#E8B564
- notifications.background#18151AF2
- notifications.border#FFFFFF12
- notifications.foreground#E8E1D9
- panel.background#0F0E1100
- panel.border#FFFFFF0D
- panelTitle.activeBorder#E8B564
- panelTitle.activeForeground#EEE8DF
- panelTitle.inactiveForeground#777179
- peekView.border#E8B56488
- peekViewEditor.background#121014
- peekViewResult.background#100E12
- quickInput.background#18151AF2
- quickInput.foreground#E8E1D9
- quickInputList.focusBackground#E8B56424
- scrollbarSlider.activeBackground#FFFFFF38
- scrollbarSlider.background#FFFFFF18
- scrollbarSlider.hoverBackground#FFFFFF2A
- selection.background#E8B56438
- sideBar.background#100E1200
- sideBar.border#FFFFFF0D
- sideBar.foreground#B8B1AB
- sideBarSectionHeader.background#FFFFFF08
- sideBarSectionHeader.foreground#D5CEC7
- sideBarTitle.foreground#EEE8DF
- statusBar.background#0D0C0F00
- statusBar.border#FFFFFF0D
- statusBar.foreground#9F9894
- statusBarItem.hoverBackground#FFFFFF0D
- statusBarItem.remoteBackground#C18F50
- statusBarItem.remoteForeground#140F0B
- tab.activeBackground#FFFFFF0C
- tab.activeBorderTop#E8B564
- tab.activeForeground#F2ECE3
- tab.border#FFFFFF08
- tab.inactiveBackground#0D0C0F33
- tab.inactiveForeground#817A80
- terminal.ansiBlack#332F35
- terminal.ansiBlue#C6A0F6
- terminal.ansiBrightBlack#6D6770
- terminal.ansiBrightBlue#D5B5FF
- terminal.ansiBrightCyan#99E7D7
- terminal.ansiBrightGreen#B9E49E
- terminal.ansiBrightMagenta#E5B8F2
- terminal.ansiBrightRed#FF8A83
- terminal.ansiBrightWhite#FFF9F0
- terminal.ansiBrightYellow#FFD07A
- terminal.ansiCyan#83D5C5
- terminal.ansiGreen#A7D28D
- terminal.ansiMagenta#D7A6E6
- terminal.ansiRed#F07472
- terminal.ansiWhite#E9E4DC
- terminal.ansiYellow#E8B564
- terminal.background#0F0E1100
- terminal.foreground#E8E1D8
- titleBar.activeBackground#0D0C0F00
- titleBar.activeForeground#DDD7CF
- titleBar.inactiveBackground#0D0C0F00
- titleBar.inactiveForeground#787278
- widget.shadow#00000066
- window.activeBorder#FFFFFF10
- window.inactiveBorder#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #77727C | italic |
| keyword, storage.type, storage.modifier, keyword.control | #F08B78 | — |
| entity.name.type, entity.name.class, entity.name.struct, entity.name.interface, support.type | #D8ACE8 | — |
| entity.name.function, support.function, meta.function-call, variable.function | #E8B564 | — |
| string, string.quoted, string.template | #A8D18D | — |
| constant.numeric, constant.language, constant.character | #C6A0F6 | — |
| variable, variable.other, meta.object-literal.key | #E9E4DC | — |
| variable.parameter, meta.function.parameters | #E7C9A7 | — |
| entity.name.tag, support.class.component | #F08B78 | — |
| entity.other.attribute-name, support.type.property-name | #D8ACE8 | — |
| keyword.operator, punctuation.accessor, punctuation.separator | #F39A79 | — |
| constant.other, support.constant, entity.name.namespace | #83D5C5 | — |
| invalid, invalid.illegal | #FFF4EC | — |