Glacier Dark
Publisher: GlacierThemes in package: 1
Dark theme with teal and frost accents, calm contrast, and readable syntax.
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#7fdbca
- activityBar.background#181825
- activityBar.foreground#cfc8d8
- activityBar.inactiveForeground#6e6a7a
- badge.background#5b4d7a
- badge.foreground#f3f0e8
- button.background#5b4d7a
- button.foreground#f3f0e8
- button.hoverBackground#6d5d92
- descriptionForeground#a89fbd
- diffEditor.insertedTextBackground#a9dc7622
- diffEditor.removedTextBackground#ff618822
- disabledForeground#6e6a7a
- dropdown.background#313244
- dropdown.border#45475a
- dropdown.foreground#f3f0e8
- editor.background#1e1e2e
- editor.findMatchBackground#ffd86644
- editor.findMatchHighlightBackground#ffd86622
- editor.findRangeHighlightBackground#ab9df222
- editor.foreground#f3f0e8
- editor.hoverHighlightBackground#7fdbca22
- editor.inactiveSelectionBackground#6b657722
- editor.selectionBackground#6b657744
- editor.selectionHighlightBackground#ffd86622
- editor.wordHighlightBackground#7fdbca18
- editor.wordHighlightStrongBackground#7fdbca28
- editorBracketHighlight.foreground1#cfc8d8
- editorBracketHighlight.foreground2#cfc8d8
- editorBracketHighlight.foreground3#cfc8d8
- editorBracketHighlight.foreground4#cfc8d8
- editorBracketHighlight.foreground5#cfc8d8
- editorBracketHighlight.foreground6#cfc8d8
- editorBracketMatch.background#7fdbca18
- editorBracketMatch.border#7fdbca88
- editorCursor.foreground#f3f0e8
- editorGroupHeader.tabsBackground#181825
- editorGutter.addedBackground#a9dc76
- editorGutter.background#1e1e2e
- editorGutter.deletedBackground#ff6188
- editorGutter.modifiedBackground#7fdbca
- editorLineNumber.activeForeground#a89fbd
- editorLineNumber.foreground#6e6a7a
- editorSuggestWidget.background#313244
- editorSuggestWidget.border#45475a
- editorSuggestWidget.selectedBackground#5b4d7a66
- editorWidget.background#313244
- editorWidget.border#45475a
- errorForeground#ff6b83
- focusBorder#6b6577
- foreground#f3f0e8
- input.background#313244
- input.border#45475a
- input.foreground#f3f0e8
- inputOption.activeBorder#7fdbca
- inputValidation.errorBackground#3d1f28
- inputValidation.errorBorder#ff6b83
- list.activeSelectionBackground#5b4d7a66
- list.activeSelectionForeground#f3f0e8
- list.focusOutline#7fdbca88
- list.highlightForeground#ffd866
- list.hoverBackground#6b657722
- list.inactiveSelectionBackground#5b4d7a33
- menu.background#313244
- menu.foreground#f3f0e8
- menu.selectionBackground#5b4d7a88
- menubar.selectionBackground#5b4d7a44
- panel.background#181825
- panel.border#45475a
- peekView.border#7fdbca
- peekViewEditor.background#1e1e2e
- peekViewResult.background#313244
- peekViewResult.selectionBackground#6b657744
- peekViewTitle.background#313244
- progressBar.background#7fdbca
- scrollbar.shadow#00000044
- scrollbarSlider.activeBackground#6b657788
- scrollbarSlider.background#6b657733
- scrollbarSlider.hoverBackground#6b657755
- selection.background#6b657755
- sideBar.background#1e1e2e
- sideBar.foreground#cfc8d8
- sideBarSectionHeader.background#1e1e2e
- sideBarSectionHeader.foreground#a89fbd
- sideBarTitle.foreground#a89fbd
- statusBar.background#181825
- statusBar.foreground#a89fbd
- statusBar.noFolderBackground#181825
- tab.activeBackground#1e1e2e
- tab.activeBorderTop#7fdbca
- tab.activeForeground#f3f0e8
- tab.border#313244
- tab.inactiveBackground#181825
- tab.inactiveForeground#a89fbd
- terminal.ansiBlack#181825
- terminal.ansiBlue#78a9ff
- terminal.ansiBrightBlack#6e6a7a
- terminal.ansiBrightBlue#9ebdff
- terminal.ansiBrightCyan#9ef5e8
- terminal.ansiBrightGreen#c5f0a4
- terminal.ansiBrightMagenta#c7b7ff
- terminal.ansiBrightRed#ff8fa3
- terminal.ansiBrightWhite#f3f0e8
- terminal.ansiBrightYellow#ffe08a
- terminal.ansiCyan#7fdbca
- terminal.ansiGreen#a9dc76
- terminal.ansiMagenta#ab9df2
- terminal.ansiRed#ff6188
- terminal.ansiWhite#cfc8d8
- terminal.ansiYellow#ffd866
- terminal.foreground#f3f0e8
- textBlockQuote.background#313244
- textBlockQuote.border#7fdbca
- textCodeBlock.background#313244
- textLink.activeForeground#9ef5e8
- textLink.foreground#7fdbca
- textPreformat.foreground#ffd866
- titleBar.activeBackground#181825
- titleBar.activeForeground#cfc8d8
- titleBar.inactiveBackground#181825
- titleBar.inactiveForeground#6e6a7a
- widget.shadow#00000088
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #827e8f | italic |
| string, string.quoted, string.other | #e8da7a | — |
| constant.numeric, constant.language, constant.character, constant.other, keyword.other.unit | #ab9df2 | — |
| keyword, keyword.control, keyword.operator.new, storage.type, storage.modifier | #8fbcbb | bold |
| keyword.operator, punctuation.accessor, punctuation.separator, punctuation.terminator | #cfc8d8 | — |
| entity.name.function, support.function, meta.function-call | #a9dc76 | — |
| entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class | #7fdbca | — |
| entity.name.namespace, support.namespace, entity.name.module | #78e0f4 | — |
| variable, variable.other, variable.parameter, variable.other.property, meta.definition.variable | #f3f0e8 | — |
| variable.language | #fc9867 | italic |
| entity.name.tag, meta.tag.sgml | #f92672 | italic |
| entity.other.attribute-name, meta.attribute-with-value | #a9dc76 | italic |
| support.type.property-name.css, meta.property-name.css | #7fdbca | italic |
| markup.heading, markup.bold | #ffd866 | bold |
| markup.underline.link | #78e0f4 | — |
| invalid, invalid.illegal | #f3f0e8 | — |
| support.type.property-name.json | #7fdbca | italic |
| string.regexp | #fc9867 | — |
| markup.inserted, meta.diff.range.unified, punctuation.definition.range.diff | #a9dc76 | — |
| markup.deleted | #ff6188 | — |