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#f3f4f6
- activityBar.border#1f2937
- activityBar.foreground#000000
- activityBar.inactiveForeground#4b5563
- activityBarBadge.background#2f227c
- activityBarBadge.foreground#ffffff
- badge.background#2f227c
- badge.foreground#ffffff
- banner.background#2f227c22
- banner.foreground#000000
- banner.iconForeground#2f227c
- breadcrumb.activeSelectionForeground#000000
- breadcrumb.background#ffffff
- breadcrumb.focusForeground#000000
- breadcrumb.foreground#4b5563
- breadcrumbPicker.background#ffffff
- button.background#2f227c
- button.foreground#ffffff
- button.hoverBackground#4634b1
- button.secondaryBackground#ffffff
- button.secondaryForeground#000000
- button.secondaryHoverBackground#f3f4f6
- chat.avatarBackground#ffffff
- chat.avatarForeground#000000
- chat.requestBackground#2f227c0a
- chat.requestBorder#2f227c22
- chat.slashCommandBackground#2f227c22
- chat.slashCommandForeground#2f227c
- commandCenter.activeBackground#f3f4f6
- commandCenter.activeBorder#4634b1
- commandCenter.activeForeground#000000
- commandCenter.background#ffffff
- commandCenter.border#1f2937
- commandCenter.foreground#4b5563
- contrastActiveBorder#4634b1
- contrastBorder#1f2937
- diffEditor.diagonalFill#6b728022
- diffEditor.insertedLineBackground#15773a12
- diffEditor.insertedTextBackground#15773a18
- diffEditor.removedLineBackground#c5272712
- diffEditor.removedTextBackground#c5272718
- diffEditorGutter.insertedLineBackground#15773a12
- diffEditorGutter.removedLineBackground#c5272712
- diffEditorOverview.insertedForeground#15773a
- diffEditorOverview.removedForeground#c52727
- dropdown.background#ffffff
- dropdown.border#1f2937
- dropdown.foreground#000000
- dropdown.listBackground#ffffff
- editor.background#ffffff
- editor.findMatchBackground#81631644
- editor.findMatchBorder#816316
- editor.findMatchHighlightBackground#81631622
- editor.foreground#000000
- editor.hoverHighlightBackground#f3f4f6
- editor.lineHighlightBackground#8470ff22
- editor.lineHighlightBorder#00000000
- editor.selectionBackground#8470ff33
- editor.selectionHighlightBackground#8470ff22
- editor.wordHighlightBackground#8470ff22
- editor.wordHighlightBorder#1f2937
- editor.wordHighlightStrongBackground#2f227c22
- editor.wordHighlightStrongBorder#1f2937
- editorBracketHighlight.foreground1#4634b1
- editorBracketHighlight.foreground2#1c71ae
- editorBracketHighlight.foreground3#816316
- editorBracketHighlight.foreground4#15773a
- editorBracketHighlight.foreground5#c52727
- editorBracketHighlight.foreground6#5d47de
- editorBracketHighlight.unexpectedBracket.foreground#c52727
- editorBracketMatch.background#2f227c22
- editorBracketMatch.border#2f227c
- editorBracketPairGuide.activeBackground1#4634b133
- editorBracketPairGuide.activeBackground2#1c71ae33
- editorBracketPairGuide.activeBackground3#81631633
- editorBracketPairGuide.activeBackground4#15773a33
- editorBracketPairGuide.activeBackground5#c5272733
- editorBracketPairGuide.activeBackground6#5d47de33
- editorBracketPairGuide.background1#4634b11a
- editorBracketPairGuide.background2#1c71ae1a
- editorBracketPairGuide.background3#8163161a
- editorBracketPairGuide.background4#15773a1a
- editorBracketPairGuide.background5#c527271a
- editorBracketPairGuide.background6#5d47de1a
- editorCursor.background#ffffff
- editorCursor.foreground#4634b1
- editorGhostText.foreground#6b7280
- editorGroup.border#1f2937
- editorGroup.dropBackground#2f227c22
- editorGroupHeader.noTabsBackground#ffffff
- editorGroupHeader.tabsBackground#ffffff
- editorGroupHeader.tabsBorder#1f2937
- editorGutter.addedBackground#15773a44
- editorGutter.deletedBackground#c5272744
- editorGutter.modifiedBackground#1c71ae44
- editorHoverWidget.background#ffffff
- editorHoverWidget.border#1f2937
- editorIndentGuide.activeBackground1#6b728088
- editorIndentGuide.background1#6b728033
- editorInlayHint.background#2f227c12
- editorInlayHint.foreground#4b5563aa
- editorInlayHint.parameterBackground#2f227c0d
- editorInlayHint.parameterForeground#6b7280bb
- editorInlayHint.typeBackground#2f227c0d
- editorInlayHint.typeForeground#1c71ae99
- editorLineNumber.activeForeground#000000
- editorLineNumber.foreground#6b7280
- editorRuler.foreground#6b728033
- editorStickyScroll.background#ffffff
- editorStickyScroll.border#1f2937
- editorStickyScroll.shadow#00000022
- editorStickyScrollHover.background#ffffff
- editorSuggestWidget.background#ffffff
- editorSuggestWidget.border#1f2937
- editorSuggestWidget.foreground#000000
- editorSuggestWidget.highlightForeground#2f227c
- editorSuggestWidget.selectedBackground#8470ff33
- editorWhitespace.foreground#6b728044
- editorWidget.background#ffffff
- editorWidget.border#1f2937
- editorWidget.foreground#000000
- focusBorder#4634b1
- foreground#000000
- gitDecoration.addedResourceForeground#15773a
- gitDecoration.conflictingResourceForeground#816316
- gitDecoration.deletedResourceForeground#c52727
- gitDecoration.ignoredResourceForeground#6b7280
- gitDecoration.modifiedResourceForeground#1c71ae
- gitDecoration.renamedResourceForeground#1c71ae
- gitDecoration.stageDeletedResourceForeground#c52727
- gitDecoration.stageModifiedResourceForeground#1c71ae
- gitDecoration.submoduleResourceForeground#4b5563
- gitDecoration.untrackedResourceForeground#15773a
- inlineChat.background#ffffff
- inlineChat.border#1f2937
- inlineChat.regionHighlight#2f227c16
- inlineChat.shadow#00000022
- input.background#ffffff
- input.border#1f2937
- input.foreground#000000
- input.placeholderForeground#6b7280
- inputOption.activeBackground#2f227c44
- inputOption.activeBorder#2f227c
- inputOption.activeForeground#000000
- inputValidation.errorBackground#ffffff
- inputValidation.errorBorder#c52727
- inputValidation.warningBackground#ffffff
- inputValidation.warningBorder#816316
- keybindingLabel.background#2f227c15
- keybindingLabel.border#2f227c33
- keybindingLabel.bottomBorder#2f227c44
- keybindingLabel.foreground#000000
- list.activeSelectionBackground#2f227c33
- list.activeSelectionForeground#000000
- list.errorForeground#c52727
- list.focusBackground#2f227c33
- list.focusForeground#000000
- list.highlightForeground#2f227c
- list.hoverBackground#f3f4f6
- list.hoverForeground#000000
- list.inactiveSelectionBackground#2f227c22
- list.inactiveSelectionForeground#000000
- list.warningForeground#816316
- merge.border#1f2937
- merge.commonContentBackground#6b728022
- merge.commonHeaderBackground#6b728044
- merge.currentContentBackground#15773a22
- merge.currentHeaderBackground#15773a44
- merge.incomingContentBackground#1c71ae22
- merge.incomingHeaderBackground#1c71ae44
- mergeEditor.change.background#1c71ae18
- mergeEditor.conflict.handledForeground#4b5563
- mergeEditor.conflict.unhandledForeground#816316
- minimap.chatEditHighlight#2f227c44
- minimap.errorHighlight#c52727
- minimap.findMatchHighlight#81631666
- minimap.selectionHighlight#2f227c44
- minimap.warningHighlight#816316
- minimapSlider.activeBackground#6b728044
- minimapSlider.background#6b728022
- minimapSlider.hoverBackground#6b728033
- notificationCenter.border#1f2937
- notificationCenterHeader.background#ffffff
- notificationCenterHeader.foreground#000000
- notificationLink.foreground#2f227c
- notifications.background#ffffff
- notifications.border#1f2937
- notifications.foreground#000000
- notificationToast.border#1f2937
- outputViewStickyScroll.background#ffffff
- panel.background#ffffff
- panel.border#1f2937
- panel.dropBorder#2f227c
- panelStickyScroll.background#ffffff
- panelStickyScroll.border#1f2937
- panelStickyScroll.shadow#00000022
- panelTitle.activeBorder#2f227c
- panelTitle.activeForeground#000000
- panelTitle.inactiveForeground#4b5563
- peekView.border#2f227c
- peekViewEditor.background#ffffff
- peekViewEditor.matchHighlightBackground#81631644
- peekViewEditorStickyScroll.background#ffffff
- peekViewResult.background#ffffff
- peekViewResult.fileForeground#000000
- peekViewResult.lineForeground#4b5563
- peekViewResult.matchHighlightBackground#81631644
- peekViewResult.selectionBackground#8470ff33
- peekViewTitle.background#ffffff
- peekViewTitleDescription.foreground#4b5563
- peekViewTitleLabel.foreground#000000
- scrollbar.shadow#00000022
- scrollbarSlider.activeBackground#6b728088
- scrollbarSlider.background#6b728033
- scrollbarSlider.hoverBackground#6b728055
- selection.background#8470ff33
- settings.checkboxBackground#ffffff
- settings.checkboxBorder#1f2937
- settings.dropdownBackground#ffffff
- settings.dropdownBorder#1f2937
- settings.headerForeground#000000
- settings.modifiedItemIndicator#2f227c
- settings.numberInputBackground#ffffff
- settings.numberInputBorder#1f2937
- settings.textInputBackground#ffffff
- settings.textInputBorder#1f2937
- sideBar.background#ffffff
- sideBar.border#1f2937
- sideBar.foreground#000000
- sideBarSectionHeader.background#ffffff
- sideBarSectionHeader.border#1f2937
- sideBarSectionHeader.foreground#000000
- sideBarStickyScroll.background#ffffff
- sideBarStickyScroll.border#1f2937
- sideBarStickyScroll.shadow#00000022
- sideBarTitle.foreground#000000
- statusBar.background#4634b1
- statusBar.border#1f2937
- statusBar.debuggingBackground#816316
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#ffffff
- statusBarItem.activeBackground#ffffff33
- statusBarItem.errorBackground#c52727
- statusBarItem.hoverBackground#ffffff22
- statusBarItem.warningBackground#816316
- tab.activeBackground#ffffff
- tab.activeBorder#00000000
- tab.activeBorderTop#2f227c
- tab.activeForeground#000000
- tab.border#1f2937
- tab.hoverBackground#f3f4f6
- tab.hoverForeground#000000
- tab.inactiveBackground#ffffff
- tab.inactiveForeground#4b5563
- tab.unfocusedActiveBackground#ffffff
- tab.unfocusedActiveForeground#4b5563
- terminal.ansiBlack#000000
- terminal.ansiBlue#1c71ae
- terminal.ansiBrightBlack#4b5563
- terminal.ansiBrightBlue#3193da
- terminal.ansiBrightCyan#56b1f3
- terminal.ansiBrightGreen#239f52
- terminal.ansiBrightMagenta#5d47de
- terminal.ansiBrightRed#e63939
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#bc9021
- terminal.ansiCyan#3193da
- terminal.ansiGreen#15773a
- terminal.ansiMagenta#4634b1
- terminal.ansiRed#c52727
- terminal.ansiWhite#f3f4f6
- terminal.ansiYellow#816316
- terminal.background#ffffff
- terminal.findMatchBackground#81631644
- terminal.findMatchHighlightBackground#81631622
- terminal.foreground#000000
- terminal.selectionBackground#8470ff33
- terminal.selectionForeground#000000
- terminalCursor.background#ffffff
- terminalCursor.foreground#4634b1
- testing.iconErrored#c52727
- testing.iconFailed#c52727
- testing.iconPassed#15773a
- testing.iconQueued#6b7280
- testing.iconSkipped#4b5563
- testing.iconUnset#6b7280
- testing.peekBorder#2f227c
- testing.peekHeaderBackground#ffffff
- testing.runAction#15773a
- titleBar.activeBackground#2f227c
- titleBar.activeForeground#ffffff
- titleBar.border#1f2937
- titleBar.inactiveBackground#2f227c
- titleBar.inactiveForeground#ffffff99
- tree.indentGuidesStroke#6b728066
- welcomePage.background#ffffff
- welcomePage.progress.foreground#2f227c
- welcomePage.tileBackground#ffffff
- welcomePage.tileHoverBackground#f3f4f6
- widget.shadow#00000022
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4b5563 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical, storage, storage.type | #2f227c | — |
| string, string.quoted, string.template | #15773a | — |
| constant.numeric | #124d79 | — |
| constant.language | #2f227c | — |
| entity.name.type, support.type, support.type.primitive, meta.type.annotation | #1c71ae | — |
| entity.name.type.class, support.class | #124d79 | — |
| entity.name.type.interface | #1c71ae | — |
| entity.name.type.enum | #4f3d0e | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #2f227c | — |
| entity.name.function.member | #2f227c | — |
| variable.parameter | #1f2937 | — |
| variable, variable.other | #000000 | — |
| variable.other.property, variable.other.object.property, support.variable.property, meta.object-literal.key | #124d79 | — |
| variable.other.constant | #4f3d0e | — |
| string.regexp | #0f5429 | — |
| constant.character.escape | #816316 | bold |
| keyword.operator, keyword.operator.assignment | #374151 | — |
| punctuation, punctuation.definition.block, punctuation.separator, punctuation.terminator, meta.brace | #4b5563 | — |
| entity.name.tag, punctuation.definition.tag, support.class.component | #2f227c | — |
| entity.other.attribute-name | #1c71ae | italic |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #2f227c | — |
| support.type.property-name.css, support.type.property-name.scss | #1c71ae | — |
| support.constant.property-value.css, meta.property-value.css | #15773a | — |
| meta.decorator, punctuation.decorator | #816316 | — |
| entity.name.type.module, entity.name.namespace | #1c71ae | — |
| markup.heading, markup.heading entity.name, punctuation.definition.heading | #2f227c | bold |
| markup.bold | — | bold |
| markup.italic | — | italic |
| markup.raw.inline, markup.inline.raw | #15773a | — |
| markup.fenced_code.block | #000000 | — |
| markup.underline.link, string.other.link | #2f227c | — |
| support.type.property-name.json | #124d79 | — |
| entity.name.tag.yaml | #124d79 | — |
| string.unquoted.yaml | #15773a | — |
| support.type.property-name.toml, entity.name.tag.toml | #124d79 | — |
| keyword.type.graphql | #2f227c | — |
| entity.name.type.graphql, support.type.built-in.graphql | #1c71ae | — |
| keyword.other.shell, keyword.control.shell | #2f227c | — |
| variable.other.normal.shell, punctuation.definition.variable.shell | #000000 | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #000000 | — |
| markup.list, punctuation.definition.list, beginning.punctuation.definition.list | #2f227c | — |
| markup.underline | — | underline |
| invalid.deprecated | #4b5563 | strikethrough |
| invalid.illegal | #c52727 | — |