Pentatheme

Color themes

• 

  Pentatheme Dark

• 

  Pentatheme Light

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.

• actionBar.toggledBackground#d0d0d0
• activityBar.activeBorder#0000
• activityBar.background#f6f6f6
• activityBar.border#ececec
• activityBar.foreground#151515
• activityBar.inactiveForeground#999999
• activityBarBadge.background#1b98f7
• activityBarBadge.foreground#fff
• badge.background#1b98f7
• badge.foreground#fff
• button.background#1b98f7
• button.border#0000
• button.foreground#fff
• button.hoverBackground#1f7cc4
• button.secondaryBackground#ececec
• button.secondaryForeground#151515
• button.secondaryHoverBackground#d0d0d0
• chat.editedFileForeground#d1a000
• chat.slashCommandBackground#1b98f730
• chat.slashCommandForeground#1b98f7
• checkbox.background#ececec
• checkbox.border#d0d0d0
• checkbox.disabled.background#f6f6f6
• checkbox.disabled.foreground#999999
• checkbox.foreground#151515
• debugToolBar.background#f6f6f6
• descriptionForeground#151515
• diffEditor.border#ececec
• diffEditor.diagonalFill#d0d0d0
• diffEditor.insertedLineBackground#44852528
• diffEditor.insertedTextBackground#44852530
• diffEditor.removedLineBackground#cf251c28
• diffEditor.removedTextBackground#cf251c30
• disabledForeground#999999
• dropdown.background#ececec
• dropdown.border#0000
• dropdown.foreground#151515
• dropdown.listBackground#ececec
• editor.background#f6f6f6
• editor.findMatchBackground#1b98f730
• editor.findMatchBorder#1b98f7
• editor.findMatchHighlightBackground#1b98f730
• editor.foldBackground#99999920
• editor.foldPlaceholderForeground#999999
• editor.foreground#353535
• editor.inactiveSelectionBackground#1b98f730
• editor.inlineValuesBackground#1b98f730
• editor.inlineValuesForeground#151515
• editor.placeholder.foreground#999999
• editor.rangeHighlightBackground#0000
• editor.selectionBackground#1b98f750
• editor.selectionHighlightBackground#1b98f730
• editor.stackFrameHighlightBackground#1b98f730
• editor.wordHighlightBackground#99999928
• editor.wordHighlightStrongBackground#1b98f728
• editorGroup.border#ececec
• editorGroup.dropBackground#1b98f750
• editorGroupHeader.tabsBackground#f6f6f6
• editorGroupHeader.tabsBorder#f6f6f6
• editorGutter.addedBackground#66ac46
• editorGutter.deletedBackground#ee5a52
• editorGutter.modifiedBackground#d1a000
• editorIndentGuide.activeBackground1#d0d0d0
• editorIndentGuide.background1#ececec
• editorLineNumber.activeForeground#353535
• editorLineNumber.foreground#999999
• editorOverviewRuler.border#ececec
• editorRuler.foreground#d0d0d0
• editorWidget.background#f6f6f6
• errorForeground#ee5a52
• focusBorder#1b98f7
• foreground#151515
• gitDecoration.addedResourceForeground#66ac46
• gitDecoration.conflictingResourceForeground#a86d00
• gitDecoration.deletedResourceForeground#ee5a52
• gitDecoration.ignoredResourceForeground#999999
• gitDecoration.modifiedResourceForeground#d1a000
• gitDecoration.renamedResourceForeground#66ac46
• gitDecoration.stageDeletedResourceForeground#ee5a52
• gitDecoration.stageModifiedResourceForeground#d1a000
• gitDecoration.submoduleResourceForeground#1b98f7
• gitDecoration.untrackedResourceForeground#66ac46
• icon.foreground#151515
• input.background#ececec
• input.border#d0d0d0
• input.foreground#151515
• input.placeholderForeground#999999
• inputOption.activeBackground#1b98f7
• inputOption.activeBorder#1b98f7
• keybindingLabel.background#ececec
• keybindingLabel.border#d0d0d0
• keybindingLabel.bottomBorder#d0d0d0
• keybindingLabel.foreground#151515
• keybindingTable.headerBackground#efefef
• keybindingTable.rowsBackground#efefef
• list.activeSelectionBackground#1b98f728
• list.activeSelectionForeground#151515
• list.deemphasizedForeground#999999
• list.dropBackground#1b98f750
• list.errorForeground#ee5a52
• list.hoverBackground#ececec
• list.inactiveFocusBackground#ececec
• list.inactiveSelectionBackground#ececec
• list.warningForeground#a86d00
• menu.background#f6f6f6
• menu.border#ececec
• menu.foreground#151515
• menu.selectionBackground#1b98f7
• menu.selectionForeground#fff
• menu.separatorBackground#ececec
• notificationCenterHeader.background#f6f6f6
• notificationCenterHeader.foreground#151515
• notifications.background#f6f6f6
• notifications.border#ececec
• notifications.foreground#151515
• notificationsErrorIcon.foreground#ee5a52
• notificationsInfoIcon.foreground#1b98f7
• notificationsWarningIcon.foreground#a86d00
• panel.background#f6f6f6
• panel.border#ececec
• panelInput.border#d0d0d0
• panelTitle.activeBorder#1b98f7
• panelTitle.activeForeground#151515
• panelTitle.border#ececec
• panelTitle.inactiveForeground#999999
• peekView.border#ececec
• peekViewEditor.background#efefef
• peekViewEditor.matchHighlightBackground#1b98f730
• peekViewEditor.matchHighlightBorder#1b98f7
• peekViewResult.background#f6f6f6
• peekViewResult.fileForeground#151515
• peekViewResult.lineForeground#151515
• peekViewResult.matchHighlightBackground#1b98f730
• peekViewResult.selectionBackground#1b98f750
• peekViewResult.selectionForeground#fff
• pickerGroup.border#d0d0d0
• ports.iconRunningProcessForeground#448525
• profileBadge.background#1b98f7
• profileBadge.foreground#fff
• quickInput.background#f6f6f6
• quickInput.foreground#151515
• scrollbar.background#0000
• scrollbar.shadow#00000080
• scrollbarSlider.activeBackground#99999980
• scrollbarSlider.background#99999940
• scrollbarSlider.hoverBackground#99999960
• selection.background#1b98f750
• settings.dropdownBackground#ececec
• settings.dropdownBorder#d0d0d0
• settings.dropdownListBorder#d0d0d0
• settings.focusedRowBackground#f6f6f6
• settings.focusedRowBorder#0000
• settings.headerForeground#151515
• settings.modifiedItemIndicator#a86d00
• settings.rowHoverBackground#f6f6f6
• sideBar.background#f6f6f6
• sideBar.border#ececec
• sideBar.foreground#151515
• sideBarSectionHeader.background#f6f6f6
• sideBarSectionHeader.border#ececec
• sideBarSectionHeader.foreground#151515
• sideBarTitle.foreground#151515
• statusBar.background#f6f6f6
• statusBar.border#ececec
• statusBar.debuggingBackground#1b98f7
• statusBar.debuggingForeground#fff
• statusBar.focusBorder#1b98f7
• statusBar.foreground#151515
• statusBar.noFolderBackground#f6f6f6
• statusBarItem.focusBorder#1b98f7
• statusBarItem.hoverBackground#d0d0d0
• statusBarItem.hoverForeground#151515
• statusBarItem.prominentBackground#0000
• statusBarItem.remoteBackground#1b98f7
• statusBarItem.remoteForeground#fff
• tab.activeBackground#f6f6f6
• tab.activeBorder#1b98f7
• tab.activeBorderTop#f6f6f6
• tab.activeForeground#151515
• tab.border#f6f6f6
• tab.hoverBackground#f6f6f6
• tab.inactiveBackground#f6f6f6
• tab.inactiveForeground#999999
• tab.lastPinnedBorder#f6f6f6
• tab.selectedBackground#ececec
• tab.selectedBorderTop#f6f6f6
• tab.selectedForeground#151515
• tab.unfocusedActiveBorder#f6f6f6
• tab.unfocusedActiveBorderTop#ececec
• tab.unfocusedHoverBackground#f6f6f6
• terminal.ansiBlack#000000
• terminal.ansiBlue#0164af
• terminal.ansiBrightBlack#999999
• terminal.ansiBrightBlue#1b98f7
• terminal.ansiBrightCyan#2dc9bc
• terminal.ansiBrightGreen#66ac46
• terminal.ansiBrightMagenta#c070e8
• terminal.ansiBrightRed#ee5a52
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#d1a000
• terminal.ansiCyan#0a8b81
• terminal.ansiGreen#448525
• terminal.ansiMagenta#a01ee1
• terminal.ansiRed#cf251c
• terminal.ansiWhite#d0d0d0
• terminal.ansiYellow#a86d00
• terminal.foreground#353535
• terminal.tab.activeBorder#1b98f7
• textBlockQuote.background#ececec
• textBlockQuote.border#d0d0d0
• textCodeBlock.background#ececec
• textLink.activeForeground#1b98f7
• textLink.foreground#1b98f7
• textPreformat.background#f6f6f6
• textPreformat.foreground#151515
• textSeparator.foreground#ececec
• titleBar.activeBackground#f6f6f6
• titleBar.activeForeground#151515
• titleBar.border#ececec
• titleBar.inactiveBackground#f6f6f6
• titleBar.inactiveForeground#999999
• toolbar.activeBackground#d0d0d0
• toolbar.hoverBackground#d0d0d0
• tree.tableOddRowsBackground#efefef
• welcomePage.progress.background#d0d0d0
• welcomePage.progress.foreground#1b98f7
• welcomePage.tileBackground#ececec
• welcomePage.tileBorder#0000
• welcomePage.tileHoverBackground#d0d0d0
• widget.border#ececec
• widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).