anthropocene

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.background#141517
• activityBar.border#696a6c
• activityBar.dropBackground#362c34
• activityBar.foreground#ecedef
• activityBarBadge.background#a8849e
• activityBarBadge.foreground#ecedef
• badge.background#a8849e
• badge.foreground#ecedef
• breadcrumb.activeSelectionForeground#ecedef
• breadcrumb.focusForeground#ecedef
• breadcrumb.foreground#474749
• breadcrumbPicker.background#141517
• button.background#a8849e
• button.foreground#ecedef
• button.hoverBackground#a8849e
• contrastBorder#696a6c
• debugExceptionWidget.background#141517
• debugExceptionWidget.border#696a6c
• debugToolBar.background#141517
• diffEditor.insertedTextBackground#925b83
• diffEditor.insertedTextBorder#925b83
• diffEditor.removedTextBackground#1a0105
• diffEditor.removedTextBorder#1a0105
• dropdown.background#131416
• dropdown.border#696a6c
• dropdown.foreground#ecedef
• editor.background#141517
• editor.findMatchBackground#fd00fb
• editor.findMatchHighlightBackground#d344b0
• editor.foreground#ECEDEF
• editor.hoverHighlightBackground#d344b0
• editor.inactiveSelectionBackground#0c0d0f
• editor.lineHighlightBackground#0c0d0f
• editor.rangeHighlightBackground#d344b0
• editor.selectionBackground#0c0d0f
• editor.selectionHighlightBackground#0c0d0f
• editor.wordHighlightBackground#131416
• editor.wordHighlightStrongBackground#131416
• editorCodeLens.foreground#d2aa9d
• editorCursor.background#a8849e
• editorCursor.foreground#ECEDEF
• editorError.border#696a6c
• editorError.foreground#1a0105
• editorGroup.border#696a6c
• editorGroup.dropBackground#362c34
• editorGroupHeader.noTabsBackground#0c0d0f
• editorGroupHeader.tabsBackground#0c0d0f
• editorGroupHeader.tabsBorder#696a6c
• editorGutter.addedBackground#e3aad5
• editorGutter.background#141517
• editorGutter.deletedBackground#925b83
• editorGutter.modifiedBackground#a8849e
• editorHoverWidget.background#141517
• editorHoverWidget.border#696a6c
• editorIndentGuide.background#0c0d0f
• editorLineNumber.activeForeground#ecedef
• editorLineNumber.foreground#474749
• editorMarkerNavigation.background#141517
• editorMarkerNavigationError.background#1a0105
• editorMarkerNavigationWarning.background#d2aa9d
• editorOverviewRuler.commonContentForeground#a8849e
• editorOverviewRuler.currentContentForeground#a8849e
• editorOverviewRuler.incomingContentForeground#a8849e
• editorSuggestWidget.background#141517
• editorSuggestWidget.border#696a6c
• editorSuggestWidget.foreground#ecedef
• editorSuggestWidget.highlightForeground#fd00fb
• editorSuggestWidget.selectedBackground#925b83
• editorWarning.border#696a6c
• editorWarning.foreground#d2aa9d
• editorWhitespace.foreground#696A6C
• editorWidget.background#141517
• editorWidget.border#696a6c
• errorForeground#1a0105
• extensionButton.prominentBackground#a8849e
• extensionButton.prominentForeground#ecedef
• extensionButton.prominentHoverBackground#a8849e
• focusBorder#696a6c
• foreground#ecedef
• gitDecoration.conflictingResourceForeground#362c34
• gitDecoration.deletedResourceForeground#a8849e
• gitDecoration.ignoredResourceForeground#63475d
• gitDecoration.modifiedResourceForeground#e3aad5
• gitDecoration.untrackedResourceForeground#925b83
• icon.foreground#a8849e
• input.background#131416
• input.border#696a6c
• input.foreground#ecedef
• input.placeholderForeground#ecedef
• inputOption.activeBorder#ecedef
• inputValidation.errorBackground#1a0105
• inputValidation.errorBorder#1a0105
• inputValidation.infoBackground#131416
• inputValidation.infoBorder#1a0105
• inputValidation.warningBackground#131416
• inputValidation.warningBorder#1a0105
• list.activeSelectionBackground#925b83
• list.activeSelectionForeground#ecedef
• list.dropBackground#362c34
• list.focusBackground#a8849e
• list.focusForeground#ecedef
• list.highlightForeground#ecedef
• list.hoverBackground#a8849e
• list.hoverForeground#ecedef
• list.inactiveSelectionBackground#362c34
• list.inactiveSelectionForeground#ecedef
• merge.border#696a6c
• merge.currentHeaderBackground#0c0d0f
• merge.incomingHeaderBackground#0c0d0f
• minimap.errorHighlight#1a0105
• minimap.findMatchHighlight#fd00fb
• minimap.selectionHighlight#a8849e
• notificationLink.foreground#fd00fb
• notifications.background#141517
• notifications.foreground#ecedef
• panel.background#141517
• panel.border#282B3C
• panelTitle.activeBorder#696a6c
• panelTitle.activeForeground#ecedef
• panelTitle.inactiveForeground#58595b
• peekView.border#696a6c
• peekViewEditor.background#141517
• peekViewEditor.matchHighlightBackground#0c0d0f
• peekViewResult.background#141517
• peekViewResult.fileForeground#ecedef
• peekViewResult.lineForeground#ecedef
• peekViewResult.matchHighlightBackground#0c0d0f
• peekViewResult.selectionBackground#925b83
• peekViewResult.selectionForeground#ecedef
• peekViewTitle.background#141517
• peekViewTitleDescription.foreground#ecedef
• peekViewTitleLabel.foreground#ecedef
• pickerGroup.border#696a6c
• pickerGroup.foreground#ecedef
• scrollbar.shadow#0c0d0f
• scrollbarSlider.activeBackground#e3aad5
• scrollbarSlider.background#a8849e
• scrollbarSlider.hoverBackground#e3aad5
• selection.background#131416
• sideBar.background#141517
• sideBar.border#696a6c
• sideBar.foreground#ecedef
• sideBarSectionHeader.background#141517
• sideBarSectionHeader.foreground#ecedef
• sideBarTitle.foreground#ecedef
• statusBar.background#a8849e
• statusBar.border#696a6c
• statusBar.debuggingBackground#925b83
• statusBar.debuggingBorder#696a6c
• statusBar.debuggingForeground#ecedef
• statusBar.foreground#ecedef
• statusBar.noFolderBackground#a8849e
• statusBar.noFolderBorder#696a6c
• statusBar.noFolderForeground#ecedef
• statusBarItem.activeBackground#e3aad5
• statusBarItem.hoverBackground#925b83
• statusBarItem.prominentBackground#e3aad5
• statusBarItem.prominentHoverBackground#e3aad5
• symbolIcon.arrayForeground#a8849e
• symbolIcon.booleanForeground#a8849e
• symbolIcon.classForeground#a8849e
• symbolIcon.colorForeground#a8849e
• symbolIcon.constantForeground#a8849e
• symbolIcon.constructorForeground#a8849e
• symbolIcon.enumeratorForeground#a8849e
• symbolIcon.enumeratorMemberForeground#a8849e
• symbolIcon.eventForeground#a8849e
• symbolIcon.fieldForeground#a8849e
• symbolIcon.fileForeground#a8849e
• symbolIcon.folderForeground#a8849e
• symbolIcon.functionForeground#a8849e
• symbolIcon.interfaceForeground#a8849e
• symbolIcon.keyForeground#a8849e
• symbolIcon.keywordForeground#a8849e
• symbolIcon.methodForeground#a8849e
• symbolIcon.moduleForeground#a8849e
• symbolIcon.namespaceForeground#a8849e
• symbolIcon.nullForeground#a8849e
• symbolIcon.numberForeground#a8849e
• symbolIcon.objectForeground#a8849e
• symbolIcon.operatorForeground#a8849e
• symbolIcon.packageForeground#a8849e
• symbolIcon.propertyForeground#a8849e
• symbolIcon.referenceForeground#a8849e
• symbolIcon.snippetForeground#a8849e
• symbolIcon.stringForeground#a8849e
• symbolIcon.structForeground#a8849e
• symbolIcon.textForeground#a8849e
• symbolIcon.typeParameterForeground#a8849e
• symbolIcon.unitForeground#a8849e
• symbolIcon.variableForeground#a8849e
• tab.activeBackground#141517
• tab.activeBorder#a8849e
• tab.activeForeground#ecedef
• tab.border#696a6c
• tab.inactiveBackground#141517
• tab.inactiveForeground#58595b
• tab.unfocusedActiveBorder#362c34
• terminal.ansiBlack#0c0d0f
• terminal.ansiBlue#6cb0c7
• terminal.ansiBrightBlack#0c0d0f
• terminal.ansiBrightBlue#6cb0c7
• terminal.ansiBrightCyan#e3aad5
• terminal.ansiBrightGreen#a8849e
• terminal.ansiBrightMagenta#fd00fb
• terminal.ansiBrightRed#362c34
• terminal.ansiBrightWhite#ecedef
• terminal.ansiBrightYellow#d2aa9d
• terminal.ansiCyan#e3aad5
• terminal.ansiGreen#a8849e
• terminal.ansiMagenta#fd00fb
• terminal.ansiRed#362c34
• terminal.ansiWhite#ecedef
• terminal.ansiYellow#d2aa9d
• titleBar.activeBackground#141517
• titleBar.activeForeground#ecedef
• walkThrough.embeddedEditorBackground#141517
• widget.shadow#0c0d0f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).