Ant-Dark Theme for VS Code / Positron

Color themes

• 

  Ant Dark

• 

  Ant 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.

• activityBar.activeBackground#2e3f4480
• activityBar.activeBorder#789494
• activityBar.activeFocusBorder#C792EA
• activityBar.background#384c52
• activityBar.border#2e3f4480
• activityBar.dropBorder#789494
• activityBar.foreground#e1e6f0
• activityBar.inactiveForeground#dde2ec
• activityBarBadge.background#C792EA
• activityBarBadge.foreground#384c52
• badge.background#C792EA
• badge.foreground#2e3f44
• breadcrumb.activeSelectionForeground#acb6bc
• breadcrumb.background#384c52
• breadcrumb.focusForeground#dddfe0
• breadcrumb.foreground#bec1c3
• breadcrumbPicker.background#384c52
• button.background#445e64
• button.foreground#e1e6f0
• button.hoverBackground#789494
• button.secondaryBackground#404552
• button.secondaryForeground#ffffff
• button.secondaryHoverBackground#dde2ec
• charts.blue#757aD8
• charts.foreground#dde2ec
• charts.green#b3e235
• charts.lines#7f8689
• charts.orange#aeddff
• charts.purple#789494
• charts.red#eb606b
• charts.yellow#f39c12
• checkbox.background#789494
• checkbox.border#414b4f
• checkbox.foreground#2e3f44
• debugConsole.errorForeground#eb606b
• debugConsole.infoForeground#789494
• debugConsole.sourceForeground#789494
• debugConsole.warningForeground#aeddff
• debugConsoleInputIcon.foreground#9fa4a6
• debugExceptionWidget.background#414b4f
• debugExceptionWidget.border#414b4f
• debugIcon.breakpointCurrentStackframeForeground#b3e235
• debugIcon.breakpointDisabledForeground#9fa4a6
• debugIcon.breakpointForeground#eb606b
• debugIcon.breakpointStackframeForeground#f39c12
• debugIcon.breakpointUnverifiedForeground#bec1c3
• debugIcon.continueForeground#b3e235
• debugIcon.disconnectForeground#aeddff
• debugIcon.pauseForeground#789494
• debugIcon.restartForeground#c792ea
• debugIcon.startForeground#b3e235
• debugIcon.stepBackForeground#acb6bc
• debugIcon.stepIntoForeground#acb6bc
• debugIcon.stepOutForeground#acb6bc
• debugIcon.stepOverForeground#acb6bc
• debugIcon.stopForeground#eb606b
• debugTokenExpression.boolean#789494
• debugTokenExpression.error#eb606b
• debugTokenExpression.name#789494
• debugTokenExpression.number#c792ea
• debugTokenExpression.string#b3e235
• debugTokenExpression.value#acb6bc
• debugToolBar.background#414b4f
• debugToolBar.border#60696c
• debugView.exceptionLabelBackground#414b4f
• debugView.exceptionLabelForeground#f39c12
• debugView.stateLabelBackground#414b4f
• debugView.stateLabelForeground#789494
• debugView.valueChangedHighlight#f39c1233
• descriptionForeground#dddfe0
• diffEditor.border#414b4f
• diffEditor.diagonalFill#414b4f7f
• diffEditor.insertedTextBackground#b3e23520
• diffEditor.removedTextBackground#eb606b20
• dropdown.background#414b4f
• dropdown.border#414b4f
• dropdown.foreground#dddfe0
• dropdown.listBackground#414b4f
• editor.background#222e32
• editor.findMatchBackground#60696c
• editor.findMatchHighlightBackground#ffffff15
• editor.findRangeHighlightBackground#ffffff15
• editor.focusedStackFrameHighlightBackground#b3e2353f
• editor.foldBackground#414b4f66
• editor.foreground#c3c7d1
• editor.hoverHighlightBackground#60696c7f
• editor.inactiveSelectionBackground#78949433
• editor.lineHighlightBackground#78949438
• editor.lineHighlightBorder#414b4f00
• editor.rangeHighlightBackground#ffffff15
• editor.selectionBackground#7894947f
• editor.selectionForeground#acb6bc
• editor.selectionHighlightBackground#414b4f80
• editor.snippetFinalTabstopHighlightBackground#60696c7f
• editor.snippetTabstopHighlightBackground#414b4f7f
• editor.stackFrameHighlightBackground#9bbfbf3f
• editor.symbolHighlightBackground#78949433
• editor.wordHighlightBackground#78949433
• editor.wordHighlightStrongBackground#c792ea33
• editorBracketHighlight.foreground1#acb6bc
• editorBracketHighlight.foreground2#f39c12
• editorBracketHighlight.foreground3#9bbfbf
• editorBracketHighlight.foreground4#789494
• editorBracketHighlight.foreground5#b3e235
• editorBracketHighlight.foreground6#789494
• editorBracketMatch.background#414b4f
• editorBracketMatch.border#60696c
• editorCodeLens.foreground#bec1c3
• editorCursor.background#2e3f44
• editorCursor.foreground#e1e6f0
• editorError.border#acb6bc
• editorError.foreground#eb606b
• editorGroup.border#78949480
• editorGroup.dropBackground#60696c7f
• editorGroup.emptyBackground#445e64
• editorGroup.focusedEmptyBorder#414b4f
• editorGroupHeader.border#78949433
• editorGroupHeader.noTabsBackground#222e32
• editorGroupHeader.tabsBackground#222e32
• editorGroupHeader.tabsBorder#222e32
• editorGutter.addedBackground#b3e2357f
• editorGutter.background#222e32
• editorGutter.commentRangeForeground#7f8689
• editorGutter.deletedBackground#eb606b7f
• editorGutter.foldingControlForeground#bec1c3
• editorGutter.modifiedBackground#f39d1280
• editorHint.border#9fa4a6
• editorHint.foreground#c792ea
• editorHoverWidget.background#414b4f
• editorHoverWidget.border#414b4f
• editorHoverWidget.foreground#dddfe0
• editorHoverWidget.statusBarBackground#78949433
• editorIndentGuide.activeBackground1#60696c
• editorIndentGuide.background1#414b4f
• editorInfo.border#bec1c3
• editorInfo.foreground#384c52
• editorLightBulb.foreground#f39c12
• editorLightBulbAutoFix.foreground#789494
• editorLineNumber.activeForeground#acb6bc
• editorLineNumber.foreground#60696c
• editorLink.activeForeground#9bbfbf
• editorMarkerNavigation.background#414b4f
• editorMarkerNavigationError.background#eb606b
• editorMarkerNavigationInfo.background#789494
• editorMarkerNavigationWarning.background#aeddff
• editorOverviewRuler.addedForeground#b3e2357f
• editorOverviewRuler.border#414b4f
• editorOverviewRuler.bracketMatchForeground#7f8689
• editorOverviewRuler.commonContentForeground#789494
• editorOverviewRuler.currentContentForeground#9bbfbf
• editorOverviewRuler.deletedForeground#eb606b7f
• editorOverviewRuler.errorForeground#eb606b7f
• editorOverviewRuler.findMatchForeground#f39c12bf
• editorOverviewRuler.incomingContentForeground#789494
• editorOverviewRuler.infoForeground#7894947f
• editorOverviewRuler.modifiedForeground#f39c1280
• editorOverviewRuler.rangeHighlightForeground#60696cbf
• editorOverviewRuler.selectionHighlightForeground#414b4fbf
• editorOverviewRuler.warningForeground#aeddff7f
• editorOverviewRuler.wordHighlightForeground#60696cbf
• editorOverviewRuler.wordHighlightStrongForeground#7f8689bf
• editorPane.background222e32
• editorRuler.foreground#414b4f
• editorSuggestWidget.background#2e3f44
• editorSuggestWidget.border#414b4f
• editorSuggestWidget.foreground#dddfe0
• editorSuggestWidget.highlightForeground#c792ea
• editorSuggestWidget.selectedBackground#60696c
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#dddfe0
• editorWarning.foreground#aeddff
• editorWhitespace.foreground#414b4f
• editorWidget.background#192124
• editorWidget.border#414b4f
• editorWidget.foreground#dddfe0
• editorWidget.resizeBorder#384c52
• errorForeground#eb606b
• extensionBadge.remoteBackground#c792ea
• extensionBadge.remoteForeground#2e3f44
• extensionButton.prominentBackground#789494
• extensionButton.prominentForeground#2e3f44
• extensionButton.prominentHoverBackground#9bbfbf
• focusBorder#789494
• foreground#c3c7d1
• gitDecoration.addedResourceForeground#b3e235
• gitDecoration.conflictingResourceForeground#9bbfbf
• gitDecoration.deletedResourceForeground#eb606b
• gitDecoration.ignoredResourceForeground#7f8689
• gitDecoration.modifiedResourceForeground#f39c12
• gitDecoration.stageDeletedResourceForeground#eb606b
• gitDecoration.stageModifiedResourceForeground#9bbfbf
• gitDecoration.submoduleResourceForeground#c792ea
• gitDecoration.untrackedResourceForeground#789494
• icon.foreground#dddfe0
• input.background#151d1f
• input.border#414b4f
• input.foreground#dddfe0
• input.placeholderForeground#60696c
• inputOption.activeBackground#60696c
• inputOption.activeBorder#9bbfbf
• inputOption.activeForeground#acb6bc
• inputValidation.errorBackground#414b4f
• inputValidation.errorBorder#eb606b
• inputValidation.errorForeground#eb606b
• inputValidation.infoBackground#414b4f
• inputValidation.infoBorder#789494
• inputValidation.infoForeground#789494
• inputValidation.warningBackground#414b4f
• inputValidation.warningBorder#aeddff
• inputValidation.warningForeground#aeddff
• list.activeSelectionBackground#78949433
• list.activeSelectionForeground#ffffff
• list.deemphasizedForeground#9fa4a6
• list.dropBackground#414b4f
• list.errorForeground#eb606b
• list.filterMatchBackground#f39c1233
• list.filterMatchBorder#f39c1233
• list.focusBackground#7f86893f
• list.focusForeground#ffffff
• list.highlightForeground#f39c12
• list.hoverBackground#78949433
• list.hoverForeground#ffffff
• list.inactiveFocusBackground#414b4f3f
• list.inactiveSelectionBackground#60696c3f
• list.inactiveSelectionForeground#e1e6f0
• list.invalidItemForeground#eb606b
• list.warningForeground#f39c12
• listFilterWidget.background#151d1f
• listFilterWidget.noMatchesOutline#eb606b
• listFilterWidget.outline#789494
• menu.background#384c52
• menu.foreground#acb6bc
• menu.selectionBackground#414b4f
• menu.selectionForeground#dde2ec
• menu.separatorBackground#60696c33
• menubar.selectionBackground#414b4f
• menubar.selectionForeground#acb6bc
• merge.border#9fa4a6
• merge.commonContentBackground#7894944c
• merge.commonHeaderBackground#7894944c
• merge.currentContentBackground#9bbfbf4c
• merge.currentHeaderBackground#9bbfbf4c
• merge.incomingContentBackground#7894944c
• merge.incomingHeaderBackground#7894944c
• minimap.background#2e3f44
• minimap.errorHighlight#eb606b80
• minimap.findMatchHighlight#f39c1280
• minimap.selectionHighlight#78949480
• minimap.warningHighlight#aeddff80
• minimapGutter.addedBackground#b3e23580
• minimapGutter.deletedBackground#eb606b80
• minimapGutter.modifiedBackground#f39c1280
• minimapSlider.activeBackground#7f868933
• minimapSlider.background#414b4f33
• minimapSlider.hoverBackground#60696c33
• notebook.cellBorderColor#414b4f
• notebook.cellEditorBackground#acb6bc0e
• notebook.cellHoverBackground#414b4f3f
• notebook.cellInsertionIndicator#b3e235
• notebook.cellStatusBarItemHoverBackground#414b4f3f
• notebook.cellToolbarSeparator#414b4f3f
• notebook.focusedCellBackground#2e3f447f
• notebook.focusedCellBorder#789494
• notebook.focusedEditorBorder#414b4f
• notebook.inactiveFocusedCellBorder#bec1c3
• notebook.selectedCellBorder#c792ea
• notebook.symbolHighlightBackground#7894943f
• notebookScrollbarSlider.activeBackground#bec1c37f
• notebookScrollbarSlider.background#7f86897f
• notebookScrollbarSlider.hoverBackground#9fa4a67f
• notebookStatusErrorIcon.foreground#eb606b
• notebookStatusRunningIcon.foreground#789494
• notebookStatusSuccessIcon.foreground#b3e235
• notificationCenterHeader.background#60696c
• notificationCenterHeader.foreground#dddfe0
• notificationLink.foreground#789494
• notifications.background#414b4f
• notifications.border#7f8689
• notifications.foreground#acb6bc
• notificationsErrorIcon.foreground#eb606b
• notificationsInfoIcon.foreground#789494
• notificationsWarningIcon.foreground#aeddff
• notificationToast.border#7f8689
• panel.background#222e32
• panel.border#78949480
• panel.dropBorder#789494
• panelSection.border#414b4f
• panelSection.dropBackground#414b4f3f
• panelSectionHeader.background#222e32
• panelSectionHeader.border#384c52
• panelSectionHeader.foreground#dddfe0
• panelTitle.activeBorder#789494
• panelTitle.activeForeground#dde2ec
• panelTitle.inactiveForeground#9fa4a6
• peekView.border#c792ea
• peekViewEditor.background#414b4f7f
• peekViewEditor.matchHighlightBackground#f39c127f
• peekViewEditorGutter.background#414b4f7f
• peekViewResult.background#414b4f
• peekViewResult.fileForeground#dddfe0
• peekViewResult.lineForeground#60696c
• peekViewResult.matchHighlightBackground#f39c12
• peekViewResult.selectionBackground#7f8689
• peekViewResult.selectionForeground#acb6bc
• peekViewTitle.background#414b4f
• peekViewTitleDescription.foreground#bec1c3
• peekViewTitleLabel.foreground#acb6bc
• pickerGroup.border#60696c
• pickerGroup.foreground#9fa4a6
• problemsErrorIcon.foreground#eb606b
• problemsInfoIcon.foreground#789494
• problemsWarningIcon.foreground#aeddff
• progressBar.background#b3e235
• quickInput.background#151d1f
• quickInput.foreground#acb6bc
• quickInputTitle.background#60696c
• sash.hoverBorder#789494
• scrollbar.shadow#000000da
• scrollbarSlider.activeBackground#789494be
• scrollbarSlider.background#78949480
• scrollbarSlider.hoverBackground#789494da
• selection.background#789494da
• settings.checkboxBackground#789494
• settings.checkboxBorder#789494
• settings.checkboxForeground#2e3f44
• settings.dropdownBackground#414b4f
• settings.dropdownForeground#dddfe0
• settings.dropdownListBorder#60696c
• settings.focusedRowBackground#2e3f44
• settings.headerForeground#acb6bc
• settings.modifiedItemIndicator#9bbfbf
• settings.numberInputBackground#414b4f
• settings.numberInputForeground#dddfe0
• settings.textInputBackground#414b4f
• settings.textInputForeground#dddfe0
• sideBar.background#222e32
• sideBar.border#78949480
• sideBar.dropBackground#414b4f3f
• sideBar.foreground#acb6bc
• sideBarSectionHeader.background#374c52
• sideBarSectionHeader.border#78949480
• sideBarSectionHeader.foreground#acb6bc
• sideBarTitle.foreground#dde2ec
• statusBar.background#789494
• statusBar.border#789494
• statusBar.debuggingBackground#aeddff
• statusBar.debuggingBorder#789494
• statusBar.debuggingForeground#2e3f44
• statusBar.foreground#2e3f44
• statusBar.noFolderBackground#789494
• statusBar.noFolderBorder#789494
• statusBar.noFolderForeground#2e3f44
• statusBarItem.activeBackground#9bbfbf
• statusBarItem.errorBackground#eb606b
• statusBarItem.errorForeground#2e3f44
• statusBarItem.hoverBackground#b3e235
• statusBarItem.prominentBackground#9bbfbf
• statusBarItem.prominentHoverBackground#b3e235
• statusBarItem.remoteBackground#9bbfbf
• statusBarItem.remoteForeground#2e3f44
• symbolIcon.arrayForeground#c792ea
• symbolIcon.booleanForeground#789494
• symbolIcon.classForeground#789494
• symbolIcon.colorForeground#9bbfbf
• symbolIcon.constantForeground#b3e235
• symbolIcon.constructorForeground#789494
• symbolIcon.enumeratorForeground#9bbfbf
• symbolIcon.enumeratorMemberForeground#789494
• symbolIcon.eventForeground#aeddff
• symbolIcon.fieldForeground#eb606b
• symbolIcon.fileForeground#dddfe0
• symbolIcon.folderForeground#bec1c3
• symbolIcon.functionForeground#789494
• symbolIcon.interfaceForeground#eb606b
• symbolIcon.keyForeground#f39c12
• symbolIcon.keywordForeground#789494
• symbolIcon.methodForeground#9bbfbf
• symbolIcon.moduleForeground#9bbfbf
• symbolIcon.namespaceForeground#789494
• symbolIcon.nullForeground#eb606b
• symbolIcon.numberForeground#aeddff
• symbolIcon.objectForeground#acb6bc
• symbolIcon.operatorForeground#eb606b
• symbolIcon.packageForeground#aeddff
• symbolIcon.propertyForeground#9bbfbf
• symbolIcon.referenceForeground#aeddff
• symbolIcon.snippetForeground#bec1c3
• symbolIcon.stringForeground#b3e235
• symbolIcon.structForeground#789494
• symbolIcon.textForeground#acb6bc
• symbolIcon.typeParameterForeground#789494
• symbolIcon.unitForeground#f39c12
• symbolIcon.variableForeground#aeddff
• tab.activeBackground#445e64bf
• tab.activeForeground#dde2ec
• tab.activeModifiedBorder#f39c12
• tab.border#78949433
• tab.hoverBackground#445e6480
• tab.hoverForeground#ffffff
• tab.inactiveBackground#222e32
• tab.inactiveForeground#acb6bc
• tab.inactiveModifiedBorder#f39c12
• tab.lastPinnedBorder#c792ea
• tab.unfocusedActiveBackground#445e64
• tab.unfocusedActiveForeground#dde2ec
• tab.unfocusedActiveModifiedBorder#f39c12
• tab.unfocusedHoverBackground#445e64
• tab.unfocusedHoverForeground#dde2ec
• tab.unfocusedInactiveBackground#222e32
• tab.unfocusedInactiveForeground#acb6bc
• tab.unfocusedInactiveModifiedBorder#f39c12
• terminal.ansiBlack#2e3f44
• terminal.ansiBlue#789494
• terminal.ansiBrightBlack#414b4f
• terminal.ansiBrightBlue#789494
• terminal.ansiBrightCyan#9bbfbf
• terminal.ansiBrightGreen#9bbfbf
• terminal.ansiBrightMagenta#c792ea
• terminal.ansiBrightRed#aeddff
• terminal.ansiBrightWhite#acb6bc
• terminal.ansiBrightYellow#f39c12
• terminal.ansiCyan#9bbfbf
• terminal.ansiGreen#b3e235
• terminal.ansiMagenta#c792ea
• terminal.ansiRed#eb606b
• terminal.ansiWhite#dddfe0
• terminal.ansiYellow#f39c12
• terminal.background#222e32
• terminal.foreground#c3c7d1
• terminal.selectionBackground#7894947f
• terminalCursor.background#414b4f
• terminalCursor.foreground#bec1c3
• testing.iconErrored#eb606b
• testing.iconFailed#aeddff
• testing.iconPassed#b3e235
• testing.iconQueued#9bbfbf
• testing.iconSkipped#9fa4a6
• testing.iconUnset#bec1c3
• testing.message.error.decorationForeground#eb606b
• testing.message.error.lineBackground#eb606b3f
• testing.message.info.decorationForeground#789494
• testing.message.info.lineBackground#7894943f
• testing.peekBorder#7f8689
• testing.runAction#789494
• textBlockQuote.background#414b4f
• textBlockQuote.border#414b4f
• textCodeBlock.background#2e3f44
• textLink.activeForeground#9bbfbf
• textLink.foreground#789494
• textPreformat.foreground#aeddff
• textSeparator.foreground#9fa4a6
• titleBar.activeBackground#384c52
• titleBar.activeForeground#bec1c3
• titleBar.inactiveBackground#384c52
• titleBar.inactiveForeground#7f8689
• tree.indentGuidesStroke#414b4f
• walkThrough.embeddedEditorBackground#2e3f44
• welcomePage.background#384c52
• welcomePage.progress.background#384c52
• welcomePage.progress.foreground#2e3f44
• widget.shadow#2e3f44

tokenColors

TextMate scopes and font styles (syntax highlighting rules).