VSXCode Themes + Glassy Widgets
Publisher: BahmanThemes in package: 2
XCode Themes for VSCode + Glassy Widgets
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#6561AC
- activityBar.background#F8F8F8
- activityBar.border#E5E5E5
- activityBar.foreground#1F1F1F
- activityBar.inactiveForeground#616161
- activityBarBadge.background#6561AC
- activityBarBadge.foreground#FFFFFF
- badge.background#CCCCCC
- badge.foreground#3B3B3B
- button.background#6561AC
- button.border#0000001a
- button.foreground#FFFFFF
- button.hoverBackground#6561AC
- button.secondaryBackground#E5E5E5
- button.secondaryForeground#3B3B3B
- button.secondaryHoverBackground#CCCCCC
- chat.slashCommandBackground#53509655
- chat.slashCommandForeground#545096
- checkbox.background#F8F8F8
- checkbox.border#CECECE
- descriptionForeground#3B3B3B
- dropdown.background#FFFFFF
- dropdown.border#CECECE
- dropdown.foreground#3B3B3B
- dropdown.listBackground#FFFFFF
- editor.background#FFFFFF
- editor.foreground#3B3B3B
- editor.selectionHighlightBackground#53509622
- editorGroup.border#E5E5E5
- editorGroupHeader.tabsBackground#F8F8F8
- editorGroupHeader.tabsBorder#E5E5E5
- editorGutter.addedBackground#20bb7d
- editorGutter.deletedBackground#ff6c5f
- editorGutter.modifiedBackground#6561AC
- editorIndentGuide.background1#D3D3D3
- editorLineNumber.activeForeground#4c498b
- editorLineNumber.foreground#6E7681
- editorOverviewRuler.border#E5E5E5
- editorSuggestWidget.background#F8F8F8
- editorWidget.background#F8F8F8
- errorForeground#ff6c5f
- focusBorder#6561AC
- foreground#3B3B3B
- icon.foreground#3B3B3B
- input.background#FFFFFF
- input.border#CECECE
- input.foreground#3B3B3B
- input.placeholderForeground#767676
- inputOption.activeBackground#c8c6ef
- inputOption.activeBorder#6561AC
- inputOption.activeForeground#000000
- keybindingLabel.foreground#3B3B3B
- list.activeSelectionBackground#ebeaf2
- list.activeSelectionForeground#000000
- list.activeSelectionIconForeground#000000
- list.focusAndSelectionOutline#b7b5cb
- list.hoverBackground#F2F2F2
- menu.border#CECECE
- notebook.cellBorderColor#E5E5E5
- notebook.selectedCellBackground#C8DDF150
- notificationCenterHeader.background#FFFFFF
- notificationCenterHeader.foreground#3B3B3B
- notifications.background#FFFFFF
- notifications.border#E5E5E5
- notifications.foreground#3B3B3B
- panel.background#F8F8F8
- panel.border#E5E5E5
- panelInput.border#E5E5E5
- panelTitle.activeBorder#6561AC
- panelTitle.activeForeground#3B3B3B
- panelTitle.inactiveForeground#3B3B3B
- peekViewEditor.matchHighlightBackground#ffc16866
- peekViewResult.background#FFFFFF
- peekViewResult.matchHighlightBackground#ffc16866
- pickerGroup.border#E5E5E5
- pickerGroup.foreground#8B949E
- ports.iconRunningProcessForeground#369432
- progressBar.background#6561AC
- quickInput.background#F8F8F8
- quickInput.foreground#3B3B3B
- searchEditor.textInputBorder#CECECE
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#CECECE
- settings.headerForeground#1F1F1F
- settings.modifiedItemIndicator#ffc16866
- settings.numberInputBorder#CECECE
- settings.textInputBorder#CECECE
- sideBar.background#F8F8F8
- sideBar.border#E5E5E5
- sideBar.foreground#3B3B3B
- sideBarSectionHeader.background#F8F8F8
- sideBarSectionHeader.border#E5E5E5
- sideBarSectionHeader.foreground#3B3B3B
- sideBarTitle.foreground#3B3B3B
- statusBar.background#F8F8F8
- statusBar.border#E5E5E5
- statusBar.debuggingBackground#FD716C
- statusBar.debuggingForeground#000000
- statusBar.focusBorder#6561AC
- statusBar.foreground#3B3B3B
- statusBar.noFolderBackground#F8F8F8
- statusBarItem.errorBackground#C72E0F
- statusBarItem.focusBorder#6561AC
- statusBarItem.prominentBackground#6E768166
- statusBarItem.remoteBackground#6561AC
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#FFFFFF
- tab.activeBorder#FFFFFF
- tab.activeBorderTop#6561AC
- tab.activeForeground#3B3B3B
- tab.border#E5E5E5
- tab.hoverBackground#FFFFFF
- tab.inactiveBackground#F8F8F8
- tab.inactiveForeground#868686
- tab.lastPinnedBorder#D4D4D4
- tab.unfocusedActiveBorder#F8F8F8
- tab.unfocusedActiveBorderTop#E5E5E5
- tab.unfocusedHoverBackground#F8F8F8
- terminal.foreground#3B3B3B
- terminal.inactiveSelectionBackground#E5EBF1
- terminal.tab.activeBorder#6561AC
- terminalCursor.foreground#6561AC
- textBlockQuote.background#F8F8F8
- textBlockQuote.border#E5E5E5
- textCodeBlock.background#F8F8F8
- textLink.activeForeground#6561AC
- textLink.foreground#6561AC
- textPreformat.background#0000001F
- textPreformat.foreground#3B3B3B
- textSeparator.foreground#21262D
- titleBar.activeBackground#F8F8F8
- titleBar.activeForeground#1E1E1E
- titleBar.border#E5E5E5
- titleBar.inactiveBackground#F8F8F8
- titleBar.inactiveForeground#8B949E
- welcomePage.tileBackground#F3F3F3
- widget.border#E5E5E5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #707F8C | — |
| string, punctuation.definition.string, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json | #D12F1B | — |
| constant.numeric | #272AD8 | — |
| constant.other.placeholder, constant.character.escape | #000000 | — |
| keyword, keyword.operator.new, keyword.operator.wordlike, keyword.operator.logical.and, storage, variable.language, constant.language | #AD3DA4 | — |
| keyword.control.directive, punctuation.definition.directive | #78492A | |
| variable.parameter | #057CB0 | — |
| entity.name.type, entity.other.inherited-class, storage.type.haskell | #23575C | — |
| keyword.type.cs, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go | #4B21B0 | |
| entity.name.function, support.function | #3E8087 | — |
| support.function.builtin | #804FB8 | — |
| variable.other.property, variable.other.object.property, entity.name.variable.field | #3E8087 | — |
| entity.name.function.preprocessor | #78492A | — |
| entity.name.tag | #4B21B0 | — |
| entity.other.attribute-name, support.type.property-name.css, support.type.property-name.media.css | #804FB8 | — |
| constant.other.color, support.constant.color, punctuation.definition.constant.css, keyword.other.unit | #272AD8 | — |
| support.constant.property-value, support.constant.font-name | #AD3DA4 | — |
| support.constant.media.css | #3E8087 | — |
| punctuation.definition.heading.markdown, meta.separator.markdown, punctuation.definition.markdown, punctuation.definition.list.begin.markdown, punctuation.definition.italic.markdown, punctuation.definition.bold.markdown, punctuation.definition.quote.begin.markdown, punctuation.definition.raw.markdown, fenced_code.block.language.markdown, markup.heading.marker.asciidoc, markup.heading.block-attribute.asciidoc, punctuation.separator.asciidoc, constant.asciidoc, punctuation.definition.asciidoc | #3E8087 | — |
| markup.heading | — | — |
| markup.bold | — | — |
| markup.italic | — | italic |
| magit.header | #4B21B0 | — |
| magit.subheader | #804FB8 | — |
| magit.entity | #272AD8 | — |
| meta.diff.range.unified, punctuation.definition.range.diff | #707F8C | — |
| markup.inserted, punctuation.definition.inserted | #3E8087 | — |
| markup.deleted, punctuation.definition.deleted | #D12F1B | — |
| keyword.operator, punctuation, storage.modifier.pointer | #000000 |