Snowflake Theme
Publisher: breberafThemes in package: 3
Modern color theme in the colors of winter.
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#86c3dd
- activityBar.background#1b2029
- activityBar.border#1b2029
- activityBar.foreground#3c4b55
- activityBarBadge.background#86c3dd
- activityBarBadge.foreground#1b2029
- badge.background#1b2029
- badge.foreground#86c3dd
- breadcrumb.background#1b2029
- breadcrumb.foreground#738699dd
- button.background#86c3dd
- button.foreground#1b2029
- button.hoverBackground#7cb4cc
- contrastBorder#1b2029
- debugExceptionWidget.background#1c252e
- debugExceptionWidget.border#212e3a
- debugIcon.startForeground#00fff2
- debugToolBar.background#1c252e
- debugToolBar.border#212e3a
- descriptionForeground#e4e4e4
- dropdown.background#1c252e
- dropdown.border#212e3a
- dropdown.foreground#a0a0a0
- dropdown.listBackground#1c252e
- editor.background#1b2029
- editor.findMatchBackground#017d8d
- editor.findMatchBorder#c0e1e4
- editor.findMatchHighlightBackground#017d8d
- editor.findMatchHighlightBorder#017d8d
- editor.findRangeHighlightBackground#017d8d
- editor.foreground#e4e4e4
- editor.hoverHighlightBackground#272b312a
- editor.lineHighlightBackground#272b312a
- editor.lineHighlightBorder#33333307
- editor.rangeHighlightBackground#272b312a
- editor.rangeHighlightBorder#272b312a
- editor.selectionBackground#214a57a8
- editor.selectionHighlightBackground#214a57a8
- editor.selectionHighlightBorder#bebebe
- editor.wordHighlightBackground#214a57a8
- editor.wordHighlightBorder#bebebe
- editorBracketMatch.background#017d8d
- editorBracketMatch.border#bebebe
- editorCodeLens.foreground#bebebe
- editorCursor.foreground#738699dd
- editorError.foreground#f18a8a
- editorGroup.border#212e3a
- editorGroupHeader.noTabsBackground#1b2029
- editorGroupHeader.tabsBackground#1b2029
- editorGroupHeader.tabsBorder#282c33
- editorHint.foreground#5188ff
- editorHoverWidget.background#1c252e
- editorHoverWidget.border#212e3a
- editorIndentGuide.activeBackground#186a83
- editorIndentGuide.background#273138
- editorInfo.foreground#5188ff
- editorLineNumber.activeForeground#738699dd
- editorLineNumber.foreground#3c4b55
- editorLink.activeForeground#27a0c5
- editorOverviewRuler.border#738699dd
- editorRuler.foreground#bebebe
- editorSuggestWidget.background#1c252e
- editorSuggestWidget.border#1c252e
- editorSuggestWidget.foreground#a0a0a0
- editorSuggestWidget.highlightForeground#a0a0a0
- editorSuggestWidget.selectedBackground#214a57a8
- editorWarning.foreground#f1c88a
- editorWhitespace.foreground#272b312a
- editorWidget.background#1c252e
- editorWidget.border#212e3a
- errorForeground#f18a8a
- extensionButton.prominentBackground#86c3dd
- extensionButton.prominentForeground#1b2029
- extensionButton.prominentHoverBackground#7cb4cc
- focusBorder#1b2029
- foreground#e4e4e4
- gitDecoration.addedResourceForeground#7fdd83
- gitDecoration.conflictingResourceForeground#ec6e6e
- gitDecoration.deletedResourceForeground#d38680
- gitDecoration.ignoredResourceForeground#3e4955dd
- gitDecoration.modifiedResourceForeground#80d3d3
- gitDecoration.untrackedResourceForeground#4f5c6bdd
- gitlens.gutterBackgroundColor#20252b
- input.background#1c252e
- input.border#212e3a
- input.foreground#a0a0a0
- input.placeholderForeground#a0a0a0
- inputOption.activeBorder#212e3a
- inputValidation.errorBackground#1c252e
- inputValidation.errorBorder#f18a8a
- inputValidation.infoBackground#1c252e
- inputValidation.infoBorder#5188ff
- inputValidation.warningBackground#1c252e
- inputValidation.warningBorder#f1c88a
- list.activeSelectionBackground#212d38
- list.activeSelectionForeground#c0e1e4
- list.dropBackground#171c24
- list.errorForeground#f18a8a
- list.focusBackground#212d38
- list.focusForeground#c0e1e4
- list.highlightForeground#c0e1e4
- list.hoverBackground#212d38
- list.hoverForeground#c0e1e4
- list.inactiveFocusBackground#212d38
- list.inactiveSelectionBackground#212d38
- list.inactiveSelectionForeground#c0e1e4
- list.invalidItemForeground#f18a8a
- list.warningForeground#f1c88a
- menu.background#1c252e
- menu.selectionBackground#214a57a8
- menu.selectionForeground#c0e1e4
- notificationCenter.border#212e3a
- notificationCenterHeader.background#1c252e
- notificationCenterHeader.foreground#a0a0a0
- notificationLink.foreground#27a0c5
- notifications.background#1c252e
- notifications.foreground#a0a0a0
- notificationToast.border#212e3a
- panel.background#1b2029
- panel.border#282c33
- panelInput.border#212e3a
- panelTitle.activeBorder#1b2029
- panelTitle.activeForeground#bebebe
- panelTitle.inactiveForeground#738699dd
- peekView.border#212e3a
- peekViewEditor.background#1c252e
- peekViewEditor.matchHighlightBackground#017d8d
- peekViewEditorGutter.background#1c252e
- peekViewResult.background#1c252e
- peekViewResult.fileForeground#a0a0a0
- peekViewResult.lineForeground#a0a0a0
- peekViewResult.matchHighlightBackground#017d8d
- peekViewResult.selectionBackground#214a57a8
- peekViewResult.selectionForeground#a0a0a0
- peekViewTitle.background#1c252e
- peekViewTitleDescription.foreground#e4e4e4
- peekViewTitleLabel.foreground#c0e1e4
- progressBar.background#27a0c5
- scrollbar.shadow#07090a23
- scrollbarSlider.activeBackground#a8a8a817
- scrollbarSlider.background#ffffff0a
- scrollbarSlider.hoverBackground#a8a8a817
- selection.background#214a57a8
- sideBar.background#1b2029
- sideBar.border#282c33
- sideBar.foreground#738699dd
- sideBarSectionHeader.background#1b2029
- sideBarSectionHeader.foreground#738699dd
- sideBarTitle.foreground#c0e1e4
- statusBar.background#1b2029
- statusBar.border#282c33
- statusBar.debuggingBackground#5dabb1cc
- statusBar.debuggingBorder#274a4dcc
- statusBar.debuggingForeground#d3d3d3
- statusBar.foreground#738699dd
- statusBar.noFolderBackground#1b2029
- statusBar.noFolderBorder#282c33
- statusBar.noFolderForeground#738699dd
- statusBarItem.activeBackground#1e242e
- statusBarItem.hoverBackground#3037426e
- statusBarItem.prominentBackground#232a36
- tab.activeBackground#1b2029
- tab.activeBorder#1b2029
- tab.activeBorderTop#86c3dd
- tab.activeForeground#bebebe
- tab.border#282c33
- tab.hoverBackground#1b2029
- tab.inactiveBackground#1b2029
- tab.inactiveForeground#738699dd
- tab.unfocusedActiveBorder#1b2029
- tab.unfocusedActiveForeground#bebebe
- tab.unfocusedHoverBackground#1b2029
- tab.unfocusedInactiveForeground#738699dd
- terminal.ansiBlack#1d232c
- terminal.ansiBlue#89a5e2
- terminal.ansiBrightBlack#6d6d6d
- terminal.ansiBrightBlue#319cbd
- terminal.ansiBrightCyan#80b1d3
- terminal.ansiBrightGreen#a5e289
- terminal.ansiBrightMagenta#cd89e2
- terminal.ansiBrightRed#fa6363
- terminal.ansiBrightWhite#a4f3fa
- terminal.ansiBrightYellow#dcb560
- terminal.ansiCyan#80d3d3
- terminal.ansiGreen#89e290
- terminal.ansiMagenta#af89e2
- terminal.ansiRed#e28989
- terminal.ansiWhite#89dbe2
- terminal.ansiYellow#e2e089
- terminal.background#1b2029
- terminal.foreground#b3e0e4
- textBlockQuote.background#1b2029
- textBlockQuote.border#212e3a
- textCodeBlock.background#1b2029
- textLink.activeForeground#27a0c5
- textLink.foreground#27a0c5
- textPreformat.foreground#a0a0a0
- textSeparator.foreground#a0a0a0
- titleBar.activeBackground#1b2029
- titleBar.activeForeground#738699dd
- titleBar.border#1b2029
- titleBar.inactiveBackground#1b2029
- titleBar.inactiveForeground#738699dd
- tree.indentGuidesStroke#737879
- welcomePage.background#1b2029
- welcomePage.buttonBackground#1c212b
- welcomePage.buttonHoverBackground#1d222c
- widget.shadow#0d1014b3
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #46464bcb | italic |
| variable, string constant.other.placeholder | #6af7fc | — |
| constant.other.color | #aaaaaa | — |
| invalid, invalid.illegal | #FF5370 | — |
| keyword, storage.type, storage.modifier | #b8a4ff | — |
| keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution | #afe8ff | — |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #42f1f7 | — |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #88aeff | — |
| meta.block variable.other | #6af7fc | — |
| support.other.variable, string.other.link | #ec71f0 | — |
| constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other | #88aeff | — |
| string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js | #21c4e0fa | — |
| entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types | #21c4e0fa | — |
| support.type | #B2CCD6 | — |
| source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name | #B2CCD6 | — |
| entity.name.module.js, variable.import.parameter.js, variable.other.class.js | #FF5370 | — |
| variable.language | #FF5370 | italic |
| entity.name.method.js | #82AAFF | italic |
| meta.class-method.js entity.name.function.js, variable.function.constructor | #82AAFF | — |
| entity.other.attribute-name | #93acff | — |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | #7e61ff | italic |
| entity.other.attribute-name.class | #82AAFF | — |
| source.sass keyword.control | #d494ff | — |
| markup.inserted | #C3E88D | — |
| string.regexp | #89ffeb | — |
| constant.character.escape | #acacac | — |
| *url*, *link*, *uri* | — | underline |
| entity.name.variable, variable | #5fdce0 | — |
| support.type.property-name, meta.object-literal.key | #5fdce0 | — |
| support.type.property-name.css | #cccccc | — |
| variable.language | #a09afae6 | italic |
| variable.parameter | — | italic |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...