Wick
Publisher: wickThemes in package: 1
Official Wick color 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.activeBorder#4788FF
- activityBar.background#181a1f
- activityBar.border#181a1f
- activityBar.foreground#c6ccd7
- activityBar.inactiveForeground#5f6672
- activityBarBadge.background#e06c75
- activityBarBadge.foreground#ffffff
- breadcrumb.focusForeground#c6ccd7
- breadcrumb.foreground#5f6672
- button.background#70A2FF
- button.foreground#ffffff
- button.hoverBackground#4788FF
- button.secondaryBackground#0d1117
- button.secondaryForeground#ffffff
- checkbox.background#61afef
- checkbox.foreground#ffffff
- contrastBorder#0d1117
- debugToolBar.background#181a1f
- diffEditor.border#0d1117
- diffEditor.diagonalFill#0d1117
- diffEditor.insertedTextBackground#98c3791a
- diffEditor.removedTextBackground#e06c7526
- dropdown.background#181a1f
- dropdown.border#0d1117
- editor.background#21252b
- editor.findMatchBackground#00000000
- editor.findMatchBorder#4788FF
- editor.findMatchHighlightBackground#00000000
- editor.findMatchHighlightBorder#c6ccd7
- editor.foreground#a9b2c3
- editor.lineHighlightBackground#a9b2c31a
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBorder#c6ccd7
- editor.selectionBackground#dbdbdb44
- editor.selectionHighlightBackground#a9b2c31a
- editor.selectionHighlightBorder#c6ccd7
- editor.wordHighlightBackground#00000000
- editor.wordHighlightBorder#4788FF
- editor.wordHighlightStrongBackground#00000000
- editor.wordHighlightStrongBorder#4788FF
- editorBracketHighlight.foreground1#f2d479
- editorBracketHighlight.foreground2#F2A4F4
- editorBracketHighlight.foreground3#78C4CE
- editorBracketMatch.background#00000000
- editorBracketMatch.border#4788FF
- editorCursor.foreground#a9b2c3
- editorError.foreground#d74e42
- editorGroup.border#0d1117
- editorGroup.emptyBackground#181a1f
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBackground#181a1f
- editorGutter.addedBackground#98c379
- editorGutter.deletedBackground#e06c75
- editorGutter.modifiedBackground#E4B177
- editorHoverWidget.background#181a1f
- editorHoverWidget.border#4788FF
- editorIndentGuide.activeBackground#ababab
- editorIndentGuide.background#6f6f6f
- editorInfo.foreground#4788FF
- editorInlayHint.background#00000000
- editorInlayHint.foreground#5f6672
- editorLightBulb.foreground#e9d16c
- editorLightBulbAutoFix.foreground#4788FF
- editorLineNumber.activeForeground#c6ccd7
- editorLineNumber.foreground#5f6672
- editorOverviewRuler.addedForeground#98c379
- editorOverviewRuler.border#00000000
- editorOverviewRuler.deletedForeground#e06c75
- editorOverviewRuler.errorForeground#d74e42
- editorOverviewRuler.findMatchForeground#4788FF
- editorOverviewRuler.infoForeground#4788FF
- editorOverviewRuler.modifiedForeground#E4B177
- editorOverviewRuler.warningForeground#e9d16c
- editorRuler.foreground#0d1117
- editorSuggestWidget.background#181a1f
- editorSuggestWidget.border#4788FF
- editorSuggestWidget.selectedBackground#a9b2c31a
- editorWarning.foreground#e9d16c
- editorWhitespace.foreground#a9b2c31a
- editorWidget.background#181a1f
- errorForeground#d74e42
- focusBorder#00000000
- gitDecoration.deletedResourceForeground#e06c75
- gitDecoration.ignoredResourceForeground#5f6672
- gitDecoration.modifiedResourceForeground#E4B177
- gitDecoration.untrackedResourceForeground#98c379
- input.background#0d1117
- inputOption.activeBorder#4788FF
- inputValidation.errorBackground#d74e42
- inputValidation.errorBorder#d74e42
- inputValidation.infoBackground#4788FF
- inputValidation.infoBorder#4788FF
- inputValidation.infoForeground#0d1117
- inputValidation.warningBackground#e9d16c
- inputValidation.warningBorder#e9d16c
- inputValidation.warningForeground#0d1117
- list.activeSelectionBackground#a9b2c333
- list.activeSelectionForeground#ffffff
- list.errorForeground#d74e42
- list.focusBackground#a9b2c333
- list.hoverBackground#a9b2c31a
- list.inactiveFocusOutline#5f6672
- list.inactiveSelectionBackground#a9b2c333
- list.inactiveSelectionForeground#c6ccd7
- list.warningForeground#e9d16c
- minimap.findMatchHighlight#4788FF
- minimap.selectionHighlight#c6ccd7
- minimapGutter.addedBackground#98c379
- minimapGutter.deletedBackground#e06c75
- minimapGutter.modifiedBackground#E4B177
- notificationCenter.border#0d1117
- notificationCenterHeader.background#181a1f
- notifications.background#181a1f
- notifications.border#0d1117
- notificationToast.border#0d1117
- panel.background#313642
- panel.border#00000000
- panelTitle.inactiveForeground#5f6672
- peekView.border#4788FF
- peekViewEditor.background#181a1f
- peekViewEditor.matchHighlightBackground#a9b2c333
- peekViewResult.background#181a1f
- peekViewResult.matchHighlightBackground#a9b2c333
- peekViewResult.selectionBackground#a9b2c31a
- peekViewResult.selectionForeground#c6ccd7
- peekViewTitle.background#181a1f
- sash.hoverBorder#a9b2c333
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#a9b2c333
- scrollbarSlider.background#a9b2c31a
- scrollbarSlider.hoverBackground#a9b2c333
- sideBar.background#181a1f
- sideBar.border#00000000
- sideBar.foreground#c6ccd7
- sideBarSectionHeader.background#181a1f
- sideBarSectionHeader.border#00000000
- statusBar.background#313642
- statusBar.border#00000000
- statusBar.debuggingBackground#e5c07b
- statusBar.debuggingForeground#0d1117
- statusBar.foreground#a9b2c3
- statusBar.noFolderBackground#181a1f
- statusBarItem.hoverBackground#181a1f
- tab.activeBackground#21252b
- tab.activeBorder#00000000
- tab.activeBorderTop#00000000
- tab.activeForeground#c6ccd7
- tab.border#00000000
- tab.inactiveBackground#181a1f
- tab.inactiveForeground#5f6672
- tab.lastPinnedBorder#ffffff33
- terminal.ansiBlack#000000
- terminal.ansiBlue#70A2FF
- terminal.ansiBrightBlack#000000
- terminal.ansiBrightBlue#70A2FF
- terminal.ansiBrightCyan#78C4CE
- terminal.ansiBrightGreen#98c379
- terminal.ansiBrightMagenta#F2A4F4
- terminal.ansiBrightRed#e06c75
- terminal.ansiBrightWhite#F2F1EC
- terminal.ansiBrightYellow#F2D479
- terminal.ansiCyan#78C4CE
- terminal.ansiGreen#98c379
- terminal.ansiMagenta#F2A4F4
- terminal.ansiRed#e06c75
- terminal.ansiWhite#F2F1EC
- terminal.ansiYellow#F2D479
- terminal.background#353942
- terminal.foreground#a9b2c3
- titleBar.activeBackground#181a1f
- titleBar.activeForeground#c6ccd7
- titleBar.border#00000000
- titleBar.inactiveBackground#21252b
- titleBar.inactiveForeground#5f6672
- toolbar.hoverBackground#a9b2c333
- widget.shadow#00000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5F6672 | — |
| entity.name.function, support.function | #F2A4F4 | — |
| keyword, punctuation.definition.keyword, variable.language | #E06C75 | — |
| constant, support.constant | #70A2FF | — |
| storage, support.class, entity.name.namespace | #70A2FF | — |
| markup.inline.raw.string, string | #98C379 | — |
| entity.name.section, entity.name.tag, entity.name.type, support.type | #E06C75 | — |
| entity.other, punctuation.definition.entity, support.other | #F2D479 | — |
| meta.brace, punctuation | #A9B2C3 | — |
| markup.bold, punctuation.definition.bold, entity.other.attribute-name.id | — | bold |
| comment, markup.italic, punctuation.definition.italic | — | italic |
| comment | #5F6672 | — |
| punctuation.definition.comment | #5F6672 | — |
| string | #98C379 | — |
| meta.embedded.assembly | #98C379 | — |
| keyword - keyword.operator | #E06C75 | — |
| keyword.control | #E06C75 | — |
| storage | #E06C75 | — |
| storage.type | #E06C75 | italic |
| entity.name.type | #F2D479 | — |
| entity.name.class | #F2D479 | — |
| support.type | #F2D479 | — |
| support.class | #F2D479 | — |
| entity.name.function | #F2A4F4 | — |
| support.function | #F2A4F4 | — |
| punctuation.definition.template-expression.begin.scala | #F2A4F4 | — |
| meta.template.expression.scala | #F2F1EC | italic |
| entity.name.function | #F2A4F4 | |
| variable | #F2F1EC | |
| variable.parameter | #E4B177 | italic |
| variable.language.this | #70A2FF | italic |
| variable.other.constant | #70A2FF | |
| comment | #5F6672 | |
| token.info-token | #70A2FF | — |
| token.warn-token | #E4B177 | — |
| token.error-token | #E06C75 | — |
| token.debug-token | #DE7DAC | — |
| variable.other.property.js, variable.other.object.property.js, support.variable.property.js | #F2F1EC |