Witch Hazel
Publisher: Thea FlowersThemes in package: 2
A dark and feminine color scheme
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.background#353144
- activityBarBadge.background#31cae3
- activityBarBadge.foreground#F8F8F2
- badge.background#31cae3
- badge.foreground#F8F8F2
- button.background#2cb5cc
- button.foreground#F8F8F2
- debugToolBar.background#3c374d
- diffEditor.insertedTextBackground#6A8D7A
- diffEditor.removedTextBackground#7f5c68
- dropdown.background#464258
- dropdown.foreground#F8F8F2
- editor.background#433E56
- editor.findMatchBackground#a37c8a
- editor.findMatchHighlightBackground#7f5c68
- editor.findRangeHighlightBackground#6c677c
- editor.foreground#F8F8F2
- editor.lineHighlightBackground#716799
- editor.selectionBackground#8077A8
- editorCursor.foreground#F8F8F0
- editorError.foreground#F92672
- editorGroup.border#464258
- editorGroupHeader.noTabsBackground#3c374d
- editorGroupHeader.tabsBackground#3c374d
- editorGutter.addedBackground#C2FFDF
- editorGutter.deletedBackground#8077A8
- editorGutter.modifiedBackground#FFF781
- editorIndentGuide.activeBackground#C8F8FF
- editorIndentGuide.background#716799
- editorLink.activeForeground#C990A5
- editorOverviewRuler.addedForeground#C2FFDF
- editorOverviewRuler.currentContentForeground#7d7100
- editorOverviewRuler.deletedForeground#8077A8
- editorOverviewRuler.errorForeground#FF81AD
- editorOverviewRuler.findMatchForeground#7f5c68
- editorOverviewRuler.incomingContentForeground#005c75
- editorOverviewRuler.modifiedForeground#FFF781
- editorOverviewRuler.warningForeground#FF857F
- editorSuggestWidget.background#3c374d
- editorSuggestWidget.border#48425c
- editorSuggestWidget.foreground#F8F8F0
- editorSuggestWidget.highlightForeground#ffb8d1
- editorSuggestWidget.selectedBackground#8077A8
- editorWarning.foreground#FF857F
- editorWhitespace.foreground#A8757B
- editorWidget.background#3c374d
- editorWidget.resizeBorder#48425c
- errorForeground#F8F8F2
- focusBorder#8077A8
- gitDecoration.addedResourceForeground#C2FFDF
- gitDecoration.deletedResourceForeground#ffb8d1
- gitDecoration.ignoredResourceForeground#B0BEC5
- gitDecoration.modifiedResourceForeground#84dcec
- gitDecoration.renamedResourceForeground#FFF781
- gitDecoration.stageDeletedResourceForeground#8077A8
- gitDecoration.stageModifiedResourceForeground#64CB96
- gitDecoration.untrackedResourceForeground#b9b9b9
- gitlens.trailingLineForegroundColor#F8F8F2
- input.background#353144
- input.foreground#F8F8F2
- list.activeSelectionBackground#716799
- list.activeSelectionForeground#F8F8F2
- list.dropBackground#7D7796
- list.errorForeground#FF81AD
- list.focusBackground#686477
- list.focusForeground#F8F8F2
- list.hoverBackground#555166
- list.hoverForeground#F8F8F2
- list.inactiveFocusBackground#7D7796
- list.inactiveSelectionBackground#716799
- list.inactiveSelectionForeground#F8F8F2
- list.warningForeground#FF857F
- merge.border#F8F8F2
- merge.currentContentBackground#7d7100
- merge.currentHeaderBackground#a59900
- merge.incomingContentBackground#005c75
- merge.incomingHeaderBackground#008ea7
- minimap.errorHighlight#FF81AD
- minimap.findMatchHighlight#7f5c68
- minimap.selectionHighlight#C5A3FF
- minimap.warningHighlight#FF857F
- minimapGutter.addedBackground#C2FFDF
- minimapGutter.deletedBackground#8077A8
- minimapGutter.modifiedBackground#FFF781
- notificationCenterHeader.background#464258
- notificationCenterHeader.foreground#F8F8F2
- notifications.background#464258
- notifications.foreground#F8F8F2
- problemsErrorIcon.foreground#FF81AD
- problemsWarningIcon.foreground#FF857F
- selection.background#c6c4cc
- settings.checkboxBackground#8077A8
- settings.checkboxBorder#F8F8F2
- settings.checkboxForeground#F8F8F2
- settings.focusedRowBorder#C5A3FF
- settings.headerForeground#8077A8
- settings.modifiedItemIndicator#FFF781
- sideBar.background#3c374d
- sideBar.dropBackground#464258
- sideBar.foreground#F8F8F2
- sideBarSectionHeader.background#48425c
- sideBarSectionHeader.foreground#F8F8F2
- statusBar.background#716799
- statusBar.debuggingBackground#F97777
- statusBar.debuggingForeground#F8F8F2
- statusBar.foreground#F8F8F2
- statusBar.noFolderBackground#716799
- statusBar.noFolderForeground#F8F8F2
- tab.activeBackground#716799
- tab.border#464258
- tab.inactiveBackground#464258
- tab.inactiveForeground#F8F8F2
- textLink.activeForeground#DBA6BA
- textLink.foreground#C990A5
- titleBar.activeBackground#464258
- titleBar.activeForeground#F8F8F2
- titleBar.inactiveBackground#3a3553
- titleBar.inactiveForeground#b9b9b9
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #F8F8F2 | — |
| comment | #B0BEC5 | — |
| string | #1BC5E0 | — |
| constant.numeric | #C5A3FF | — |
| constant.language | #C5A3FF | — |
| constant.character, constant.other | #C5A3FF | — |
| variable | #F8F8F2 | |
| keyword | #C2FFDF | — |
| storage | #FFB8D1 | |
| storage.type | #C2FFDF | italic |
| entity.name.class | #FFF352 | underline |
| entity.other.inherited-class | #FFF352 | italic |
| entity.name.function | #ceb1ff | |
| variable.parameter | #FF857F | italic |
| entity.name.tag | #FFB8D1 | |
| entity.other.attribute-name | #FFF352 | |
| support.function | #C2FFDF | |
| support.constant | #C2FFDF | |
| support.type, support.class | #C2FFDF | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| markup.heading.markdown | #FFF352 | bold |
| meta.link.inline.markdown | #C2FFDF | — |
| meta.link.reference.markdown | #C2FFDF | — |
| string.other.link.title.markdown | #1BC5E0 | bold |
| markup.underline.link.markdown | — | italic |
| markup.underline.link.image.markdown | — | underline italic |
| markup.bold.markdown | #F8F8F2 | bold |
| markup.italic.markdown | #F8F8F2 | italic |
| meta.image.inline.markdown | #ceb1ff | italic |
| string.other.link.description.markdown | #1BC5E0 | bold italic |
| markup.inline.raw.string.markdown | #FFF352 | — |
| markup.fenced_code.block.markdown | #FFB8D1 | — |
| fenced_code.block.language.markdown | — | italic |
| meta.embedded.block | #F8F8F0 | — |
| punctuation.definition.list.begin.markdown | #C5A3FF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...