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#303030
• activityBar.activeBorder#0000
• activityBar.background#151515
• activityBar.border#212121
• activityBar.foreground#d0d0d0
• activityBar.inactiveForeground#747474
• activityBarBadge.background#0164af
• activityBarBadge.foreground#f0f0f0
• badge.background#0164af
• badge.foreground#f0f0f0
• button.background#0164af
• button.border#0000
• button.foreground#f0f0f0
• button.hoverBackground#0e7bce
• button.secondaryBackground#212121
• button.secondaryForeground#d0d0d0
• button.secondaryHoverBackground#303030
• chat.editedFileForeground#f1d77f
• chat.slashCommandBackground#0164af50
• chat.slashCommandForeground#4ba8f0
• checkbox.background#212121
• checkbox.border#303030
• checkbox.disabled.background#151515
• checkbox.disabled.foreground#747474
• checkbox.foreground#d0d0d0
• debugToolBar.background#151515
• descriptionForeground#d0d0d0
• diffEditor.border#212121
• diffEditor.diagonalFill#303030
• diffEditor.insertedLineBackground#57943b40
• diffEditor.insertedTextBackground#57943b50
• diffEditor.removedLineBackground#cf251c40
• diffEditor.removedTextBackground#cf251c50
• disabledForeground#747474
• dropdown.background#212121
• dropdown.border#0000
• dropdown.foreground#d0d0d0
• dropdown.listBackground#212121
• editor.background#151515
• editor.findMatchBackground#0164af50
• editor.findMatchBorder#4ba8f0
• editor.findMatchHighlightBackground#0164af50
• editor.foldBackground#74747420
• editor.foldPlaceholderForeground#747474
• editor.foreground#cbcbcb
• editor.inactiveSelectionBackground#0164af50
• editor.inlineValuesBackground#0164af50
• editor.inlineValuesForeground#d0d0d0
• editor.placeholder.foreground#747474
• editor.rangeHighlightBackground#0000
• editor.selectionBackground#0164afb0
• editor.selectionHighlightBackground#0164af50
• editor.stackFrameHighlightBackground#0164af50
• editor.wordHighlightBackground#74747440
• editor.wordHighlightStrongBackground#0164af40
• editorGroup.border#212121
• editorGroup.dropBackground#0164afb0
• editorGroupHeader.tabsBackground#151515
• editorGroupHeader.tabsBorder#151515
• editorGutter.addedBackground#7bb361
• editorGutter.deletedBackground#f36e67
• editorGutter.modifiedBackground#f1d77f
• editorIndentGuide.activeBackground1#303030
• editorIndentGuide.background1#212121
• editorLineNumber.activeForeground#cbcbcb
• editorLineNumber.foreground#747474
• editorOverviewRuler.border#212121
• editorRuler.foreground#303030
• editorWidget.background#151515
• errorForeground#f36e67
• focusBorder#0164af
• foreground#d0d0d0
• gitDecoration.addedResourceForeground#7bb361
• gitDecoration.conflictingResourceForeground#e6a328
• gitDecoration.deletedResourceForeground#f36e67
• gitDecoration.ignoredResourceForeground#747474
• gitDecoration.modifiedResourceForeground#f1d77f
• gitDecoration.renamedResourceForeground#7bb361
• gitDecoration.stageDeletedResourceForeground#f36e67
• gitDecoration.stageModifiedResourceForeground#f1d77f
• gitDecoration.submoduleResourceForeground#4ba8f0
• gitDecoration.untrackedResourceForeground#7bb361
• icon.foreground#d0d0d0
• input.background#212121
• input.border#303030
• input.foreground#d0d0d0
• input.placeholderForeground#747474
• inputOption.activeBackground#0164af
• inputOption.activeBorder#0164af
• keybindingLabel.background#212121
• keybindingLabel.border#303030
• keybindingLabel.bottomBorder#303030
• keybindingLabel.foreground#d0d0d0
• keybindingTable.headerBackground#1c1c1c
• keybindingTable.rowsBackground#1c1c1c
• list.activeSelectionBackground#0164af40
• list.activeSelectionForeground#d0d0d0
• list.deemphasizedForeground#747474
• list.dropBackground#0164afb0
• list.errorForeground#f36e67
• list.hoverBackground#212121
• list.inactiveFocusBackground#212121
• list.inactiveSelectionBackground#212121
• list.warningForeground#e6a328
• menu.background#151515
• menu.border#212121
• menu.foreground#d0d0d0
• menu.selectionBackground#0164af
• menu.selectionForeground#f0f0f0
• menu.separatorBackground#212121
• notificationCenterHeader.background#151515
• notificationCenterHeader.foreground#d0d0d0
• notifications.background#151515
• notifications.border#212121
• notifications.foreground#d0d0d0
• notificationsErrorIcon.foreground#f36e67
• notificationsInfoIcon.foreground#4ba8f0
• notificationsWarningIcon.foreground#e6a328
• panel.background#151515
• panel.border#212121
• panelInput.border#303030
• panelTitle.activeBorder#0164af
• panelTitle.activeForeground#d0d0d0
• panelTitle.border#212121
• panelTitle.inactiveForeground#747474
• peekView.border#212121
• peekViewEditor.background#1c1c1c
• peekViewEditor.matchHighlightBackground#0164af50
• peekViewEditor.matchHighlightBorder#0164af
• peekViewResult.background#151515
• peekViewResult.fileForeground#d0d0d0
• peekViewResult.lineForeground#d0d0d0
• peekViewResult.matchHighlightBackground#0164af50
• peekViewResult.selectionBackground#0164afb0
• peekViewResult.selectionForeground#f0f0f0
• pickerGroup.border#303030
• ports.iconRunningProcessForeground#57943b
• profileBadge.background#0164af
• profileBadge.foreground#f0f0f0
• quickInput.background#151515
• quickInput.foreground#d0d0d0
• scrollbar.background#0000
• scrollbar.shadow#00000080
• scrollbarSlider.activeBackground#74747480
• scrollbarSlider.background#74747440
• scrollbarSlider.hoverBackground#74747460
• selection.background#0164afb0
• settings.dropdownBackground#212121
• settings.dropdownBorder#303030
• settings.dropdownListBorder#303030
• settings.focusedRowBackground#151515
• settings.focusedRowBorder#0000
• settings.headerForeground#d0d0d0
• settings.modifiedItemIndicator#e6a328
• settings.rowHoverBackground#151515
• sideBar.background#151515
• sideBar.border#212121
• sideBar.foreground#d0d0d0
• sideBarSectionHeader.background#151515
• sideBarSectionHeader.border#212121
• sideBarSectionHeader.foreground#d0d0d0
• sideBarTitle.foreground#d0d0d0
• statusBar.background#151515
• statusBar.border#212121
• statusBar.debuggingBackground#0164af
• statusBar.debuggingForeground#f0f0f0
• statusBar.focusBorder#0164af
• statusBar.foreground#d0d0d0
• statusBar.noFolderBackground#151515
• statusBarItem.focusBorder#0164af
• statusBarItem.hoverBackground#303030
• statusBarItem.hoverForeground#d0d0d0
• statusBarItem.prominentBackground#0000
• statusBarItem.remoteBackground#0164af
• statusBarItem.remoteForeground#f0f0f0
• tab.activeBackground#151515
• tab.activeBorder#0164af
• tab.activeBorderTop#151515
• tab.activeForeground#d0d0d0
• tab.border#151515
• tab.hoverBackground#151515
• tab.inactiveBackground#151515
• tab.inactiveForeground#747474
• tab.lastPinnedBorder#151515
• tab.selectedBackground#212121
• tab.selectedBorderTop#151515
• tab.selectedForeground#d0d0d0
• tab.unfocusedActiveBorder#151515
• tab.unfocusedActiveBorderTop#212121
• tab.unfocusedHoverBackground#151515
• terminal.ansiBlack#000000
• terminal.ansiBlue#0164af
• terminal.ansiBrightBlack#747474
• terminal.ansiBrightBlue#4ba8f0
• terminal.ansiBrightCyan#4edace
• terminal.ansiBrightGreen#7bb361
• terminal.ansiBrightMagenta#c070e8
• terminal.ansiBrightRed#f36e67
• terminal.ansiBrightWhite#f0f0f0
• terminal.ansiBrightYellow#f1d77f
• terminal.ansiCyan#16a99d
• terminal.ansiGreen#57943b
• terminal.ansiMagenta#a01ee1
• terminal.ansiRed#cf251c
• terminal.ansiWhite#d0d0d0
• terminal.ansiYellow#e6a328
• terminal.foreground#cbcbcb
• terminal.tab.activeBorder#0164af
• textBlockQuote.background#212121
• textBlockQuote.border#303030
• textCodeBlock.background#212121
• textLink.activeForeground#4ba8f0
• textLink.foreground#4ba8f0
• textPreformat.background#151515
• textPreformat.foreground#d0d0d0
• textSeparator.foreground#212121
• titleBar.activeBackground#151515
• titleBar.activeForeground#d0d0d0
• titleBar.border#212121
• titleBar.inactiveBackground#151515
• titleBar.inactiveForeground#747474
• toolbar.activeBackground#303030
• toolbar.hoverBackground#303030
• tree.tableOddRowsBackground#1c1c1c
• welcomePage.progress.background#303030
• welcomePage.progress.foreground#0164af
• welcomePage.tileBackground#212121
• welcomePage.tileBorder#0000
• welcomePage.tileHoverBackground#303030
• widget.border#212121
• widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).