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#000000
• activityBar.dropBorder#000D16
• activityBar.foreground#FFFFFF
• activityBar.inactiveForeground#818891
• activityBarBadge.background#80FF82
• activityBarBadge.foreground#0C1A23
• badge.background#80FF82
• badge.foreground#0C1A23
• banner.background#000D16
• banner.foreground#FFFFFF
• banner.iconForeground#818891
• breadcrumb.activeSelectionForeground#80FF82
• breadcrumb.background#0C1A23
• breadcrumb.focusForeground#818891
• breadcrumb.foreground#818891
• breadcrumbPicker.background#000D16
• button.background#80FF82
• button.foreground#0C1A23
• button.hoverBackground#80FF82e6
• button.secondaryBackground#000D16
• button.secondaryForeground#FFFFFF
• button.secondaryHoverBackground#000D16
• 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#000D16
• checkbox.border#0E202A
• checkbox.foreground#FFFFFF
• debugExceptionWidget.background#000D16
• debugExceptionWidget.border#0E202A
• 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#000D16
• debugToolBar.border#000D16
• descriptionForeground#818891
• diffEditor.border#000D16
• diffEditor.diagonalFill#1F4662
• diffEditor.insertedLineBackground#9ccfd826
• diffEditor.insertedTextBackground#9ccfd826
• diffEditor.removedLineBackground#ebff0026
• diffEditor.removedTextBackground#ebff0026
• diffEditorOverview.insertedForeground#9ccfd880
• diffEditorOverview.removedForeground#ebff0080
• dropdown.background#000D16
• dropdown.border#0E202A
• dropdown.foreground#FFFFFF
• dropdown.listBackground#000D16
• editor.background#0C1A23
• editor.findMatchBackground#1F4662
• editor.findMatchHighlightBackground#1F4662
• editor.findRangeHighlightBackground#1F4662
• editor.findRangeHighlightBorder#0000
• editor.focusedStackFrameHighlightBackground#0E202A
• editor.foldBackground#000D16
• editor.foreground#FFFFFF
• editor.hoverHighlightBackground#0000
• editor.inactiveSelectionBackground#0F212D
• editor.inlineValuesBackground#0000
• editor.inlineValuesForeground#818891
• editor.lineHighlightBackground#0F212D
• editor.lineHighlightBorder#0000
• editor.linkedEditingBackground#000D16
• editor.rangeHighlightBackground#0F212D
• editor.selectionBackground#1F4662
• editor.selectionForeground#FFFFFF
• editor.selectionHighlightBackground#1F4662
• editor.selectionHighlightBorder#0C1A23
• editor.snippetFinalTabstopHighlightBackground#0E202A
• editor.snippetFinalTabstopHighlightBorder#000D16
• editor.snippetTabstopHighlightBackground#0E202A
• editor.snippetTabstopHighlightBorder#000D16
• editor.stackFrameHighlightBackground#0E202A
• editor.symbolHighlightBackground#0E202A
• editor.symbolHighlightBorder#0000
• editor.wordHighlightBackground#0E202A
• editor.wordHighlightBorder#0000
• editor.wordHighlightStrongBackground#0E202A
• editor.wordHighlightStrongBorder#0E202A
• 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#000D16
• editorGroup.emptyBackground#0000
• editorGroup.focusedEmptyBorder#0000
• editorGroupHeader.noTabsBackground#0000
• editorGroupHeader.tabsBackground#000D16
• editorGroupHeader.tabsBorder#1F2428
• editorGutter.addedBackground#9ccfd8
• editorGutter.background#0C1A23
• editorGutter.commentRangeForeground#818891
• editorGutter.deletedBackground#ebff00
• editorGutter.foldingControlForeground#818891
• editorGutter.modifiedBackground#80FF82
• editorHint.border#0000
• editorHint.foreground#818891
• editorHoverWidget.background#000D16
• editorHoverWidget.border#81889180
• editorHoverWidget.foreground#818891
• editorHoverWidget.highlightForeground#FFFFFF
• editorHoverWidget.statusBarBackground#0000
• editorIndentGuide.activeBackground#818891
• editorIndentGuide.background#1F4662
• editorInfo.border#000D16
• editorInfo.foreground#9ccfd8
• editorInlayHint.background#000D16
• editorInlayHint.foreground#818891
• editorInlayHint.parameterBackground#000D16
• editorInlayHint.parameterForeground#c678dd
• editorInlayHint.typeBackground#000D16
• editorInlayHint.typeForeground#9ccfd8
• editorLightBulb.foreground#FFDD00
• editorLightBulbAutoFix.foreground#80FF82
• editorLineNumber.activeForeground#FFFFFF
• editorLineNumber.foreground#818891
• editorLink.activeForeground#80FF82
• editorMarkerNavigation.background#000D16
• editorMarkerNavigationError.background#000D16
• editorMarkerNavigationInfo.background#000D16
• editorMarkerNavigationWarning.background#000D16
• editorOverviewRuler.addedForeground#9ccfd880
• editorOverviewRuler.background#0C1A23
• editorOverviewRuler.border#1F4662
• editorOverviewRuler.bracketMatchForeground#818891
• editorOverviewRuler.commonContentForeground#0F212D
• editorOverviewRuler.currentContentForeground#0E202A
• editorOverviewRuler.deletedForeground#ebff0080
• editorOverviewRuler.errorForeground#ebff0080
• editorOverviewRuler.findMatchForeground#1F4662
• editorOverviewRuler.incomingContentForeground#c678dd80
• editorOverviewRuler.infoForeground#9ccfd880
• editorOverviewRuler.modifiedForeground#80FF8280
• editorOverviewRuler.rangeHighlightForeground#1F4662
• editorOverviewRuler.selectionHighlightForeground#1F4662
• editorOverviewRuler.warningForeground#b1ff0380
• editorOverviewRuler.wordHighlightForeground#0E202A
• editorOverviewRuler.wordHighlightStrongForeground#1F4662
• editorPane.background#0000
• editorRuler.foreground#1F4662
• editorSuggestWidget.background#000D16
• editorSuggestWidget.border#0000
• editorSuggestWidget.focusHighlightForeground#80FF82
• editorSuggestWidget.foreground#818891
• editorSuggestWidget.highlightForeground#80FF82
• editorSuggestWidget.selectedBackground#0E202A
• editorSuggestWidget.selectedForeground#FFFFFF
• editorSuggestWidget.selectedIconForeground#FFFFFF
• editorUnnecessaryCode.border#0000
• editorUnnecessaryCode.opacity#FFFFFF80
• editorWarning.border#0000
• editorWarning.foreground#b1ff03
• editorWhitespace.foreground#818891
• editorWidget.background#000D16
• editorWidget.border#000D16
• editorWidget.foreground#818891
• editorWidget.resizeBorder#818891
• errorForeground#ebff00
• extensionBadge.remoteBackground#c678dd
• extensionBadge.remoteForeground#0C1A23
• extensionButton.prominentBackground#80FF82
• extensionButton.prominentForeground#0C1A23
• extensionButton.prominentHoverBackground#80FF82e6
• extensionIcon.preReleaseForeground#FFDD00
• extensionIcon.starForeground#80FF82
• extensionIcon.verifiedForeground#c678dd
• focusBorder#0E202A
• 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#000D1680
• input.border#0E202A
• input.foreground#FFFFFF
• input.placeholderForeground#818891
• inputOption.activeBackground#80FF8226
• inputOption.activeForeground#80FF82
• inputValidation.errorBackground#000D16
• inputValidation.errorBorder#1F4662
• inputValidation.errorForeground#ebff00
• inputValidation.infoBackground#000D16
• inputValidation.infoBorder#1F4662
• inputValidation.infoForeground#9ccfd8
• inputValidation.warningBackground#000D16
• inputValidation.warningBorder#1F4662
• inputValidation.warningForeground#9ccfd880
• keybindingLabel.background#000D16
• keybindingLabel.border#1F4662
• keybindingLabel.bottomBorder#1F4662
• keybindingLabel.foreground#c678dd
• keybindingTable.headerBackground#000D16
• keybindingTable.rowsBackground#000D16
• list.activeSelectionBackground#0E202A
• list.activeSelectionForeground#FFFFFF
• list.deemphasizedForeground#818891
• list.dropBackground#000D16
• list.errorForeground#FFDD00
• list.filterMatchBackground#000D16
• list.filterMatchBorder#80FF82
• list.focusBackground#1F4662
• list.focusForeground#FFFFFF
• list.focusOutline#0E202A
• list.highlightForeground#80FF82
• list.hoverBackground#0F212D
• list.hoverForeground#FFFFFF
• list.inactiveFocusBackground#0F212D
• list.inactiveSelectionBackground#000D16
• list.inactiveSelectionForeground#FFFFFF
• list.invalidItemForeground#ebff00
• list.warningForeground#b1ff03
• listFilterWidget.background#000D16
• listFilterWidget.noMatchesOutline#ebff00
• listFilterWidget.outline#000D16
• menu.background#000D16
• menu.border#1F2428
• menu.foreground#FFFFFF
• menu.selectionBackground#0E202A
• menu.selectionBorder#000D16
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#1F4662
• menubar.selectionBackground#0E202A
• menubar.selectionBorder#0F212D
• menubar.selectionForeground#FFFFFF
• merge.border#000D16
• merge.commonContentBackground#0E202A
• merge.commonHeaderBackground#0E202A
• merge.currentContentBackground#b1ff0380
• merge.currentHeaderBackground#b1ff0380
• merge.incomingContentBackground#9ccfd880
• merge.incomingHeaderBackground#9ccfd880
• minimap.background#000D16
• minimap.errorHighlight#ebff0080
• minimap.findMatchHighlight#0E202A
• minimap.selectionHighlight#0E202A
• minimap.warningHighlight#b1ff0380
• minimapGutter.addedBackground#9ccfd8
• minimapGutter.deletedBackground#ebff00
• minimapGutter.modifiedBackground#80FF82
• minimapSlider.activeBackground#1F4662
• minimapSlider.background#0E202A
• minimapSlider.hoverBackground#0E202A
• notebook.cellBorderColor#9ccfd880
• notebook.cellEditorBackground#000D16
• notebook.cellHoverBackground#000D1680
• notebook.focusedCellBackground#0F212D
• notebook.focusedCellBorder#9ccfd8
• notebook.outputContainerBackgroundColor#0F212D
• notificationCenter.border#0E202A
• notificationCenterHeader.background#000D16
• notificationCenterHeader.foreground#818891
• notificationLink.foreground#c678dd
• notifications.background#000D16
• notifications.border#0E202A
• notifications.foreground#FFFFFF
• notificationsErrorIcon.foreground#ebff00
• notificationsInfoIcon.foreground#9ccfd8
• notificationsWarningIcon.foreground#b1ff03
• notificationToast.border#0E202A
• panel.background#000D16
• panel.border#1F2428
• panel.dropBorder#000D16
• panelInput.border#000D16
• panelSection.border#1F2428
• panelSection.dropBackground#0E202A
• panelSectionHeader.background#000D16
• panelSectionHeader.foreground#FFFFFF
• panelTitle.activeBorder#1F4662
• panelTitle.activeForeground#FFFFFF
• panelTitle.inactiveForeground#818891
• peekView.border#000D16
• peekViewEditor.background#000D16
• peekViewEditor.matchHighlightBackground#1F4662
• peekViewResult.background#000D16
• peekViewResult.fileForeground#818891
• peekViewResult.lineForeground#818891
• peekViewResult.matchHighlightBackground#1F4662
• peekViewResult.selectionBackground#0E202A
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#000D16
• peekViewTitleDescription.foreground#818891
• pickerGroup.border#1F4662
• pickerGroup.foreground#c678dd
• ports.iconRunningProcessForeground#80FF82
• problemsErrorIcon.foreground#ebff00
• problemsInfoIcon.foreground#9ccfd8
• problemsWarningIcon.foreground#b1ff03
• progressBar.background#80FF82
• quickInput.background#000D16
• quickInput.foreground#818891
• quickInputList.focusBackground#0E202A
• quickInputList.focusForeground#FFFFFF
• quickInputList.focusIconForeground#FFFFFF
• scrollbar.shadow#000D164d
• scrollbarSlider.activeBackground#FFDD0080
• scrollbarSlider.background#0E202A
• scrollbarSlider.hoverBackground#1F4662
• searchEditor.findMatchBackground#0E202A
• selection.background#1F4662
• settings.focusedRowBackground#000D16
• settings.focusedRowBorder#0E202A
• settings.headerForeground#FFFFFF
• settings.modifiedItemIndicator#80FF82
• settings.rowHoverBackground#000D16
• sideBar.background#000D16
• sideBar.dropBackground#000D16
• sideBar.foreground#818891
• sideBarSectionHeader.background#0000
• sideBarSectionHeader.border#0E202A
• statusBar.background#000D16
• statusBar.border#1F2428
• statusBar.debuggingBackground#c678dd
• statusBar.debuggingForeground#0C1A23
• statusBar.foreground#818891
• statusBar.noFolderBackground#0C1A23
• statusBar.noFolderForeground#818891
• statusBarItem.activeBackground#1F4662
• statusBarItem.errorBackground#0C1A23
• statusBarItem.errorForeground#ebff00
• statusBarItem.hoverBackground#0E202A
• statusBarItem.prominentBackground#000D16
• statusBarItem.prominentForeground#FFFFFF
• statusBarItem.prominentHoverBackground#0E202A
• statusBarItem.remoteBackground#0C1A23
• 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#0C1A23
• tab.activeBorder#0C1A23
• tab.activeBorderTop#1F2428
• tab.activeForeground#FFFFFF
• tab.activeModifiedBorder#9ccfd8
• tab.border#1F2428
• tab.hoverBackground#0E202A
• tab.inactiveBackground#000D16
• tab.inactiveForeground#818891
• tab.inactiveModifiedBorder#9ccfd880
• tab.lastPinnedBorder#818891
• tab.unfocusedHoverBackground#0000
• tab.unfocusedInactiveBackground#0000
• tab.unfocusedInactiveModifiedBorder#9ccfd880
• terminal.ansiBlack#000D16
• 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#000000
• terminal.dropBackground#0E202A
• terminal.foreground#FFFFFF
• terminal.selectionBackground#0E202A
• terminal.tab.activeBorder#FFFFFF
• terminalCursor.background#FFFFFF
• terminalCursor.foreground#818891
• textBlockQuote.background#000D16
• textBlockQuote.border#0E202A
• textCodeBlock.background#000D16
• textLink.activeForeground#c678dde6
• textLink.foreground#c678dd
• textPreformat.foreground#b1ff03
• textSeparator.foreground#818891
• titleBar.activeBackground#000D16
• titleBar.activeForeground#818891
• titleBar.inactiveBackground#000D16
• titleBar.inactiveForeground#818891
• toolbar.activeBackground#1F4662
• toolbar.hoverBackground#0E202A
• tree.indentGuidesStroke#818891
• walkThrough.embeddedEditorBackground#0C1A23
• welcomePage.background#0C1A23
• welcomePage.buttonBackground#000D16
• welcomePage.buttonHoverBackground#000D16
• widget.shadow#000D164d
• window.activeBorder#000D16
• window.inactiveBorder#000D16

tokenColors

TextMate scopes and font styles (syntax highlighting rules).