Display P3
Publisher: brunodantasThemes in package: 16
Display P3-friendly theme with multiple flavors.
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.activeBorder#ffcc00
- activityBar.background#041511
- activityBar.foreground#00b3ff
- activityBar.inactiveForeground#6aa191
- activityBarBadge.background#ffcc00
- activityBarBadge.foreground#051a14
- badge.background#ffcc00
- badge.foreground#051a14
- breadcrumb.activeSelectionForeground#ffcc00
- breadcrumb.focusForeground#d7efe5
- breadcrumb.foreground#9fc8bb
- button.background#00cc66
- button.foreground#051a14
- button.hoverBackground#00cc66d4
- button.secondaryBackground#00b3ff
- button.secondaryForeground#051a14
- button.secondaryHoverBackground#00b3ffd4
- diffEditor.border#00cc6626
- diffEditor.insertedLineBackground#00cc660f
- diffEditor.insertedTextBackground#00cc661f
- diffEditor.removedLineBackground#ff4d6d0f
- diffEditor.removedTextBackground#ff4d6d1f
- dropdown.background#071f18
- dropdown.border#00cc66
- dropdown.foreground#d7efe5
- editor.background#051a14
- editor.findMatchBackground#ffcc0040
- editor.findMatchHighlightBackground#00b3ff26
- editor.foreground#d7efe5
- editor.lineHighlightBackground#00cc660d
- editor.lineHighlightBorder#00cc6617
- editor.selectionBackground#00b3ff2b
- editor.selectionHighlightBackground#00cc661f
- editor.wordHighlightBackground#00cc661f
- editor.wordHighlightStrongBackground#ffcc002b
- editorBracketMatch.background#00b3ff1f
- editorBracketMatch.border#00b3ff
- editorCursor.foreground#ffcc00
- editorGroupHeader.tabsBackground#041511
- editorGroupHeader.tabsBorder#00cc6622
- editorHoverWidget.background#071f18
- editorHoverWidget.border#00cc66
- editorIndentGuide.activeBackground#00cc6652
- editorIndentGuide.background#2b4f4333
- editorLineNumber.activeForeground#00b3ff
- editorLineNumber.foreground#3d6a5a
- editorSuggestWidget.background#071f18
- editorSuggestWidget.border#00cc66
- editorSuggestWidget.highlightForeground#ffcc00
- editorSuggestWidget.selectedBackground#00cc661a
- editorWidget.background#071f18
- editorWidget.border#00cc66
- errorForeground#ff4d6d
- focusBorder#00b3ff
- foreground#d7efe5
- gitDecoration.addedResourceForeground#00cc66
- gitDecoration.conflictingResourceForeground#ffcc00
- gitDecoration.deletedResourceForeground#ff4d6d
- gitDecoration.ignoredResourceForeground#6aa191
- gitDecoration.modifiedResourceForeground#00b3ff
- gitDecoration.untrackedResourceForeground#ffcc00
- icon.foreground#d7efe5
- input.background#071f18
- input.border#00cc66
- input.foreground#d7efe5
- input.placeholderForeground#6aa191
- inputOption.activeBackground#00b3ff26
- inputOption.activeBorder#00b3ff
- inputValidation.errorBorder#ff4d6d
- inputValidation.infoBorder#00b3ff
- inputValidation.warningBorder#ffcc00
- list.activeSelectionBackground#00cc6626
- list.activeSelectionForeground#d7efe5
- list.focusBackground#00cc661a
- list.focusOutline#00b3ff
- list.highlightForeground#ffcc00
- list.hoverBackground#00cc660f
- list.hoverForeground#d7efe5
- list.inactiveSelectionBackground#00cc6614
- menu.background#071f18
- menu.border#00cc66
- menu.foreground#d7efe5
- menu.selectionBackground#00b3ff26
- menu.selectionForeground#d7efe5
- menu.separatorBackground#00cc6633
- minimap.errorHighlight#ff4d6da3
- minimap.findMatchHighlight#ffcc005c
- minimap.selectionHighlight#00b3ff33
- minimap.warningHighlight#ffcc00a3
- minimapGutter.addedBackground#00cc66
- minimapGutter.deletedBackground#ff4d6d
- minimapGutter.modifiedBackground#00b3ff
- notificationCenter.border#00cc66
- notificationLink.foreground#00b3ff
- notifications.background#071f18
- notifications.border#00cc66
- notifications.foreground#d7efe5
- notificationToast.border#00cc66
- panel.background#041511
- panel.border#00cc6622
- panelTitle.activeBorder#ffcc00
- panelTitle.activeForeground#d7efe5
- panelTitle.inactiveForeground#9fc8bb
- peekView.border#00cc66
- peekViewEditor.background#051a14
- peekViewResult.background#041511
- peekViewResult.selectionBackground#00b3ff26
- peekViewTitle.background#071f18
- progressBar.background#00b3ff
- scrollbarSlider.activeBackground#00cc6652
- scrollbarSlider.background#00cc6626
- scrollbarSlider.hoverBackground#00cc663d
- selection.background#00b3ff33
- sideBar.background#041511
- sideBar.border#00cc6622
- sideBar.foreground#c6e5d8
- sideBarSectionHeader.background#051a14
- sideBarSectionHeader.border#00cc6633
- sideBarSectionHeader.foreground#00b3ff
- sideBarTitle.foreground#00b3ff
- statusBar.background#041511
- statusBar.border#00cc6622
- statusBar.debuggingBackground#041511
- statusBar.debuggingForeground#ffcc00
- statusBar.foreground#c6e5d8
- statusBar.noFolderBackground#041511
- statusBar.noFolderForeground#9fc8bb
- statusBarItem.hoverBackground#00cc661a
- statusBarItem.prominentBackground#00b3ff22
- tab.activeBackground#051a14
- tab.activeBorder#ffcc00
- tab.activeForeground#d7efe5
- tab.border#00000000
- tab.hoverBackground#071f1844
- tab.hoverBorder#00b3ff
- tab.inactiveBackground#041511
- tab.inactiveForeground#9fc8bb
- terminal.ansiBlack#0b2a22
- terminal.ansiBlue#00b3ff
- terminal.ansiBrightBlack#3d6a5a
- terminal.ansiBrightBlue#33c4ff
- terminal.ansiBrightCyan#7dffec
- terminal.ansiBrightGreen#33e08a
- terminal.ansiBrightMagenta#d3a6ff
- terminal.ansiBrightRed#ff6b84
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe066
- terminal.ansiCyan#4dffe1
- terminal.ansiGreen#00cc66
- terminal.ansiMagenta#c77dff
- terminal.ansiRed#ff4d6d
- terminal.ansiWhite#d7efe5
- terminal.ansiYellow#ffcc00
- terminal.background#041511
- terminal.foreground#d7efe5
- terminal.selectionBackground#00b3ff33
- terminalCursor.foreground#ffcc00
- titleBar.activeBackground#041511
- titleBar.activeForeground#d7efe5
- titleBar.border#00cc6622
- titleBar.inactiveBackground#041511
- titleBar.inactiveForeground#6aa191
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7fa59a | italic |
| keyword, storage.type, storage.modifier, keyword.operator.new, keyword.control, keyword.operator.expression, keyword.operator.logical | #ffcc00 | — |
| support.type, support.class, entity.name.type, entity.name.class, entity.name.interface, entity.name.enum, entity.name.struct, entity.name.trait, entity.name.impl | #4dffe1 | — |
| entity.name.function, support.function, entity.name.method, support.method, variable.function | #00b3ff | — |
| string, punctuation.definition.string, string.quoted, string.template, string.regexp | #00cc66 | — |
| constant.numeric, constant.language.boolean, constant.language.null | #ffd27a | — |
| constant.language, constant.character.escape, constant.other, constant.other.color, support.constant | #ffcc00 | — |
| variable, variable.other, variable.other.readwrite | #a8ffcf | — |
| variable.parameter | #d6f27a | — |
| variable.other.property, variable.other.member, support.variable.property, meta.object-literal.key, meta.object.member | #7dffec | — |
| keyword.operator, punctuation.separator, punctuation.accessor, punctuation.terminator, punctuation.section, punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.typeparameters | #9fc8bb | — |
| meta.annotation, punctuation.definition.annotation, entity.name.function.decorator, meta.decorator | #ffcc00 | — |
| invalid, invalid.illegal | #ff4d6d | underline |