Vipr Theme
Publisher: Vipr Development LLCThemes in package: 9
Free companion theme for Vipr — dark, light, and high contrast color themes plus file icons for VS Code
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#e8e2f4
- activityBar.border#d5cce6
- activityBar.foreground#1f2937
- activityBar.inactiveForeground#6b7280
- activityBarBadge.background#8470ff
- activityBarBadge.foreground#ffffff
- badge.background#8470ff
- badge.foreground#ffffff
- banner.background#8470ff22
- banner.foreground#1f2937
- banner.iconForeground#8470ff
- breadcrumb.activeSelectionForeground#1f2937
- breadcrumb.background#faf8ff
- breadcrumb.focusForeground#1f2937
- breadcrumb.foreground#6b7280
- breadcrumbPicker.background#f5f2fc
- button.background#8470ff
- button.foreground#ffffff
- button.hoverBackground#755ff8
- button.secondaryBackground#f5f2fc
- button.secondaryForeground#1f2937
- button.secondaryHoverBackground#ede8f6
- chat.avatarBackground#f5f2fc
- chat.avatarForeground#1f2937
- chat.requestBackground#8470ff0a
- chat.requestBorder#8470ff22
- chat.slashCommandBackground#8470ff22
- chat.slashCommandForeground#8470ff
- commandCenter.activeBackground#ede8f6
- commandCenter.activeBorder#d5cce6
- commandCenter.activeForeground#1f2937
- commandCenter.background#f5f2fc
- commandCenter.border#d5cce6
- commandCenter.foreground#6b7280
- diffEditor.diagonalFill#9088a022
- diffEditor.insertedLineBackground#239f5210
- diffEditor.insertedTextBackground#239f5215
- diffEditor.removedLineBackground#e6393910
- diffEditor.removedTextBackground#e6393915
- diffEditorGutter.insertedLineBackground#239f5210
- diffEditorGutter.removedLineBackground#e6393910
- diffEditorOverview.insertedForeground#239f52
- diffEditorOverview.removedForeground#e63939
- dropdown.background#f8f5ff
- dropdown.border#d5cce6
- dropdown.foreground#1f2937
- dropdown.listBackground#f5f2fc
- editor.background#faf8ff
- editor.findMatchBackground#bc902144
- editor.findMatchBorder#00000000
- editor.findMatchHighlightBackground#bc902122
- editor.foreground#1f2937
- editor.hoverHighlightBackground#ede8f6
- editor.lineHighlightBackground#8470ff14
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#8470ff22
- editor.selectionHighlightBackground#8470ff14
- editor.wordHighlightBackground#8470ff14
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#8470ff22
- editor.wordHighlightStrongBorder#00000000
- editorBracketHighlight.foreground1#5d47de
- editorBracketHighlight.foreground2#3193da
- editorBracketHighlight.foreground3#bc9021
- editorBracketHighlight.foreground4#239f52
- editorBracketHighlight.foreground5#e63939
- editorBracketHighlight.foreground6#755ff8
- editorBracketHighlight.unexpectedBracket.foreground#e63939
- editorBracketMatch.background#8470ff22
- editorBracketMatch.border#8470ff
- editorBracketPairGuide.activeBackground1#5d47de33
- editorBracketPairGuide.activeBackground2#3193da33
- editorBracketPairGuide.activeBackground3#bc902133
- editorBracketPairGuide.activeBackground4#239f5233
- editorBracketPairGuide.activeBackground5#e6393933
- editorBracketPairGuide.activeBackground6#755ff833
- editorBracketPairGuide.background1#5d47de1a
- editorBracketPairGuide.background2#3193da1a
- editorBracketPairGuide.background3#bc90211a
- editorBracketPairGuide.background4#239f521a
- editorBracketPairGuide.background5#e639391a
- editorBracketPairGuide.background6#755ff81a
- editorCursor.background#faf8ff
- editorCursor.foreground#8470ff
- editorGhostText.foreground#9088a0
- editorGroup.border#d5cce6
- editorGroup.dropBackground#8470ff22
- editorGroupHeader.noTabsBackground#faf8ff
- editorGroupHeader.tabsBackground#f5f2fc
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#239f5244
- editorGutter.deletedBackground#e6393944
- editorGutter.modifiedBackground#3193da44
- editorHoverWidget.background#f5f2fc
- editorHoverWidget.border#d5cce6
- editorIndentGuide.activeBackground1#9088a088
- editorIndentGuide.background1#9088a033
- editorInlayHint.background#8470ff12
- editorInlayHint.foreground#6b7280aa
- editorInlayHint.parameterBackground#8470ff0d
- editorInlayHint.parameterForeground#9088a0bb
- editorInlayHint.typeBackground#8470ff0d
- editorInlayHint.typeForeground#3193da99
- editorLineNumber.activeForeground#1f2937
- editorLineNumber.foreground#9088a0
- editorRuler.foreground#9088a033
- editorStickyScroll.background#faf8ff
- editorStickyScroll.border#00000000
- editorStickyScroll.shadow#00000022
- editorStickyScrollHover.background#f5f2fc
- editorSuggestWidget.background#f5f2fc
- editorSuggestWidget.border#d5cce6
- editorSuggestWidget.foreground#1f2937
- editorSuggestWidget.highlightForeground#8470ff
- editorSuggestWidget.selectedBackground#8470ff22
- editorWhitespace.foreground#9088a044
- editorWidget.background#f5f2fc
- editorWidget.border#d5cce6
- editorWidget.foreground#1f2937
- focusBorder#8470ff
- foreground#1f2937
- gitDecoration.addedResourceForeground#239f52
- gitDecoration.conflictingResourceForeground#bc9021
- gitDecoration.deletedResourceForeground#e63939
- gitDecoration.ignoredResourceForeground#9088a0
- gitDecoration.modifiedResourceForeground#3193da
- gitDecoration.renamedResourceForeground#3193da
- gitDecoration.stageDeletedResourceForeground#e63939
- gitDecoration.stageModifiedResourceForeground#3193da
- gitDecoration.submoduleResourceForeground#6b7280
- gitDecoration.untrackedResourceForeground#239f52
- inlineChat.background#f5f2fc
- inlineChat.border#d5cce6
- inlineChat.regionHighlight#8470ff16
- inlineChat.shadow#00000022
- input.background#f8f5ff
- input.border#d5cce6
- input.foreground#1f2937
- input.placeholderForeground#9088a0
- inputOption.activeBackground#8470ff44
- inputOption.activeBorder#8470ff
- inputOption.activeForeground#1f2937
- inputValidation.errorBackground#f5f2fc
- inputValidation.errorBorder#e63939
- inputValidation.warningBackground#f5f2fc
- inputValidation.warningBorder#bc9021
- keybindingLabel.background#8470ff15
- keybindingLabel.border#8470ff33
- keybindingLabel.bottomBorder#8470ff44
- keybindingLabel.foreground#1f2937
- list.activeSelectionBackground#8470ff33
- list.activeSelectionForeground#1f2937
- list.errorForeground#e63939
- list.focusBackground#8470ff33
- list.focusForeground#1f2937
- list.highlightForeground#8470ff
- list.hoverBackground#ede8f6
- list.hoverForeground#1f2937
- list.inactiveSelectionBackground#8470ff22
- list.inactiveSelectionForeground#1f2937
- list.warningForeground#bc9021
- merge.border#00000000
- merge.commonContentBackground#9088a022
- merge.commonHeaderBackground#9088a044
- merge.currentContentBackground#239f5220
- merge.currentHeaderBackground#239f5240
- merge.incomingContentBackground#3193da20
- merge.incomingHeaderBackground#3193da40
- mergeEditor.change.background#3193da18
- mergeEditor.conflict.handledForeground#6b7280
- mergeEditor.conflict.unhandledForeground#bc9021
- minimap.chatEditHighlight#8470ff44
- minimap.errorHighlight#e63939
- minimap.findMatchHighlight#bc902166
- minimap.selectionHighlight#8470ff44
- minimap.warningHighlight#bc9021
- minimapSlider.activeBackground#9088a044
- minimapSlider.background#9088a022
- minimapSlider.hoverBackground#9088a033
- notificationCenter.border#d5cce6
- notificationCenterHeader.background#f5f2fc
- notificationCenterHeader.foreground#1f2937
- notificationLink.foreground#5d47de
- notifications.background#f5f2fc
- notifications.border#d5cce6
- notifications.foreground#1f2937
- notificationToast.border#d5cce6
- outputViewStickyScroll.background#f0ecf8
- panel.background#f0ecf8
- panel.border#d5cce6
- panel.dropBorder#8470ff
- panelStickyScroll.background#f0ecf8
- panelStickyScroll.border#00000000
- panelStickyScroll.shadow#00000022
- panelTitle.activeBorder#8470ff
- panelTitle.activeForeground#1f2937
- panelTitle.inactiveForeground#6b7280
- peekView.border#8470ff
- peekViewEditor.background#f5f2fc
- peekViewEditor.matchHighlightBackground#bc902144
- peekViewEditorStickyScroll.background#f5f2fc
- peekViewResult.background#f0ecf8
- peekViewResult.fileForeground#1f2937
- peekViewResult.lineForeground#6b7280
- peekViewResult.matchHighlightBackground#bc902144
- peekViewResult.selectionBackground#8470ff22
- peekViewTitle.background#f5f2fc
- peekViewTitleDescription.foreground#6b7280
- peekViewTitleLabel.foreground#1f2937
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#9088a088
- scrollbarSlider.background#9088a033
- scrollbarSlider.hoverBackground#9088a055
- selection.background#8470ff22
- settings.checkboxBackground#f8f5ff
- settings.checkboxBorder#d5cce6
- settings.dropdownBackground#f8f5ff
- settings.dropdownBorder#d5cce6
- settings.headerForeground#1f2937
- settings.modifiedItemIndicator#8470ff
- settings.numberInputBackground#f8f5ff
- settings.numberInputBorder#d5cce6
- settings.textInputBackground#f8f5ff
- settings.textInputBorder#d5cce6
- sideBar.background#f2eefa
- sideBar.border#d5cce6
- sideBar.foreground#1f2937
- sideBarSectionHeader.background#f5f2fc
- sideBarSectionHeader.border#d5cce6
- sideBarSectionHeader.foreground#1f2937
- sideBarStickyScroll.background#f2eefa
- sideBarStickyScroll.border#00000000
- sideBarStickyScroll.shadow#00000022
- sideBarTitle.foreground#1f2937
- statusBar.background#5d47de
- statusBar.border#00000000
- statusBar.debuggingBackground#bc9021
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#f0ecf8
- statusBarItem.activeBackground#ffffff33
- statusBarItem.errorBackground#e63939
- statusBarItem.hoverBackground#ffffff22
- statusBarItem.warningBackground#bc9021
- tab.activeBackground#faf8ff
- tab.activeBorder#00000000
- tab.activeBorderTop#8470ff
- tab.activeForeground#1f2937
- tab.border#d5cce6
- tab.hoverBackground#ede8f6
- tab.hoverForeground#1f2937
- tab.inactiveBackground#f5f2fc
- tab.inactiveForeground#6b7280
- tab.unfocusedActiveBackground#faf8ff
- tab.unfocusedActiveForeground#6b7280
- terminal.ansiBlack#030712
- terminal.ansiBlue#3193da
- terminal.ansiBrightBlack#6b7280
- terminal.ansiBrightBlue#56b1f3
- terminal.ansiBrightCyan#67bfff
- terminal.ansiBrightGreen#34bd68
- terminal.ansiBrightMagenta#755ff8
- terminal.ansiBrightRed#fa4949
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#dfad2b
- terminal.ansiCyan#56b1f3
- terminal.ansiGreen#239f52
- terminal.ansiMagenta#5d47de
- terminal.ansiRed#e63939
- terminal.ansiWhite#f3f4f6
- terminal.ansiYellow#bc9021
- terminal.background#f0ecf8
- terminal.findMatchBackground#bc902144
- terminal.findMatchHighlightBackground#bc902122
- terminal.foreground#1f2937
- terminal.selectionBackground#8470ff22
- terminal.selectionForeground#1f2937
- terminalCursor.background#faf8ff
- terminalCursor.foreground#8470ff
- testing.iconErrored#e63939
- testing.iconFailed#e63939
- testing.iconPassed#239f52
- testing.iconQueued#9088a0
- testing.iconSkipped#6b7280
- testing.iconUnset#9088a0
- testing.peekBorder#8470ff
- testing.peekHeaderBackground#f5f2fc
- testing.runAction#239f52
- titleBar.activeBackground#4634b1
- titleBar.activeForeground#ffffff
- titleBar.border#00000000
- titleBar.inactiveBackground#4634b1
- titleBar.inactiveForeground#ffffff99
- tree.indentGuidesStroke#9088a066
- welcomePage.background#faf8ff
- welcomePage.progress.foreground#8470ff
- welcomePage.tileBackground#f5f2fc
- welcomePage.tileHoverBackground#ede8f6
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9088a0 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage, storage.type | #5d47de | — |
| string, string.quoted, string.template | #239f52 | — |
| constant.numeric | #1c71ae | — |
| constant.language | #5d47de | — |
| entity.name.type, support.type, support.type.primitive, meta.type.annotation | #3193da | — |
| entity.name.type.class, support.class | #1c71ae | — |
| entity.name.type.interface | #3193da | — |
| entity.name.type.enum | #816316 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #4634b1 | — |
| entity.name.function.member | #4634b1 | — |
| variable.parameter | #374151 | — |
| variable, variable.other | #1f2937 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #1c71ae | — |
| variable.other.constant | #816316 | — |
| string.regexp | #15773a | — |
| constant.character.escape | #bc9021 | bold |
| keyword.operator, keyword.operator.assignment | #4b5563 | — |
| punctuation, punctuation.definition.block, punctuation.separator, punctuation.terminator, meta.brace | #9088a0 | — |
| entity.name.tag, punctuation.definition.tag, support.class.component | #5d47de | — |
| entity.other.attribute-name | #3193da | italic |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #4634b1 | — |
| support.type.property-name.css, support.type.property-name.scss | #3193da | — |
| support.constant.property-value.css, meta.property-value.css | #239f52 | — |
| meta.decorator, punctuation.decorator | #bc9021 | — |
| entity.name.type.module, entity.name.namespace | #3193da | — |
| markup.heading, markup.heading entity.name, punctuation.definition.heading | #8470ff | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.raw.inline, markup.inline.raw | #239f52 | — |
| markup.fenced_code.block | #1f2937 | — |
| markup.underline.link, string.other.link | #5d47de | — |
| support.type.property-name.json | #1c71ae | — |
| entity.name.tag.yaml | #1c71ae | — |
| string.unquoted.yaml | #239f52 | — |
| support.type.property-name.toml, entity.name.tag.toml | #1c71ae | — |
| keyword.type.graphql | #5d47de | — |
| entity.name.type.graphql, support.type.built-in.graphql | #3193da | — |
| keyword.other.shell, keyword.control.shell | #5d47de | — |
| variable.other.normal.shell, punctuation.definition.variable.shell | #1f2937 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #1f2937 | — |
| markup.list, punctuation.definition.list, beginning.punctuation.definition.list | #5d47de | — |
| markup.underline | — | underline |
| invalid.deprecated | #6b7280 | strikethrough |
| invalid.illegal | #e63939 | — |