Benty - VSCode

Color themes

• 

  Benty

• 

  Benty Dark

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#FFFFFF
• activityBar.background#0C1A23
• activityBar.dropBorder#1A2B3C
• activityBar.foreground#FFFFFF
• activityBar.inactiveForeground#818891
• activityBarBadge.background#80FF82
• activityBarBadge.foreground#21374A
• badge.background#80FF82
• badge.foreground#21374A
• banner.background#1A2B3C
• banner.foreground#FFFFFF
• banner.iconForeground#818891
• breadcrumb.activeSelectionForeground#80FF82
• breadcrumb.background#21374A
• breadcrumb.focusForeground#818891
• breadcrumb.foreground#818891
• breadcrumbPicker.background#1A2B3C
• button.background#80FF82
• button.foreground#21374A
• button.hoverBackground#80FF82e6
• button.secondaryBackground#1A2B3C
• button.secondaryForeground#FFFFFF
• button.secondaryHoverBackground#1A2B3C
• charts.blue#9ccfd8
• charts.foreground#FFFFFF
• charts.green#FFDD00
• charts.lines#818891
• charts.orange#80FF82
• charts.purple#c678dd
• charts.red#ebff00
• charts.yellow#b1ff03
• checkbox.background#1A2B3C
• checkbox.border#2C4863
• checkbox.foreground#FFFFFF
• debugExceptionWidget.background#1A2B3C
• debugExceptionWidget.border#2C4863
• debugIcon.breakpointCurrentStackframeForeground#818891
• debugIcon.breakpointDisabledForeground#818891
• debugIcon.breakpointForeground#818891
• debugIcon.breakpointStackframeForeground#818891
• debugIcon.breakpointUnverifiedForeground#818891
• debugIcon.continueForeground#818891
• debugIcon.disconnectForeground#818891
• debugIcon.pauseForeground#818891
• debugIcon.restartForeground#818891
• debugIcon.startForeground#818891
• debugIcon.stepBackForeground#818891
• debugIcon.stepIntoForeground#818891
• debugIcon.stepOutForeground#818891
• debugIcon.stepOverForeground#818891
• debugIcon.stopForeground#ebff00
• debugToolBar.background#1A2B3C
• debugToolBar.border#1A2B3C
• descriptionForeground#818891
• diffEditor.border#1A2B3C
• diffEditor.diagonalFill#324F6E
• diffEditor.insertedLineBackground#9ccfd826
• diffEditor.insertedTextBackground#9ccfd826
• diffEditor.removedLineBackground#ebff0026
• diffEditor.removedTextBackground#ebff0026
• diffEditorOverview.insertedForeground#9ccfd880
• diffEditorOverview.removedForeground#ebff0080
• dropdown.background#1A2B3C
• dropdown.border#2C4863
• dropdown.foreground#FFFFFF
• dropdown.listBackground#1A2B3C
• editor.background#21374A
• editor.findMatchBackground#324F6E
• editor.findMatchHighlightBackground#324F6E
• editor.findRangeHighlightBackground#324F6E
• editor.findRangeHighlightBorder#0000
• editor.focusedStackFrameHighlightBackground#2C4863
• editor.foldBackground#1A2B3C
• editor.foreground#FFFFFF
• editor.hoverHighlightBackground#0000
• editor.inactiveSelectionBackground#21374A
• editor.inlineValuesBackground#0000
• editor.inlineValuesForeground#818891
• editor.lineHighlightBackground#21374A
• editor.lineHighlightBorder#0000
• editor.linkedEditingBackground#1A2B3C
• editor.rangeHighlightBackground#21374A
• editor.selectionBackground#324F6E
• editor.selectionForeground#FFFFFF
• editor.selectionHighlightBackground#324F6E
• editor.selectionHighlightBorder#21374A
• editor.snippetFinalTabstopHighlightBackground#2C4863
• editor.snippetFinalTabstopHighlightBorder#1A2B3C
• editor.snippetTabstopHighlightBackground#2C4863
• editor.snippetTabstopHighlightBorder#1A2B3C
• editor.stackFrameHighlightBackground#2C4863
• editor.symbolHighlightBackground#2C4863
• editor.symbolHighlightBorder#0000
• editor.wordHighlightBackground#2C4863
• editor.wordHighlightBorder#0000
• editor.wordHighlightStrongBackground#2C4863
• editor.wordHighlightStrongBorder#2C4863
• editorBracketHighlight.foreground1#ebff0080
• editorBracketHighlight.foreground2#FFDD0080
• editorBracketHighlight.foreground3#b1ff0380
• editorBracketHighlight.foreground4#9ccfd880
• editorBracketHighlight.foreground5#80FF8280
• editorBracketHighlight.foreground6#c678dd80
• editorBracketMatch.background#0000
• editorBracketMatch.border#818891
• editorBracketPairGuide.activeBackground1#FFDD00
• editorBracketPairGuide.activeBackground2#80FF82
• editorBracketPairGuide.activeBackground3#c678dd
• editorBracketPairGuide.activeBackground4#9ccfd8
• editorBracketPairGuide.activeBackground5#b1ff03
• editorBracketPairGuide.activeBackground6#ebff00
• editorBracketPairGuide.background1#FFDD0080
• editorBracketPairGuide.background2#80FF8280
• editorBracketPairGuide.background3#c678dd80
• editorBracketPairGuide.background4#9ccfd880
• editorBracketPairGuide.background5#b1ff0380
• editorBracketPairGuide.background6#ebff0080
• editorCodeLens.foreground#80FF82
• editorCursor.background#FFFFFF
• editorCursor.foreground#818891
• editorError.border#0000
• editorError.foreground#ebff00
• editorGhostText.foreground#818891
• editorGroup.border#0000
• editorGroup.dropBackground#1A2B3C
• editorGroup.emptyBackground#0000
• editorGroup.focusedEmptyBorder#0000
• editorGroupHeader.noTabsBackground#0000
• editorGroupHeader.tabsBackground#1A2B3C
• editorGroupHeader.tabsBorder#121F2A
• editorGutter.addedBackground#9ccfd8
• editorGutter.background#21374A
• editorGutter.commentRangeForeground#818891
• editorGutter.deletedBackground#ebff00
• editorGutter.foldingControlForeground#818891
• editorGutter.modifiedBackground#80FF82
• editorHint.border#0000
• editorHint.foreground#818891
• editorHoverWidget.background#1A2B3C
• editorHoverWidget.border#81889180
• editorHoverWidget.foreground#818891
• editorHoverWidget.highlightForeground#FFFFFF
• editorHoverWidget.statusBarBackground#0000
• editorIndentGuide.activeBackground#818891
• editorIndentGuide.background#324F6E
• editorInfo.border#1A2B3C
• editorInfo.foreground#9ccfd8
• editorInlayHint.background#1A2B3C
• editorInlayHint.foreground#818891
• editorInlayHint.parameterBackground#1A2B3C
• editorInlayHint.parameterForeground#c678dd
• editorInlayHint.typeBackground#1A2B3C
• editorInlayHint.typeForeground#9ccfd8
• editorLightBulb.foreground#FFDD00
• editorLightBulbAutoFix.foreground#80FF82
• editorLineNumber.activeForeground#FFFFFF
• editorLineNumber.foreground#818891
• editorLink.activeForeground#80FF82
• editorMarkerNavigation.background#1A2B3C
• editorMarkerNavigationError.background#1A2B3C
• editorMarkerNavigationInfo.background#1A2B3C
• editorMarkerNavigationWarning.background#1A2B3C
• editorOverviewRuler.addedForeground#9ccfd880
• editorOverviewRuler.background#21374A
• editorOverviewRuler.border#324F6E
• editorOverviewRuler.bracketMatchForeground#818891
• editorOverviewRuler.commonContentForeground#21374A
• editorOverviewRuler.currentContentForeground#2C4863
• editorOverviewRuler.deletedForeground#ebff0080
• editorOverviewRuler.errorForeground#ebff0080
• editorOverviewRuler.findMatchForeground#324F6E
• editorOverviewRuler.incomingContentForeground#c678dd80
• editorOverviewRuler.infoForeground#9ccfd880
• editorOverviewRuler.modifiedForeground#80FF8280
• editorOverviewRuler.rangeHighlightForeground#324F6E
• editorOverviewRuler.selectionHighlightForeground#324F6E
• editorOverviewRuler.warningForeground#b1ff0380
• editorOverviewRuler.wordHighlightForeground#2C4863
• editorOverviewRuler.wordHighlightStrongForeground#324F6E
• editorPane.background#0000
• editorRuler.foreground#324F6E
• editorSuggestWidget.background#1A2B3C
• editorSuggestWidget.border#0000
• editorSuggestWidget.focusHighlightForeground#80FF82
• editorSuggestWidget.foreground#818891
• editorSuggestWidget.highlightForeground#80FF82
• editorSuggestWidget.selectedBackground#2C4863
• editorSuggestWidget.selectedForeground#FFFFFF
• editorSuggestWidget.selectedIconForeground#FFFFFF
• editorUnnecessaryCode.border#0000
• editorUnnecessaryCode.opacity#FFFFFF80
• editorWarning.border#0000
• editorWarning.foreground#b1ff03
• editorWhitespace.foreground#818891
• editorWidget.background#1A2B3C
• editorWidget.border#1A2B3C
• editorWidget.foreground#818891
• editorWidget.resizeBorder#818891
• errorForeground#ebff00
• extensionBadge.remoteBackground#c678dd
• extensionBadge.remoteForeground#21374A
• extensionButton.prominentBackground#80FF82
• extensionButton.prominentForeground#21374A
• extensionButton.prominentHoverBackground#80FF82e6
• extensionIcon.preReleaseForeground#FFDD00
• extensionIcon.starForeground#80FF82
• extensionIcon.verifiedForeground#c678dd
• focusBorder#2C4863
• foreground#FFFFFF
• gitDecoration.addedResourceForeground#9ccfd8
• gitDecoration.conflictingResourceForeground#ebff00
• gitDecoration.deletedResourceForeground#818891
• gitDecoration.ignoredResourceForeground#818891
• gitDecoration.modifiedResourceForeground#80FF82
• gitDecoration.renamedResourceForeground#FFDD00
• gitDecoration.stageDeletedResourceForeground#ebff00
• gitDecoration.stageModifiedResourceForeground#c678dd
• gitDecoration.submoduleResourceForeground#b1ff03
• gitDecoration.untrackedResourceForeground#b1ff03
• icon.foreground#818891
• input.background#1A2B3C80
• input.border#2C4863
• input.foreground#FFFFFF
• input.placeholderForeground#818891
• inputOption.activeBackground#80FF8226
• inputOption.activeForeground#80FF82
• inputValidation.errorBackground#1A2B3C
• inputValidation.errorBorder#324F6E
• inputValidation.errorForeground#ebff00
• inputValidation.infoBackground#1A2B3C
• inputValidation.infoBorder#324F6E
• inputValidation.infoForeground#9ccfd8
• inputValidation.warningBackground#1A2B3C
• inputValidation.warningBorder#324F6E
• inputValidation.warningForeground#9ccfd880
• keybindingLabel.background#1A2B3C
• keybindingLabel.border#324F6E
• keybindingLabel.bottomBorder#324F6E
• keybindingLabel.foreground#c678dd
• keybindingTable.headerBackground#1A2B3C
• keybindingTable.rowsBackground#1A2B3C
• list.activeSelectionBackground#2C4863
• list.activeSelectionForeground#FFFFFF
• list.deemphasizedForeground#818891
• list.dropBackground#1A2B3C
• list.errorForeground#FFDD00
• list.filterMatchBackground#1A2B3C
• list.filterMatchBorder#80FF82
• list.focusBackground#324F6E
• list.focusForeground#FFFFFF
• list.focusOutline#2C4863
• list.highlightForeground#80FF82
• list.hoverBackground#21374A
• list.hoverForeground#FFFFFF
• list.inactiveFocusBackground#21374A
• list.inactiveSelectionBackground#1A2B3C
• list.inactiveSelectionForeground#FFFFFF
• list.invalidItemForeground#ebff00
• list.warningForeground#b1ff03
• listFilterWidget.background#1A2B3C
• listFilterWidget.noMatchesOutline#ebff00
• listFilterWidget.outline#1A2B3C
• menu.background#1A2B3C
• menu.border#121F2A
• menu.foreground#FFFFFF
• menu.selectionBackground#2C4863
• menu.selectionBorder#1A2B3C
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#324F6E
• menubar.selectionBackground#2C4863
• menubar.selectionBorder#21374A
• menubar.selectionForeground#FFFFFF
• merge.border#1A2B3C
• merge.commonContentBackground#2C4863
• merge.commonHeaderBackground#2C4863
• merge.currentContentBackground#b1ff0380
• merge.currentHeaderBackground#b1ff0380
• merge.incomingContentBackground#9ccfd880
• merge.incomingHeaderBackground#9ccfd880
• minimap.background#1A2B3C
• minimap.errorHighlight#ebff0080
• minimap.findMatchHighlight#2C4863
• minimap.selectionHighlight#2C4863
• minimap.warningHighlight#b1ff0380
• minimapGutter.addedBackground#9ccfd8
• minimapGutter.deletedBackground#ebff00
• minimapGutter.modifiedBackground#80FF82
• minimapSlider.activeBackground#324F6E
• minimapSlider.background#2C4863
• minimapSlider.hoverBackground#2C4863
• notebook.cellBorderColor#9ccfd880
• notebook.cellEditorBackground#1A2B3C
• notebook.cellHoverBackground#1A2B3C80
• notebook.focusedCellBackground#21374A
• notebook.focusedCellBorder#9ccfd8
• notebook.outputContainerBackgroundColor#21374A
• notificationCenter.border#2C4863
• notificationCenterHeader.background#1A2B3C
• notificationCenterHeader.foreground#818891
• notificationLink.foreground#c678dd
• notifications.background#1A2B3C
• notifications.border#2C4863
• notifications.foreground#FFFFFF
• notificationsErrorIcon.foreground#ebff00
• notificationsInfoIcon.foreground#9ccfd8
• notificationsWarningIcon.foreground#b1ff03
• notificationToast.border#2C4863
• panel.background#1A2B3C
• panel.border#121F2A
• panel.dropBorder#1A2B3C
• panelInput.border#1A2B3C
• panelSection.border#121F2A
• panelSection.dropBackground#2C4863
• panelSectionHeader.background#1A2B3C
• panelSectionHeader.foreground#FFFFFF
• panelTitle.activeBorder#324F6E
• panelTitle.activeForeground#FFFFFF
• panelTitle.inactiveForeground#818891
• peekView.border#1A2B3C
• peekViewEditor.background#1A2B3C
• peekViewEditor.matchHighlightBackground#324F6E
• peekViewResult.background#1A2B3C
• peekViewResult.fileForeground#818891
• peekViewResult.lineForeground#818891
• peekViewResult.matchHighlightBackground#324F6E
• peekViewResult.selectionBackground#2C4863
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#1A2B3C
• peekViewTitleDescription.foreground#818891
• pickerGroup.border#324F6E
• pickerGroup.foreground#c678dd
• ports.iconRunningProcessForeground#80FF82
• problemsErrorIcon.foreground#ebff00
• problemsInfoIcon.foreground#9ccfd8
• problemsWarningIcon.foreground#b1ff03
• progressBar.background#80FF82
• quickInput.background#1A2B3C
• quickInput.foreground#818891
• quickInputList.focusBackground#2C4863
• quickInputList.focusForeground#FFFFFF
• quickInputList.focusIconForeground#FFFFFF
• scrollbar.shadow#1A2B3C4d
• scrollbarSlider.activeBackground#FFDD0080
• scrollbarSlider.background#2C4863
• scrollbarSlider.hoverBackground#324F6E
• searchEditor.findMatchBackground#2C4863
• selection.background#324F6E
• settings.focusedRowBackground#1A2B3C
• settings.focusedRowBorder#2C4863
• settings.headerForeground#FFFFFF
• settings.modifiedItemIndicator#80FF82
• settings.rowHoverBackground#1A2B3C
• sideBar.background#1A2B3C
• sideBar.dropBackground#1A2B3C
• sideBar.foreground#818891
• sideBarSectionHeader.background#0000
• sideBarSectionHeader.border#2C4863
• statusBar.background#1A2B3C
• statusBar.border#121F2A
• statusBar.debuggingBackground#c678dd
• statusBar.debuggingForeground#21374A
• statusBar.foreground#818891
• statusBar.noFolderBackground#21374A
• statusBar.noFolderForeground#818891
• statusBarItem.activeBackground#324F6E
• statusBarItem.errorBackground#21374A
• statusBarItem.errorForeground#ebff00
• statusBarItem.hoverBackground#2C4863
• statusBarItem.prominentBackground#1A2B3C
• statusBarItem.prominentForeground#FFFFFF
• statusBarItem.prominentHoverBackground#2C4863
• statusBarItem.remoteBackground#21374A
• statusBarItem.remoteForeground#b1ff03
• symbolIcon.arrayForeground#818891
• symbolIcon.classForeground#818891
• symbolIcon.colorForeground#818891
• symbolIcon.constantForeground#818891
• symbolIcon.constructorForeground#818891
• symbolIcon.enumeratorForeground#818891
• symbolIcon.enumeratorMemberForeground#818891
• symbolIcon.eventForeground#818891
• symbolIcon.fieldForeground#818891
• symbolIcon.fileForeground#818891
• symbolIcon.folderForeground#818891
• symbolIcon.functionForeground#818891
• symbolIcon.interfaceForeground#818891
• symbolIcon.keyForeground#818891
• symbolIcon.keywordForeground#818891
• symbolIcon.methodForeground#818891
• symbolIcon.moduleForeground#818891
• symbolIcon.namespaceForeground#818891
• symbolIcon.nullForeground#818891
• symbolIcon.numberForeground#818891
• symbolIcon.objectForeground#818891
• symbolIcon.operatorForeground#818891
• symbolIcon.packageForeground#818891
• symbolIcon.propertyForeground#818891
• symbolIcon.referenceForeground#818891
• symbolIcon.snippetForeground#818891
• symbolIcon.stringForeground#818891
• symbolIcon.structForeground#818891
• symbolIcon.textForeground#818891
• symbolIcon.typeParameterForeground#818891
• symbolIcon.unitForeground#818891
• symbolIcon.variableForeground#818891
• tab.activeBackground#21374A
• tab.activeBorder#21374A
• tab.activeBorderTop#121F2A
• tab.activeForeground#FFFFFF
• tab.activeModifiedBorder#9ccfd8
• tab.border#121F2A
• tab.hoverBackground#2C4863
• tab.inactiveBackground#1A2B3C
• tab.inactiveForeground#818891
• tab.inactiveModifiedBorder#9ccfd880
• tab.lastPinnedBorder#818891
• tab.unfocusedHoverBackground#0000
• tab.unfocusedInactiveBackground#0000
• tab.unfocusedInactiveModifiedBorder#9ccfd880
• terminal.ansiBlack#1A2B3C
• terminal.ansiBlue#0bd69f
• terminal.ansiBrightBlack#818891
• terminal.ansiBrightBlue#0bd69f
• terminal.ansiBrightCyan#80FF82
• terminal.ansiBrightGreen#0093fe
• terminal.ansiBrightMagenta#c678dd
• terminal.ansiBrightRed#ebff00
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFDD00
• terminal.ansiCyan#80FF82
• terminal.ansiGreen#0093fe
• terminal.ansiMagenta#c678dd
• terminal.ansiRed#ebff00
• terminal.ansiWhite#FFFFFF
• terminal.ansiYellow#FFDD00
• terminal.background#0C1A23
• terminal.dropBackground#2C4863
• terminal.foreground#FFFFFF
• terminal.selectionBackground#2C4863
• terminal.tab.activeBorder#FFFFFF
• terminalCursor.background#FFFFFF
• terminalCursor.foreground#818891
• textBlockQuote.background#1A2B3C
• textBlockQuote.border#2C4863
• textCodeBlock.background#1A2B3C
• textLink.activeForeground#c678dde6
• textLink.foreground#c678dd
• textPreformat.foreground#b1ff03
• textSeparator.foreground#818891
• titleBar.activeBackground#1A2B3C
• titleBar.activeForeground#818891
• titleBar.inactiveBackground#1A2B3C
• titleBar.inactiveForeground#818891
• toolbar.activeBackground#324F6E
• toolbar.hoverBackground#2C4863
• tree.indentGuidesStroke#818891
• walkThrough.embeddedEditorBackground#21374A
• welcomePage.background#21374A
• welcomePage.buttonBackground#1A2B3C
• welcomePage.buttonHoverBackground#1A2B3C
• widget.shadow#1A2B3C4d
• window.activeBorder#1A2B3C
• window.inactiveBorder#1A2B3C

tokenColors

TextMate scopes and font styles (syntax highlighting rules).