PVC
Publisher: Adrien FriggeriThemes in package: 2
A colorful light/dark theme
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.activeBackground#ffbb331a
- activityBar.activeBorder#ffbb33ff
- activityBar.activeFocusBorder#ffbb33ff
- activityBar.background#242728ff
- activityBar.dropBorder#ffbb33ff
- activityBar.foreground#fafafaff
- activityBar.inactiveForeground#e0e0e0ff
- activityBarBadge.background#ffbb33ff
- activityBarBadge.foreground#242728ff
- badge.background#ffbb33ff
- badge.foreground#242728ff
- button.background#ffbb33ff
- button.foreground#242728ff
- button.hoverBackground#ffe159ff
- checkbox.background#313435ff
- diffEditor.insertedTextBackground#95bf4033
- diffEditor.removedTextBackground#d98c8c33
- dropdown.background#313435ff
- dropdown.border#3e4142ff
- editor.background#242728ff
- editor.findMatchBackground#ffbb331a
- editor.findMatchHighlightBackground#ffbb334d
- editor.findRangeHighlightBackground#ffbb330d
- editor.foldBackground#9966ff54
- editor.foreground#fafafaff
- editor.lineHighlightBackground#313435ff
- editor.rangeHighlightBackground#ffbb3333
- editor.selectionBackground#4a4d4eff
- editor.wordHighlightBackground#292c2dff
- editorBracketMatch.background#181a1bff
- editorBracketMatch.border#0c0d0dff
- editorCursor.background#242728ff
- editorCursor.foreground#ffbb33ff
- editorError.foreground#ff6666ff
- editorGroup.border#3d4041ff
- editorGroup.dropBackground#ffbb3333
- editorGroupHeader.noTabsBackground#313435ff
- editorGroupHeader.tabsBackground#313435ff
- editorGutter.addedBackground#99cc33ff
- editorGutter.deletedBackground#f76e6eff
- editorGutter.modifiedBackground#85c2e0ff
- editorIndentGuide.activeBackground#ffbb33ff
- editorIndentGuide.background#313435ff
- editorInfo.foreground#ff1a79ff
- editorLineNumber.activeForeground#c7c7c7ff
- editorLineNumber.foreground#616161ff
- editorLink.activeForeground#ffbb33ff
- editorMarkerNavigation.background#242728ff
- editorMarkerNavigationError.background#ff6666ff
- editorMarkerNavigationInfo.background#ff1a79ff
- editorMarkerNavigationWarning.background#ff8000ff
- editorOverviewRuler.addedForeground#95bf40ff
- editorOverviewRuler.border#3d4041ff
- editorOverviewRuler.bracketMatchForeground#ffbb33ff
- editorOverviewRuler.deletedForeground#d98c8cff
- editorOverviewRuler.errorForeground#ff6666ff
- editorOverviewRuler.infoForeground#ff1a79ff
- editorOverviewRuler.modifiedForeground#8cbfd9ff
- editorOverviewRuler.selectionHighlightForeground#ffbb33ff
- editorOverviewRuler.warningForeground#ff8000ff
- editorPane.background#313435ff
- editorRuler.foreground#313435ff
- editorSuggestWidget.highlightForeground#ffbb33ff
- editorWarning.foreground#ff8000ff
- editorWhitespace.foreground#3d4041ff
- editorWidget.background#292c2dff
- editorWidget.border#2e3132ff
- editorWidget.resizeBorder#2e3132ff
- errorForeground#ff6666ff
- extensionButton.prominentBackground#ffbb33ff
- extensionButton.prominentForeground#242728ff
- extensionButton.prominentHoverBackground#ffaa00ff
- focusBorder#ffbb33ff
- foreground#fafafaff
- gitDecoration.addedResourceForeground#95bf40ff
- gitDecoration.deletedResourceForeground#d98c8cff
- gitDecoration.modifiedResourceForeground#8cbfd9ff
- gitDecoration.stageDeletedResourceForeground#d98c8cff
- gitDecoration.stageModifiedResourceForeground#8cbfd9ff
- input.background#313435ff
- input.border#3e4142ff
- inputValidation.errorBackground#ff666699
- inputValidation.errorBorder#ff6666ff
- inputValidation.errorForeground#242728ff
- inputValidation.infoBackground#ff1a7999
- inputValidation.infoBorder#ff1a79ff
- inputValidation.infoForeground#000000ff
- inputValidation.warningBackground#ff800099
- inputValidation.warningBorder#ff8000ff
- inputValidation.warningForeground#242728ff
- list.activeSelectionBackground#ffbb331a
- list.activeSelectionForeground#fafafaff
- list.errorForeground#ff6666ff
- list.focusBackground#ffbb3333
- list.focusForeground#fafafaff
- list.highlightForeground#ffbb33ff
- list.hoverBackground#313435ff
- list.hoverForeground#fafafaff
- list.inactiveSelectionBackground#ffbb3326
- list.inactiveSelectionForeground#fafafaff
- list.warningForeground#ff8000ff
- menu.background#242728ff
- menu.foreground#fafafaff
- menu.selectionBackground#ffbb33cc
- menu.selectionForeground#242728ff
- menu.separatorBackground#3d4041ff
- minimap.errorHighlight#ff666666
- minimap.selectionHighlight#ffbb3366
- minimap.warningHighlight#ff800066
- minimapGutter.addedBackground#95bf40ff
- minimapGutter.deletedBackground#d98c8cff
- minimapGutter.modifiedBackground#8cbfd9ff
- notifications.background#242728ff
- notificationsErrorIcon.foreground#ff6666ff
- notificationsInfoIcon.foreground#ff1a79ff
- notificationsWarningIcon.foreground#ff8000ff
- panel.dropBorder#ffbb33ff
- panelTitle.activeBorder#ffbb33ff
- peekViewResult.background#2c2f30ff
- peekViewTitle.background#2c2f30ff
- pickerGroup.border#0c0d0dff
- pickerGroup.foreground#ffbb33ff
- problemsErrorIcon.foreground#ff6666ff
- problemsInfoIcon.foreground#ff1a79ff
- problemsWarningIcon.foreground#ff8000ff
- progressBar.background#ffbb33ff
- scrollbar.shadow#fcfcfd00
- scrollbarSlider.activeBackground#3d404166
- scrollbarSlider.background#3d404199
- scrollbarSlider.hoverBackground#3d4041cc
- selection.background#4a4d4eff
- settings.modifiedItemIndicator#8cbfd9ff
- sideBar.background#242728ff
- sideBar.border#313435ff
- sideBarSectionHeader.background#242728ff
- statusBar.background#242728ff
- statusBar.debuggingBackground#ff8000ff
- statusBar.debuggingForeground#242728ff
- statusBar.foreground#fafafaff
- statusBar.noFolderBackground#242728ff
- statusBar.noFolderForeground#fafafaff
- statusBarItem.hoverBackground#3d4041ff
- statusBarItem.prominentBackground#ffbb33ff
- statusBarItem.prominentForeground#242728ff
- statusBarItem.prominentHoverBackground#ffaa00ff
- statusBarItem.remoteBackground#88cc00ff
- statusBarItem.remoteForeground#242728ff
- tab.activeBackground#242728ff
- tab.activeBorder#ffbb33ff
- tab.activeModifiedBorder#8cbfd9ff
- tab.border#3d4041ff
- tab.hoverBackground#3d4041ff
- tab.inactiveBackground#313435ff
- tab.lastPinnedBorder#ffbb3366
- terminal.ansiBlack#fcfcfdff
- terminal.ansiBlue#9966ffff
- terminal.ansiBrightBlack#fcfcfdff
- terminal.ansiBrightBlue#9966ffff
- terminal.ansiBrightCyan#66ccffff
- terminal.ansiBrightGreen#aaff00ff
- terminal.ansiBrightMagenta#ff1a79ff
- terminal.ansiBrightRed#ff6666ff
- terminal.ansiBrightWhite#020303ff
- terminal.ansiBrightYellow#ffe666ff
- terminal.ansiCyan#66ccffff
- terminal.ansiGreen#aaff00ff
- terminal.ansiMagenta#ff1a79ff
- terminal.ansiRed#ff6666ff
- terminal.ansiWhite#020303ff
- terminal.ansiYellow#ffe666ff
- terminal.selectionBackground#ffbb33ff
- terminalCursor.background#242728ff
- terminalCursor.foreground#ffbb33ff
- textLink.activeForeground#ffd44cff
- textLink.foreground#ffbb33ff
- textPreformat.foreground#fafafaff
- textSeparator.foreground#3d4041ff
- titleBar.activeBackground#313435ff
- titleBar.border#313435ff
- titleBar.inactiveBackground#242728ff
- widget.shadow#3d4041ff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #798286ff | — |
| meta.embedded, source.groovy.embedded | #fafafaff | — |
| string | #ffe666ff | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #ff1a79ff | — |
| meta.template.expression | #fafafaff | — |
| constant.numeric | #9966ffff | — |
| constant.language | #9966ffff | — |
| constant.character, constant.other | #9966ffff | — |
| variable | #fafafaff | — |
| keyword | #ff1a79ff | — |
| storage | #ff1a79ff | — |
| storage.type | #66ccffff | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution | #aaff00ff | — |
| entity.other.inherited-class | #aaff00ff | — |
| entity.name.function | #aaff00ff | — |
| variable.parameter | #ff8000ff | — |
| entity.name.tag | #ff1a79ff | — |
| entity.other.attribute-name | #aaff00ff | — |
| support.function | #66ccffff | — |
| support.constant | #66ccffff | — |
| support.type, support.class | #66ccffff | — |
| invalid | #ff6666ff | — |
| invalid.deprecated | #ff6666ff | — |
| meta.structure.dictionary.json string.quoted.double.json | #fafafaff | — |
| meta.diff, meta.diff.header | #798286ff | — |
| markup.deleted | #ff6666ff | — |
| markup.inserted | #aaff00ff | — |
| markup.changed | #ffe666ff | — |
| constant.numeric.line-number.find-in-files - match | #9966ffff | — |
| entity.name.filename.find-in-files | #ffe666ff | — |
| markup.quote | #ff1a79ff | — |
| markup.list | #ffe666ff | — |
| markup.bold, markup.italic | #66ccffff | — |
| markup.inline.raw | #ff8000ff | — |
| markup.heading | #aaff00ff | — |
| markup.heading.setext | #aaff00ff | — |
| markup.quote.markdown | #798286ff | — |
| string.other.link.title.markdown,string.other.link.description.markdown | #9966ffff | — |
| markup.underline.link.markdown,markup.underline.link.image.markdown | #ffe666ff | — |
| markup.list.unnumbered.markdown, markup.list.numbered.markdown | #fafafaff | — |
| punctuation.definition.list.begin.markdown | #aaff00ff | — |
| token.info-token | #66ccffff | — |
| token.warn-token | #ff8000ff | — |
| token.error-token | #ff6666ff | — |
| token.debug-token | #9966ffff | — |
| variable.language | #ff8000ff | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...