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#dfe0e133
• activityBar.activeBorder#414c4f
• activityBar.activeFocusBorder#9bbfbf
• activityBar.background#fefefe
• activityBar.border#fefefe
• activityBar.dropBorder#9bbfbf
• activityBar.foreground#61696c
• activityBar.inactiveForeground#808789
• activityBarBadge.background#9bbfbf
• activityBarBadge.foreground#fefefe
• badge.background#9bbfbf
• badge.foreground#fefefe
• breadcrumb.activeSelectionForeground#222e32
• breadcrumb.background#fefefe
• breadcrumb.focusForeground#414c4f
• breadcrumb.foreground#61696c
• breadcrumbPicker.background#fefefe
• button.background#9bbfbf
• button.foreground#fefefe
• button.hoverBackground#789494
• button.secondaryBackground#414c4f
• button.secondaryForeground#fefefe
• button.secondaryHoverBackground#61696c
• charts.blue#9bbfbf
• charts.foreground#414c4f
• charts.green#8ab319
• charts.lines#a0a5a7
• charts.orange#1d99f3
• charts.purple#9bbfbf
• charts.red#ff5d73
• charts.yellow#f39c12
• checkbox.background#9bbfbf
• checkbox.border#dfe0e1
• checkbox.foreground#fefefe
• debugConsole.errorForeground#ff5d73
• debugConsole.infoForeground#9bbfbf
• debugConsole.sourceForeground#9bbfbf
• debugConsole.warningForeground#1d99f3
• debugConsoleInputIcon.foreground#808789
• debugExceptionWidget.background#dfe0e1
• debugExceptionWidget.border#dfe0e1
• debugIcon.breakpointCurrentStackframeForeground#8ab319
• debugIcon.breakpointDisabledForeground#808789
• debugIcon.breakpointForeground#ff5d73
• debugIcon.breakpointStackframeForeground#f39c12
• debugIcon.breakpointUnverifiedForeground#61696c
• debugIcon.continueForeground#8ab319
• debugIcon.disconnectForeground#1d99f3
• debugIcon.pauseForeground#9bbfbf
• debugIcon.restartForeground#b269e2
• debugIcon.startForeground#8ab319
• debugIcon.stepBackForeground#222e32
• debugIcon.stepIntoForeground#222e32
• debugIcon.stepOutForeground#222e32
• debugIcon.stepOverForeground#222e32
• debugIcon.stopForeground#ff5d73
• debugTokenExpression.boolean#9bbfbf
• debugTokenExpression.error#ff5d73
• debugTokenExpression.name#9bbfbf
• debugTokenExpression.number#b269e2
• debugTokenExpression.string#8ab319
• debugTokenExpression.value#222e32
• debugToolBar.background#dfe0e1
• debugToolBar.border#bfc3c4
• debugView.exceptionLabelBackground#dfe0e1
• debugView.exceptionLabelForeground#f39c12
• debugView.stateLabelBackground#dfe0e1
• debugView.stateLabelForeground#9bbfbf
• debugView.valueChangedHighlight#f39c1233
• descriptionForeground#414c4f
• diffEditor.border#dfe0e1
• diffEditor.diagonalFill#dfe0e17f
• diffEditor.insertedTextBackground#8ab31920
• diffEditor.removedTextBackground#ff5d7320
• dropdown.background#dfe0e1
• dropdown.border#dfe0e1
• dropdown.foreground#414c4f
• dropdown.listBackground#dfe0e1
• editor.background#fefefe
• editor.findMatchBackground#f39c123f
• editor.findMatchHighlightBackground#f39c1233
• editor.findRangeHighlightBackground#dfe0e1
• editor.focusedStackFrameHighlightBackground#8ab3193f
• editor.foldBackground#dfe0e166
• editor.foreground#222e32
• editor.hoverHighlightBackground#bfc3c47f
• editor.inactiveSelectionBackground#9bbfbf33
• editor.lineHighlightBackground#fefefe
• editor.lineHighlightBorder#dfe0e1
• editor.rangeHighlightBackground#f39c1233
• editor.selectionBackground#9bbfbf33
• editor.selectionForeground#222e32
• editor.selectionHighlightBackground#dfe0e1
• editor.snippetFinalTabstopHighlightBackground#bfc3c47f
• editor.snippetTabstopHighlightBackground#dfe0e17f
• editor.stackFrameHighlightBackground#7894943f
• editor.symbolHighlightBackground#9bbfbf33
• editor.wordHighlightBackground#9bbfbf33
• editor.wordHighlightStrongBackground#b269e233
• editorBracketHighlight.foreground1#222e32
• editorBracketHighlight.foreground2#f39c12
• editorBracketHighlight.foreground3#789494
• editorBracketHighlight.foreground4#9bbfbf
• editorBracketHighlight.foreground5#8ab319
• editorBracketHighlight.foreground6#9bbfbf
• editorBracketHighlight.unexpectedBracket#ff5d73
• editorBracketMatch.background#dfe0e1
• editorBracketMatch.border#bfc3c4
• editorCodeLens.foreground#61696c
• editorCursor.background#fefefe
• editorCursor.foreground#9bbfbf
• editorError.border#222e32
• editorError.foreground#ff5d73
• editorGroup.border#dfe0e1
• editorGroup.dropBackground#bfc3c47f
• editorGroup.emptyBackground#fefefe
• editorGroup.focusedEmptyBorder#dfe0e1
• editorGroupHeader.border#fefefe
• editorGroupHeader.noTabsBackground#fefefe
• editorGroupHeader.tabsBackground#fefefe
• editorGroupHeader.tabsBorder#fefefe
• editorGutter.addedBackground#8ab319
• editorGutter.background#fefefe
• editorGutter.commentRangeForeground#a0a5a7
• editorGutter.deletedBackground#ff5d73
• editorGutter.foldingControlForeground#61696c
• editorGutter.modifiedBackground#f39c12
• editorHint.border#808789
• editorHint.foreground#b269e2
• editorHoverWidget.background#dfe0e1
• editorHoverWidget.border#dfe0e1
• editorHoverWidget.foreground#414c4f
• editorHoverWidget.statusBarBackground#9bbfbf33
• editorIndentGuide.activeBackground#bfc3c4
• editorIndentGuide.background#dfe0e1
• editorInfo.border#61696c
• editorInfo.foreground#9bbfbf
• editorLightBulb.foreground#f39c12
• editorLightBulbAutoFix.foreground#9bbfbf
• editorLineNumber.activeForeground#808789
• editorLineNumber.foreground#bfc3c4
• editorLink.activeForeground#789494
• editorMarkerNavigation.background#dfe0e1
• editorMarkerNavigationError.background#ff5d73
• editorMarkerNavigationInfo.background#9bbfbf
• editorMarkerNavigationWarning.background#1d99f3
• editorOverviewRuler.addedForeground#8ab3197f
• editorOverviewRuler.border#dfe0e1
• editorOverviewRuler.bracketMatchForeground#a0a5a7
• editorOverviewRuler.commonContentForeground#9bbfbf
• editorOverviewRuler.currentContentForeground#789494
• editorOverviewRuler.deletedForeground#ff5d737f
• editorOverviewRuler.errorForeground#ff5d737f
• editorOverviewRuler.findMatchForeground#f39c12bf
• editorOverviewRuler.incomingContentForeground#9bbfbf
• editorOverviewRuler.infoForeground#9bbfbf7f
• editorOverviewRuler.modifiedForeground#f39c127f
• editorOverviewRuler.rangeHighlightForeground#bfc3c4bf
• editorOverviewRuler.selectionHighlightForeground#dfe0e1bf
• editorOverviewRuler.warningForeground#1d99f37f
• editorOverviewRuler.wordHighlightForeground#bfc3c4bf
• editorOverviewRuler.wordHighlightStrongForeground#a0a5a7bf
• editorPane.background#fefefe
• editorRuler.foreground#dfe0e1
• editorSuggestWidget.background#dfe0e1
• editorSuggestWidget.border#dfe0e1
• editorSuggestWidget.foreground#414c4f
• editorSuggestWidget.highlightForeground#b269e2
• editorSuggestWidget.selectedBackground#bfc3c4
• editorUnnecessaryCode.opacity#0000007f
• editorWarning.border#414c4f
• editorWarning.foreground#1d99f3
• editorWhitespace.foreground#dfe0e1
• editorWidget.background#dfe0e1
• editorWidget.border#dfe0e1
• editorWidget.foreground#414c4f
• editorWidget.resizeBorder#9bbfbf
• errorForeground#ff5d73
• extensionBadge.remoteBackground#b269e2
• extensionBadge.remoteForeground#fefefe
• extensionButton.prominentBackground#9bbfbf
• extensionButton.prominentForeground#fefefe
• extensionButton.prominentHoverBackground#789494
• focusBorder#9bbfbf
• foreground#222e32
• gitDecoration.addedResourceForeground#8ab319
• gitDecoration.conflictingResourceForeground#789494
• gitDecoration.deletedResourceForeground#ff5d73
• gitDecoration.ignoredResourceForeground#a0a5a7
• gitDecoration.modifiedResourceForeground#f39c12
• gitDecoration.stageDeletedResourceForeground#ff5d73
• gitDecoration.stageModifiedResourceForeground#789494
• gitDecoration.submoduleResourceForeground#b269e2
• gitDecoration.untrackedResourceForeground#9bbfbf
• icon.foreground#414c4f
• imagePreview.border#dfe0e1
• input.background#dfe0e1
• input.border#dfe0e1
• input.foreground#414c4f
• input.placeholderForeground#bfc3c4
• inputOption.activeBackground#bfc3c4
• inputOption.activeBorder#789494
• inputOption.activeForeground#222e32
• inputValidation.errorBackground#dfe0e1
• inputValidation.errorBorder#ff5d73
• inputValidation.errorForeground#ff5d73
• inputValidation.infoBackground#dfe0e1
• inputValidation.infoBorder#9bbfbf
• inputValidation.infoForeground#9bbfbf
• inputValidation.warningBackground#dfe0e1
• inputValidation.warningBorder#1d99f3
• inputValidation.warningForeground#1d99f3
• list.activeSelectionBackground#9bbfbf33
• list.activeSelectionForeground#222e32
• list.deemphasizedForeground#808789
• list.dropBackground#dfe0e1
• list.errorForeground#ff5d73
• list.filterMatchBackground#f39c1233
• list.filterMatchBorder#f39c1233
• list.focusBackground#a0a5a73f
• list.focusForeground#222e32
• list.highlightForeground#f39c12
• list.hoverBackground#dfe0e133
• list.hoverForeground#222e32
• list.inactiveFocusBackground#dfe0e13f
• list.inactiveSelectionBackground#bfc3c43f
• list.inactiveSelectionForeground#414c4f
• list.invalidItemForeground#ff5d73
• list.warningForeground#f39c12
• listFilterWidget.background#dfe0e1
• listFilterWidget.noMatchesOutline#ff5d73
• listFilterWidget.outline#9bbfbf
• menu.background#fefefe
• menu.foreground#414c4f
• menu.selectionBackground#dfe0e1
• menu.selectionForeground#222e32
• menu.separatorBackground#bfc3c4
• menubar.selectionBackground#dfe0e1
• menubar.selectionForeground#222e32
• merge.border#808789
• merge.commonContentBackground#9bbfbf4c
• merge.commonHeaderBackground#9bbfbf4c
• merge.currentContentBackground#7894944c
• merge.currentHeaderBackground#7894944c
• merge.incomingContentBackground#9bbfbf4c
• merge.incomingHeaderBackground#9bbfbf4c
• minimap.background#fefefe
• minimap.errorHighlight#ff5d7380
• minimap.findMatchHighlight#f39c12
• minimap.selectionHighlight#9bbfbf80
• minimap.warningHighlight#1d99f380
• minimapGutter.addedBackground#8ab31980
• minimapGutter.deletedBackground#ff5d7380
• minimapGutter.modifiedBackground#f39c1280
• minimapSlider.activeBackground#a0a5a733
• minimapSlider.background#dfe0e133
• minimapSlider.hoverBackground#bfc3c433
• notebook.cellBorderColor#dfe0e13f
• notebook.cellHoverBackground#dfe0e13f
• notebook.cellInsertionIndicator#8ab319
• notebook.cellStatusBarItemHoverBackground#dfe0e13f
• notebook.cellToolbarSeparator#dfe0e13f
• notebook.focusedCellBackground#dfe0e17f
• notebook.focusedCellBorder#9bbfbf
• notebook.focusedCellShadow#0000003f
• notebook.focusedEditorBorder#dfe0e1
• notebook.focusedRowBorder#9bbfbf
• notebook.inactiveFocusedCellBorder#61696c
• notebook.outputContainerBackgroundColor#fefefe
• notebook.rowHoverBackground#dfe0e17f
• notebook.selectedCellBorder#808789
• notebook.symbolHighlightBackground#9bbfbf3f
• notebookScrollbarSlider.activeBackground#61696c7f
• notebookScrollbarSlider.background#a0a5a77f
• notebookScrollbarSlider.hoverBackground#8087897f
• notebookStatusErrorIcon.foreground#ff5d73
• notebookStatusRunningIcon.foreground#9bbfbf
• notebookStatusSuccessIcon.foreground#8ab319
• notificationCenterHeader.background#bfc3c4
• notificationCenterHeader.foreground#414c4f
• notificationLink.foreground#9bbfbf
• notifications.background#dfe0e1
• notifications.border#a0a5a7
• notifications.foreground#222e32
• notificationsErrorIcon.foreground#ff5d73
• notificationsInfoIcon.foreground#9bbfbf
• notificationsWarningIcon.foreground#1d99f3
• notificationToast.border#a0a5a7
• panel.background#fefefe
• panel.border#dfe0e1
• panel.dropBorder#9bbfbf
• panelSection.border#dfe0e1
• panelSection.dropBackground#dfe0e13f
• panelSectionHeader.background#bfc3c4
• panelSectionHeader.border#fefefe
• panelSectionHeader.foreground#414c4f
• panelTitle.activeBorder#a0a5a7
• panelTitle.activeForeground#414c4f
• panelTitle.inactiveForeground#808789
• peekView.border#b269e2
• peekViewEditor.background#dfe0e17f
• peekViewEditor.matchHighlightBackground#f39c127f
• peekViewEditorGutter.background#dfe0e17f
• peekViewResult.background#dfe0e1
• peekViewResult.fileForeground#414c4f
• peekViewResult.lineForeground#bfc3c4
• peekViewResult.matchHighlightBackground#f39c12
• peekViewResult.selectionBackground#a0a5a7
• peekViewResult.selectionForeground#222e32
• peekViewTitle.background#dfe0e1
• peekViewTitleDescription.foreground#61696c
• peekViewTitleLabel.foreground#222e32
• pickerGroup.border#bfc3c4
• pickerGroup.foreground#808789
• problemsErrorIcon.foreground#ff5d73
• problemsInfoIcon.foreground#9bbfbf
• problemsWarningIcon.foreground#1d99f3
• progressBar.background#8ab319
• quickInput.background#dfe0e1
• quickInput.foreground#222e32
• quickInputTitle.background#bfc3c4
• sash.hoverBorder#9bbfbf
• scm.providerBorder#bfc3c4
• scrollbar.shadow#222e3266
• scrollbarSlider.activeBackground#61696c7f
• scrollbarSlider.background#a0a5a77f
• scrollbarSlider.hoverBackground#8087897f
• selection.background#bfc3c4
• settings.checkboxBackground#9bbfbf
• settings.checkboxBorder#9bbfbf
• settings.checkboxForeground#fefefe
• settings.dropdownBackground#dfe0e1
• settings.dropdownForeground#414c4f
• settings.dropdownListBorder#bfc3c4
• settings.focusedRowBackground#fefefe
• settings.headerForeground#222e32
• settings.modifiedItemIndicator#789494
• settings.numberInputBackground#dfe0e1
• settings.numberInputForeground#414c4f
• settings.textInputBackground#dfe0e1
• settings.textInputForeground#414c4f
• sideBar.background#fefefe
• sideBar.border#dfe0e1
• sideBar.dropBackground#dfe0e13f
• sideBar.foreground#414c4f
• sideBarSectionHeader.background#bfc3c4
• sideBarSectionHeader.border#fefefe
• sideBarSectionHeader.foreground#414c4f
• sideBarTitle.foreground#61696c
• statusBar.background#9bbfbf
• statusBar.border#fefefe
• statusBar.debuggingBackground#1d99f3
• statusBar.debuggingBorder#fefefe
• statusBar.debuggingForeground#fefefe
• statusBar.foreground#fefefe
• statusBar.noFolderBackground#9bbfbf
• statusBar.noFolderBorder#fefefe
• statusBar.noFolderForeground#fefefe
• statusBarItem.activeBackground#789494
• statusBarItem.errorBackground#ff5d73
• statusBarItem.errorForeground#fefefe
• statusBarItem.hoverBackground#8ab319
• statusBarItem.prominentBackground#789494
• statusBarItem.prominentHoverBackground#8ab319
• statusBarItem.remoteBackground#789494
• statusBarItem.remoteForeground#fefefe
• symbolIcon.arrayForeground#b269e2
• symbolIcon.booleanForeground#9bbfbf
• symbolIcon.classForeground#9bbfbf
• symbolIcon.colorForeground#789494
• symbolIcon.constantForeground#8ab319
• symbolIcon.constructorForeground#9bbfbf
• symbolIcon.enumeratorForeground#789494
• symbolIcon.enumeratorMemberForeground#9bbfbf
• symbolIcon.eventForeground#1d99f3
• symbolIcon.fieldForeground#ff5d73
• symbolIcon.fileForeground#414c4f
• symbolIcon.folderForeground#61696c
• symbolIcon.functionForeground#9bbfbf
• symbolIcon.interfaceForeground#ff5d73
• symbolIcon.keyForeground#f39c12
• symbolIcon.keywordForeground#9bbfbf
• symbolIcon.methodForeground#789494
• symbolIcon.moduleForeground#789494
• symbolIcon.namespaceForeground#9bbfbf
• symbolIcon.nullForeground#ff5d73
• symbolIcon.numberForeground#1d99f3
• symbolIcon.objectForeground#222e32
• symbolIcon.operatorForeground#ff5d73
• symbolIcon.packageForeground#1d99f3
• symbolIcon.propertyForeground#789494
• symbolIcon.referenceForeground#1d99f3
• symbolIcon.snippetForeground#61696c
• symbolIcon.stringForeground#8ab319
• symbolIcon.structForeground#9bbfbf
• symbolIcon.textForeground#222e32
• symbolIcon.typeParameterForeground#9bbfbf
• symbolIcon.unitForeground#f39c12
• symbolIcon.variableForeground#1d99f3
• tab.activeBackground#fefefe
• tab.activeForeground#414c4f
• tab.activeModifiedBorder#f39c12
• tab.border#fefefe
• tab.hoverBackground#dfe0e180
• tab.hoverForeground#61696c
• tab.inactiveBackground#dfe0e1
• tab.inactiveForeground#a0a5a7
• tab.inactiveModifiedBorder#f39c12
• tab.lastPinnedBorder#b269e2
• tab.unfocusedActiveBackground#fefefe
• tab.unfocusedActiveForeground#a0a5a7
• tab.unfocusedActiveModifiedBorder#f39c12
• tab.unfocusedHoverBackground#dfe0e180
• tab.unfocusedHoverForeground#808789
• tab.unfocusedInactiveBackground#dfe0e1
• tab.unfocusedInactiveForeground#bfc3c4
• tab.unfocusedInactiveModifiedBorder#f39c12
• terminal.ansiBlack#fefefe
• terminal.ansiBlue#9bbfbf
• terminal.ansiBrightBlack#dfe0e1
• terminal.ansiBrightBlue#9bbfbf
• terminal.ansiBrightCyan#789494
• terminal.ansiBrightGreen#789494
• terminal.ansiBrightMagenta#b269e2
• terminal.ansiBrightRed#1d99f3
• terminal.ansiBrightWhite#222e32
• terminal.ansiBrightYellow#f39c12
• terminal.ansiCyan#789494
• terminal.ansiGreen#8ab319
• terminal.ansiMagenta#b269e2
• terminal.ansiRed#ff5d73
• terminal.ansiWhite#414c4f
• terminal.ansiYellow#f39c12
• terminal.background#fefefe
• terminal.foreground#414c4f
• terminal.selectionBackground#9bbfbf7f
• terminalCursor.background#dfe0e1
• terminalCursor.foreground#61696c
• testing.iconErrored#ff5d73
• testing.iconFailed#1d99f3
• testing.iconPassed#8ab319
• testing.iconQueued#789494
• testing.iconSkipped#808789
• testing.iconUnset#61696c
• testing.message.error.decorationForeground#ff5d73
• testing.message.error.lineBackground#ff5d733f
• testing.message.hint.decorationForeground#b269e2
• testing.message.hint.lineBackground#b269e23f
• testing.message.info.decorationForeground#9bbfbf
• testing.message.info.lineBackground#9bbfbf3f
• testing.message.warning.decorationForeground#1d99f3
• testing.message.warning.lineBackground#1d99f33f
• testing.peekBorder#a0a5a7
• testing.runAction#9bbfbf
• textBlockQuote.background#dfe0e1
• textBlockQuote.border#dfe0e1
• textCodeBlock.background#fefefe
• textLink.activeForeground#789494
• textLink.foreground#9bbfbf
• textPreformat.foreground#1d99f3
• textSeparator.foreground#808789
• titleBar.activeBackground#fefefe
• titleBar.activeForeground#61696c
• titleBar.inactiveBackground#fefefe
• titleBar.inactiveForeground#a0a5a7
• tree.indentGuidesStroke#dfe0e1
• walkThrough.embeddedEditorBackground#fefefe
• welcomePage.background#fefefe
• welcomePage.buttonBackground#dfe0e1
• welcomePage.buttonHoverBackground#bfc3c4
• welcomePage.progress.background#9bbfbf
• welcomePage.progress.foreground#fefefe
• widget.shadow#222e3266

tokenColors

TextMate scopes and font styles (syntax highlighting rules).