Winter Witch
Publisher: ZarphThemes in package: 1
Winter Witch theme
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.activeBackground#00000000
- activityBar.background#101010
- activityBar.foreground#9FD4FC
- activityBar.inactiveForeground#bbbbbb
- activityBarBadge.background#9983ff
- activityBarBadge.foreground#000000
- activityBarTop.foreground#9FD4FC
- activityBarTop.inactiveForeground#bbbbbb
- badge.background#9fd4fc
- badge.foreground#000000
- button.background#9fd4fc
- button.foreground#000000
- button.hoverBackground#cae8ff
- commandCenter.activeBackground#101010
- commandCenter.activeBorder#9fd4fc
- commandCenter.activeForeground#bbbbbb00
- commandCenter.background#101010
- commandCenter.border#bbbbbb15
- commandCenter.foreground#bbbbbb00
- debugExceptionWidget.background#202020
- debugExceptionWidget.border#9983FF
- debugIcon.breakpointCurrentStackframeForeground#9FD4FC
- debugIcon.breakpointDisabledForeground#848484
- debugIcon.breakpointForeground#9FD4FC
- debugIcon.breakpointStackframeForeground#9FD4FC
- debugIcon.breakpointUnverifiedForeground#848484
- debugIcon.continueForeground#9FD4FC
- debugIcon.disconnectForeground#9FD4FC
- debugIcon.pauseForeground#9FD4FC
- debugIcon.restartForeground#9FD4FC
- debugIcon.startForeground#9FD4FC
- debugIcon.stepBackForeground#9FD4FC
- debugIcon.stepIntoForeground#9FD4FC
- debugIcon.stepOutForeground#9FD4FC
- debugIcon.stepOverForeground#9FD4FC
- debugIcon.stopForeground#9FD4FC
- debugToolBar.background#202020
- diffEditor.diagonalFill#14171A
- diffEditor.insertedTextBackground#1A1C1F99
- diffEditor.insertedTextBorder#9fd4fc
- diffEditor.removedTextBackground#9a83ff5a
- diffEditor.removedTextBorder#9983ff00
- dropdown.background#101010
- dropdown.border#00000000
- dropdown.foreground#bbbbbb
- editor.background#101010
- editor.findMatchBackground#bbbbbb25
- editor.findMatchHighlightBackground#bbbbbb25
- editor.foreground#bbbbbb
- editor.hoverHighlightBackground#bbbbbb15
- editor.inactiveSelectionBackground#bbbbbb20
- editor.lineHighlightBackground#bbbbbb10
- editor.lineHighlightBorder#bbbbbb00
- editor.selectionBackground#bbbbbb20
- editor.selectionHighlightBackground#00000000
- editor.wordHighlightBackground#a1d6ff20
- editor.wordHighlightStrongBackground#a1d6ff30
- editorBracketHighlight.foreground1#9FD4FC
- editorBracketHighlight.foreground2#9FD4FC
- editorBracketHighlight.foreground3#9FD4FC
- editorBracketHighlight.foreground4#9FD4FC
- editorBracketHighlight.foreground5#9FD4FC
- editorBracketHighlight.foreground6#9FD4FC
- editorBracketHighlight.unexpectedBracket.foreground#9983FF
- editorBracketMatch.background#bbbbbb00
- editorBracketMatch.border#bbbbbb
- editorBracketPairGuide.activeBackground1#9FD4FC4D
- editorBracketPairGuide.activeBackground2#9FD4FC4D
- editorBracketPairGuide.activeBackground3#9FD4FC4D
- editorBracketPairGuide.activeBackground4#9FD4FC4D
- editorBracketPairGuide.activeBackground5#9FD4FC4D
- editorBracketPairGuide.activeBackground6#9FD4FC4D
- editorBracketPairGuide.background1#9FD4FC26
- editorBracketPairGuide.background2#9FD4FC26
- editorBracketPairGuide.background3#9FD4FC26
- editorBracketPairGuide.background4#9FD4FC26
- editorBracketPairGuide.background5#9FD4FC26
- editorBracketPairGuide.background6#9FD4FC26
- editorCodeLens.foreground#9fd4fc
- editorCursor.foreground#bbbbbb
- editorError.border#9983ff00
- editorError.foreground#9983ff
- editorGroup.border#bbbbbb30
- editorGroup.dropBackground#bbbbbb15
- editorGroupHeader.tabsBackground#101010
- editorGroupHeader.tabsBorder#10101000
- editorGutter.addedBackground#9FD4FC
- editorGutter.background#101010
- editorGutter.deletedBackground#9983FF
- editorGutter.modifiedBackground#9fd4fc
- editorHoverWidget.background#101010
- editorHoverWidget.border#15151500
- editorIndentGuide.activeBackground1#252525
- editorIndentGuide.background1#252525
- editorLineNumber.activeForeground#9fd4fc
- editorLineNumber.foreground#353535
- editorLink.activeForeground#9fd4fc
- editorMarkerNavigation.background#9fd4fcC0
- editorMarkerNavigationError.background#9983FFC0
- editorMarkerNavigationWarning.background#9fd4fcC0
- editorOverviewRuler.addedForeground#9fd4fc
- editorOverviewRuler.border#bbbbbb50
- editorOverviewRuler.currentContentForeground#9fd4fc
- editorOverviewRuler.deletedForeground#9983FF
- editorOverviewRuler.errorForeground#9983FF
- editorOverviewRuler.findMatchForeground#9fd4fc66
- editorOverviewRuler.incomingContentForeground#252525
- editorOverviewRuler.infoForeground#9fd4fc
- editorOverviewRuler.modifiedForeground#9fd4fc
- editorOverviewRuler.rangeHighlightForeground#9fd4fc66
- editorOverviewRuler.selectionHighlightForeground#9fd4fc66
- editorOverviewRuler.warningForeground#bbbbbb
- editorOverviewRuler.wordHighlightForeground#9fd4fc66
- editorOverviewRuler.wordHighlightStrongForeground#9fd4fc99
- editorRuler.foreground#bbbbbb50
- editorSuggestWidget.background#101010
- editorSuggestWidget.border#00000000
- editorSuggestWidget.foreground#bbbbbb
- editorSuggestWidget.highlightForeground#9fd4fc
- editorSuggestWidget.selectedBackground#9FD4FC20
- editorWarning.border#bbbbbb00
- editorWarning.foreground#bbbbbb
- editorWidget.background#101010
- errorForeground#9983ff
- extensionButton.background#9fd4fc
- extensionButton.border#9fd4fc00
- extensionButton.foreground#000000
- extensionButton.hoverBackground#cae8ff
- extensionButton.prominentBackground#9fd4fc
- extensionButton.prominentForeground#000000
- extensionButton.prominentHoverBackground#cae8ff
- focusBorder#00000000
- foreground#bbbbbb
- gitDecoration.addedResourceForeground#9FD4FC
- gitDecoration.conflictingResourceForeground#9983FF
- gitDecoration.deletedResourceForeground#8d74fd
- gitDecoration.ignoredResourceForeground#8E9AA3
- gitDecoration.modifiedResourceForeground#9FD4FC
- gitDecoration.submoduleResourceForeground#9FD4FC
- gitDecoration.untrackedResourceForeground#9FD4FC
- icon.foreground#bbbbbb
- input.background#101010
- input.border#20202000
- input.foreground#bbbbbb
- input.placeholderForeground#aaaaaa
- inputOption.activeBackground#bbbbbb40
- inputOption.activeBorder#8CB9D600
- inputOption.activeForeground#bbbbbb
- inputOption.hoverBackground#9FD4FC18
- inputValidation.errorBackground#9983ff
- inputValidation.errorBorder#9983ff00
- inputValidation.infoBackground#9FD4FC
- inputValidation.infoBorder#9FD4FC
- inputValidation.warningBackground#bbbbbb
- inputValidation.warningBorder#bbbbbb00
- list.activeSelectionBackground#bbbbbb15
- list.activeSelectionForeground#b5dfff
- list.dropBackground#bbbbbb15
- list.errorForeground#9983ff
- list.focusBackground#bbbbbb15
- list.focusForeground#b5dfff
- list.highlightForeground#b5dfff
- list.hoverBackground#bbbbbb15
- list.hoverForeground#b5dfff
- list.inactiveSelectionBackground#bbbbbb15
- list.inactiveSelectionForeground#b5dfff
- list.inactiveSelectionIconForeground#b5dfff
- list.warningForeground#bbbbbb
- menu.background#101010
- menu.border#10101000
- menu.foreground#bbbbbb
- merge.border#25252500
- merge.currentContentBackground#9fd4fc4D
- merge.currentHeaderBackground#9fd4fc66
- merge.incomingContentBackground#9FD4FC4D
- merge.incomingHeaderBackground#9FD4FC66
- panel.background#101010
- panel.border#10101000
- panelTitle.activeBorder#10101000
- panelTitle.activeForeground#9fd4fc
- panelTitle.inactiveForeground#bbbbbb
- peekView.border#252525
- peekViewEditor.background#101010
- peekViewEditor.matchHighlightBackground#9fd4fcCC
- peekViewEditorGutter.background#101010
- peekViewResult.background#101010
- peekViewResult.fileForeground#9fd4fc
- peekViewResult.lineForeground#bbbbbb66
- peekViewResult.matchHighlightBackground#9fd4fcCC
- peekViewResult.selectionBackground#9fd4fc33
- peekViewResult.selectionForeground#bbbbbb
- peekViewTitle.background#252525
- peekViewTitleDescription.foreground#bbbbbb
- peekViewTitleLabel.foreground#9fd4fc
- pickerGroup.border#25252500
- pickerGroup.foreground#bbbbbb
- scrollbar.background#151515
- scrollbarSlider.activeBackground#9FD4FC
- scrollbarSlider.background#bbbbbb
- scrollbarSlider.hoverBackground#9FD4FC
- selection.background#bbbbbb40
- sideBar.background#101010
- sideBar.border#bbbbbb00
- sideBar.foreground#bbbbbb
- sideBarActivityBarTop.border#10101000
- sideBarTitle.foreground#bbbbbb00
- statusBar.background#101010
- statusBar.border#25252500
- statusBar.debuggingBackground#9FD4FC
- statusBar.debuggingForeground#121212
- statusBar.foreground#9FD4FC
- statusBar.noFolderBackground#151515
- statusBar.noFolderForeground#bbbbbb
- statusBarItem.activeBackground#202020
- statusBarItem.hoverBackground#252525
- statusBarItem.prominentBackground#202020
- statusBarItem.prominentHoverBackground#252525
- statusBarItem.remoteBackground#00000000
- statusBarItem.remoteForeground#7E7E7E
- symbolIcon.classForeground#9FD4FC
- symbolIcon.constructorForeground#9FD4FC
- symbolIcon.enumeratorForeground#9FD4FC
- symbolIcon.enumeratorMemberForeground#9FD4FC
- symbolIcon.eventForeground#9FD4FC
- symbolIcon.fieldForeground#9FD4FC
- symbolIcon.functionForeground#9FD4FC
- symbolIcon.interfaceForeground#9FD4FC
- symbolIcon.methodForeground#9FD4FC
- symbolIcon.variableForeground#9FD4FC
- tab.activeBackground#bbbbbb10
- tab.activeForeground#cae8ff
- tab.hoverBackground#bbbbbb20
- tab.inactiveBackground#101010
- tab.inactiveForeground#bbbbbb
- terminal.ansiBlack#252525
- terminal.ansiBlue#9FD4FC
- terminal.ansiBrightBlack#454545
- terminal.ansiBrightBlue#9FD4FC
- terminal.ansiBrightCyan#9FD4FC
- terminal.ansiBrightGreen#9FD4FC
- terminal.ansiBrightMagenta#9FD4FC
- terminal.ansiBrightRed#9983FF
- terminal.ansiBrightWhite#e8e8e8
- terminal.ansiBrightYellow#bbbbbb
- terminal.ansiCyan#9FD4FC
- terminal.ansiGreen#9FD4FC
- terminal.ansiMagenta#9FD4FC
- terminal.ansiRed#9983FF
- terminal.ansiWhite#858585
- terminal.ansiYellow#bbbbbb
- terminal.background#101010
- terminal.foreground#bbbbbb
- textLink.activeForeground#9FD4FC
- textLink.foreground#cccccc
- titleBar.activeBackground#101010
- titleBar.activeForeground#bbbbbb
- titleBar.border#bbbbbb00
- titleBar.inactiveBackground#101010
- titleBar.inactiveForeground#bbbbbb
- toolbar.activeBackground#9fd4fc23
- toolbar.hoverBackground#9fd4fc23
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #bbbbbb | — |
| comment, comment.block.documentation, comment.line.documentation, punctuation.definition.comment | #6F7F8F | italic |
| string, string.quoted, string.quoted.single, string.quoted.double, string.template, string.interpolated, punctuation.definition.string, punctuation.definition.string.begin, punctuation.definition.string.end | #9FE6D9 | — |
| constant.character.escape, constant.other.placeholder, string.regexp, string.regexp.character-class, constant.other.character-class, constant.other.backreference, punctuation.definition.character-class, punctuation.definition.escape | #7FBFE8 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #B7A6FF | — |
| constant.language.boolean, constant.language.null, constant.language.undefined | #B9D2FF | — |
| keyword, keyword.control, keyword.control.flow, keyword.control.import, keyword.control.return, keyword.control.conditional, keyword.control.loop, keyword.operator.word | #8BBFFF | — |
| storage, storage.type, storage.modifier, storage.type.function, storage.type.class, storage.type.interface, storage.type.enum, storage.type.struct | #A3B6FF | — |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison, keyword.operator.bitwise, punctuation, punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.section, punctuation.section.block, punctuation.section.parens, punctuation.section.braces, punctuation.section.brackets, meta.brace, meta.delimiter | #92A2B4 | — |
| entity.name.function, entity.name.function.call, entity.name.function.method, support.function, support.function.builtin, support.function.any-method, meta.function-call, variable.function | #76BAFF | — |
| entity.name.type, entity.name.class, entity.name.interface, entity.name.struct, entity.name.trait, entity.name.enum, support.type, support.class, support.type.primitive, support.type.builtin, support.type.exception | #AEB8F2 | — |
| variable, variable.other, variable.other.readwrite, variable.other.object | #C2C2C2 | — |
| variable.parameter, variable.other.parameter, variable.parameter.function, meta.parameters | #BCD0E4 | — |
| constant.language, support.constant, variable.language, entity.name.constant, variable.other.constant, constant.other.enum, variable.other.enummember | #D3E3FF | — |
| variable.other.member, variable.other.property, support.type.property-name, support.variable.property, meta.object-literal.key, meta.object-literal.key string.unquoted, meta.object-literal.key string.quoted | #9FB8D3 | — |
| entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id, entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #B9CBE0 | — |
| entity.name.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #90C8FF | — |
| entity.name.namespace, entity.name.module, support.module, entity.name.package, support.namespace | #A3BED5 | — |
| meta.annotation, meta.decorator, entity.name.function.decorator, entity.name.tag.decorator, storage.type.annotation | #9EC3EF | — |
| entity.name.label, entity.name.section | #A6BFD6 | — |
| invalid.illegal, invalid.deprecated | #9983FF | — |
| markup.heading, punctuation.definition.heading | #C3E2FF | bold |
| markup.bold, markup.italic, markup.strikethrough | #A7BBD2 | italic |
| markup.underline.link, punctuation.definition.metadata.markdown | #86C6FF | underline |
| beginning.punctuation.definition.list.markdown | #8EA0B2 | — |
| markup.inline.raw, markup.fenced_code.block, markup.raw | #98DFD2 | — |
| markup.quote | #8FA5BB | — |
| markup.inserted, punctuation.definition.inserted | #B4DDFF | — |
| markup.changed, punctuation.definition.changed | #98D0FF | — |
| markup.deleted, punctuation.definition.deleted | #8C7BFF | — |