Glass UI
Publisher: aregghazaryanThemes in package: 1
Pure, Bright, Light. Glass UI originally made for Atom is now available for VS Code. Inspired by Mirror's Edge
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#ffffff
- activityBar.border#ffd9df
- activityBar.dropBackground#ff0040
- activityBar.foreground#e70000
- activityBarBadge.background#e70000
- activityBarBadge.foreground#ffffff
- badge.background#e70000
- badge.foreground#ffffff
- breadcrumb.background#ffffff
- breadcrumb.foreground#ff0040
- button.background#ff0040
- button.foreground#ffffff
- button.hoverBackground#ff0037
- descriptionForeground#ff0040
- dropdown.background#ffffff
- dropdown.border#d1d1d1
- dropdown.foreground#ff0040
- dropdown.listBackground#ffffff
- editor.background#fdfdfd
- editor.contrib.findWidget#ff0040
- editor.findMatchBackground#1900ff21
- editor.findMatchHighlightBackground#ca024f7b
- editor.findRangeHighlightBackground#ff004021
- editor.foreground#222222
- editor.hoverHighlightBackground#ff004021
- editor.inactiveSelectionBackground#dd0b401b
- editor.lineHighlightBackground#ff95b021
- editor.rangeHighlightBackground#ff004021
- editor.selectionBackground#ff01411b
- editor.selectionHighlightBackground#fa00fa38
- editor.wordHighlightBackground#ff004021
- editor.wordHighlightStrongBackground#d300ba19
- editorBracketMatch.background#ff004021
- editorBracketMatch.border#ff004000
- editorCodeLens.foreground#ff00404f
- editorCursor.foreground#ff0040
- editorGroup.border#ff0040
- editorGroup.dropBackground#ff004083
- editorGroup.focusedEmptyBorder#ff0040
- editorGroupHeader.noTabsBackground#ff004083
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#ffffff
- editorGutter.addedBackground#00e4268f
- editorGutter.deletedBackground#ff00008f
- editorGutter.modifiedBackground#ff88008f
- editorIndentGuide.activeBackground#ff00404f
- editorIndentGuide.background#ff00404f
- editorLineNumber.activeForeground#0077ff
- editorLineNumber.foreground#ff0040
- editorLink.activeForeground#b700ff
- editorOverviewRuler.addedForeground#00ff40a2
- editorOverviewRuler.deletedForeground#cc0000a2
- editorOverviewRuler.errorForeground#ff0000a2
- editorOverviewRuler.findMatchForeground#0099ffa2
- editorOverviewRuler.modifiedForeground#ffd000a2
- editorOverviewRuler.rangeHighlightForeground#ff004021
- editorOverviewRuler.selectionHighlightForeground#0099ffa2
- editorOverviewRuler.wordHighlightForeground#0099ffa2
- editorOverviewRuler.wordHighlightStrongForeground#00ff40a2
- editorPane.background#ffffff
- editorRuler.foreground#ff00404f
- editorSuggestWidget.focusHighlightForeground#ffbddc
- editorSuggestWidget.foreground#222222
- editorSuggestWidget.highlightForeground#ffcc00
- editorSuggestWidget.selectedForeground#ffffff
- editorWhitespace.foreground#ff00404f
- editorWidget.background#fcfcfc
- editorWidget.border#ff0040
- editorWidget.foreground#222222
- extensionButton.prominentBackground#ff0080
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#b700ff
- gitDecoration.addedResourceForeground#00cf23
- gitDecoration.deletedResourceForeground#cc0000
- gitDecoration.ignoredResourceForeground#4d0000
- gitDecoration.modifiedResourceForeground#ff7b00
- gitDecoration.submoduleResourceForeground#8c00ff
- gitDecoration.untrackedResourceForeground#1a1a1a
- icon.foreground#940146
- input.background#ffffff
- input.border#d10000
- input.foreground#ff0040
- input.placeholderForeground#8a8a8a
- inputOption.activeBorder#ff0040
- inputValidation.errorBackground#cc00009c
- inputValidation.errorBorder#cc0000
- inputValidation.errorForeground#ffffff
- inputValidation.infoBackground#0077ff9c
- inputValidation.infoBorder#0077ff
- inputValidation.infoForeground#ffffff
- inputValidation.warningBackground#ff4800ac
- inputValidation.warningBorder#ff4800
- inputValidation.warningForeground#ffffff
- list.activeSelectionBackground#ff0040
- list.activeSelectionForeground#ffffff
- list.deemphasizedForeground#8a8a8a
- list.dropBackground#d80036
- list.errorForeground#cc0000
- list.filterMatchBackground#ff0080
- list.focusBackground#d10000
- list.focusForeground#ffffff
- list.highlightForeground#d10000
- list.hoverBackground#fd376c8f
- list.hoverForeground#ffffff
- list.inactiveFocusBackground#d10000
- list.inactiveSelectionBackground#ff6081
- list.inactiveSelectionForeground#ffffff
- list.invalidItemForeground#cc0000
- list.warningForeground#ff4800
- listFilterWidget.background#ff0040
- listFilterWidget.noMatchesOutline#cc0000
- listFilterWidget.outline#ff0040
- menu.foreground#ff0080
- menubar.selectionBackground#ff0080
- menubar.selectionForeground#ffffff
- notificationCenterHeader.background#ffffff
- notificationCenterHeader.foreground#ff0080
- notificationLink.foreground#b700ff
- notifications.background#ffffff
- notifications.border#ff0080
- notifications.foreground#ff0080
- notificationsErrorIcon.foreground#ff0080
- notificationsInfoIcon.foreground#ff0080
- notificationsWarningIcon.foreground#ff0080
- panel.dropBackground#ff0040b6
- panelTitle.activeBorder#ff0040
- panelTitle.activeForeground#ff0040
- panelTitle.inactiveForeground#0099ffa2
- peekView.border#ff0040
- peekViewTitle.background#ff0040
- peekViewTitleDescription.foreground#ffffff
- peekViewTitleLabel.foreground#ffffff
- progressBar.background#e70000
- quickInputList.focusBackground#ff58ba
- quickInputList.focusForeground#ffffff
- scrollbar.shadow#dadada
- scrollbarSlider.activeBackground#0077ff90
- scrollbarSlider.background#ff004090
- scrollbarSlider.hoverBackground#ff0040ec
- selection.background#ff004022
- sideBar.background#fafafa
- sideBar.border#ffd9df
- sideBar.foreground#222222
- sideBarSectionHeader.background#ff0040
- sideBarSectionHeader.foreground#ffffff
- sideBarTitle.foreground#ff0040
- statusBar.background#ff0040
- statusBar.border#ff8282
- statusBarItem.activeBackground#e70000
- statusBarItem.hoverBackground#e70000
- tab.activeBackground#ffffff
- tab.activeForeground#e70000
- tab.activeModifiedBorder#ffae00
- tab.inactiveBackground#ffe7e7
- tab.inactiveForeground#8a0000
- tab.inactiveModifiedBorder#ffae00
- tab.unfocusedActiveBackground#ff0040
- tab.unfocusedActiveForeground#ffffff
- tab.unfocusedActiveModifiedBorder#ffae00
- tab.unfocusedInactiveForeground#7a0000
- terminal.ansiBlack#161616
- terminal.ansiBlue#0044fe
- terminal.ansiBrightBlack#292929
- terminal.ansiBrightBlue#0098fe
- terminal.ansiBrightCyan#00c5a4
- terminal.ansiBrightGreen#00f100
- terminal.ansiBrightMagenta#f700ff
- terminal.ansiBrightRed#ff0000
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#e8c500
- terminal.ansiCyan#00c5a4
- terminal.ansiGreen#00cf23
- terminal.ansiMagenta#f700ff
- terminal.ansiRed#ff0080
- terminal.ansiWhite#ffffff
- terminal.ansiYellow#d1b200
- terminal.background#fdfdfd
- terminal.border#ff0080
- terminal.selectionBackground#ff00806e
- terminalCursor.background#ff0080
- terminalCursor.foreground#ff0080
- textLink.foreground#ff0040
- titleBar.activeBackground#ffffff
- titleBar.activeForeground#e70000
- titleBar.border#ff8282
- titleBar.inactiveBackground#ffffff
- titleBar.inactiveForeground#e70000
- tree.indentGuidesStroke#ffc3d2
- widget.shadow#bebebe
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6e6e6e | italic |
| comment.block.preprocessor | #6e6e6e | |
| comment.documentation, comment.block.documentation | #607657 | — |
| invalid.illegal | #ce0000 | — |
| keyword.operator | #7700ff | — |
| keyword, storage | #006eff | — |
| storage.type, support.type | #a200ff | — |
| constant.language, support.constant, variable.language | #ff7700 | — |
| variable, support.variable | #ff00aa | — |
| entity.name.function, support.function | #5900ff | — |
| entity.name.type, entity.other.inherited-class, support.class | #ff5900 | — |
| entity.name.exception | #c50000 | — |
| entity.name.section | — | bold |
| constant.numeric, constant.character, constant | #008cff | — |
| string | #00b475 | — |
| constant.character.escape | #5100d4 | — |
| string.regexp | #006eff | — |
| constant.other.symbol | #AB6526 | — |
| punctuation | #0099ff | — |
| meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html | #15fc00 | — |
| meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html | #006eff | — |
| entity.name.tag | #006eff | — |
| meta.tag entity.other.attribute-name, entity.other.attribute-name.html | #a100fd | italic |
| constant.character.entity, punctuation.definition.entity | #ff7700 | — |
| meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css | #6e12c9 | — |
| meta.property-name, support.type.property-name | #ff7700 | — |
| meta.property-value, meta.property-value constant.other, support.constant.property-value | #ff0062 | — |
| keyword.other.important | — | — |
| markup.changed | #000000 | — |
| markup.deleted | #000000 | — |
| markup.italic | — | italic |
| markup.error | #ff0000 | — |
| markup.inserted | #ff6600 | — |
| meta.link | #006eff | — |
| markup.output, markup.raw | #395dff | — |
| markup.prompt | #ff5100 | — |
| markup.heading | #ff0d00 | — |
| markup.bold | — | bold |
| markup.traceback | #e70000 | — |
| markup.underline | — | underline |
| markup.quote | #a200ff | — |
| markup.list | #006eff | — |
| markup.bold, markup.italic | #3bd100 | — |
| markup.inline.raw | #ff7700 | |
| meta.diff.range, meta.diff.index, meta.separator | #2f009c | — |
| meta.diff.header.from-file | #9c00c4 | — |
| meta.diff.header.to-file | #ff5100 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...