End
Publisher: hzaoThemes in package: 1
Theme End: A Theme Inspired by Minecraft’s The End
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#36353733
- activityBar.activeBorder#E55FFF
- activityBar.activeFocusBorder#E55FFF
- activityBar.background#161616
- activityBar.border#161616
- activityBar.dropBorder#E55FFF
- activityBar.foreground#B7B0BC
- activityBar.inactiveForeground#97919B
- activityBarBadge.background#E55FFF
- activityBarBadge.foreground#161616
- badge.background#E55FFF
- badge.foreground#161616
- breadcrumb.activeSelectionForeground#F8EEFF
- breadcrumb.background#161616
- breadcrumb.focusForeground#D8CFDE
- breadcrumb.foreground#B7B0BC
- breadcrumbPicker.background#161616
- button.background#363537
- button.foreground#D8CFDE
- button.hoverBackground#36353780
- button.secondaryBackground#363537
- button.secondaryForeground#D8CFDE
- button.secondaryHoverBackground#36353780
- button.separator#D8CFDE
- charts.blue#00DDFF
- charts.foreground#D8CFDE
- charts.green#AADD00
- charts.lines#77737A
- charts.orange#EE7722
- charts.purple#E55FFF
- charts.red#FF1155
- charts.yellow#EEEEAA
- checkbox.background#363537
- checkbox.border#363537
- checkbox.foreground#D8CFDE
- commandCenter.activeBackground#363537
- commandCenter.activeBorder#575459
- commandCenter.activeForeground#77737A
- commandCenter.background#363537
- commandCenter.border#363537
- commandCenter.debuggingBackground#EE772280
- commandCenter.foreground#77737A
- commandCenter.inactiveBorder#363537
- commandCenter.inactiveForeground#77737A
- debugConsole.errorForeground#FF1155
- debugConsole.infoForeground#00DDFF
- debugConsole.sourceForeground#E55FFF
- debugConsole.warningForeground#EE7722
- debugConsoleInputIcon.foreground#97919B
- debugExceptionWidget.background#363537
- debugExceptionWidget.border#363537
- debugIcon.breakpointCurrentStackframeForeground#AADD00
- debugIcon.breakpointDisabledForeground#97919B
- debugIcon.breakpointForeground#FF1155
- debugIcon.breakpointStackframeForeground#EEEEAA
- debugIcon.breakpointUnverifiedForeground#B7B0BC
- debugIcon.continueForeground#AADD00
- debugIcon.disconnectForeground#EE7722
- debugIcon.pauseForeground#00DDFF
- debugIcon.restartForeground#E55FFF
- debugIcon.startForeground#AADD00
- debugIcon.stepBackForeground#F8EEFF
- debugIcon.stepIntoForeground#F8EEFF
- debugIcon.stepOutForeground#F8EEFF
- debugIcon.stepOverForeground#F8EEFF
- debugIcon.stopForeground#FF1155
- debugTokenExpression.boolean#E55FFF
- debugTokenExpression.error#FF1155
- debugTokenExpression.name#00DDFF
- debugTokenExpression.number#E55FFF
- debugTokenExpression.string#AADD00
- debugTokenExpression.value#F8EEFF
- debugToolBar.background#363537
- debugToolBar.border#575459
- debugView.exceptionLabelBackground#363537
- debugView.exceptionLabelForeground#EEEEAA
- debugView.stateLabelBackground#363537
- debugView.stateLabelForeground#00DDFF
- debugView.valueChangedHighlight#EEEEAA33
- descriptionForeground#D8CFDE
- diffEditor.border#363537
- diffEditor.diagonalFill#3635377f
- diffEditor.insertedTextBackground#AADD0020
- diffEditor.removedTextBackground#FF115520
- dropdown.background#363537
- dropdown.border#363537
- dropdown.foreground#D8CFDE
- dropdown.listBackground#363537
- editor.background#161616
- editor.findMatchBackground#EEEEAA3f
- editor.findMatchHighlightBackground#EEEEAA33
- editor.findRangeHighlightBackground#363537
- editor.focusedStackFrameHighlightBackground#AADD003f
- editor.foldBackground#36353766
- editor.foreground#F8EEFF
- editor.hoverHighlightBackground#5754597f
- editor.inactiveSelectionBackground#00DDFF33
- editor.lineHighlightBorder#363537
- editor.rangeHighlightBackground#EEEEAA33
- editor.selectionBackground#00DDFF33
- editor.selectionForeground#F8EEFF
- editor.selectionHighlightBackground#363537
- editor.snippetFinalTabstopHighlightBackground#5754597f
- editor.snippetTabstopHighlightBackground#3635377f
- editor.stackFrameHighlightBackground#00CCBB3f
- editor.symbolHighlightBackground#E55FFF33
- editor.wordHighlightBackground#E55FFF33
- editor.wordHighlightStrongBackground#E55FFF33
- editorBracketHighlight.foreground1#E55FFF
- editorBracketHighlight.foreground2#00CCBB
- editorBracketHighlight.foreground3#FF1155
- editorBracketHighlight.foreground4#AADD00
- editorBracketHighlight.foreground5#EE7722
- editorBracketHighlight.foreground6#00DDFF
- editorBracketHighlight.unexpectedBracket#FF1155
- editorBracketMatch.background#363537
- editorBracketMatch.border#575459
- editorCodeLens.foreground#B7B0BC
- editorCursor.background#161616
- editorCursor.foreground#E55FFF
- editorError.foreground#FF1155
- editorGroup.border#363537
- editorGroup.dropBackground#5754597f
- editorGroup.emptyBackground#161616
- editorGroup.focusedEmptyBorder#363537
- editorGroupHeader.border#161616
- editorGroupHeader.noTabsBackground#161616
- editorGroupHeader.tabsBackground#161616
- editorGroupHeader.tabsBorder#161616
- editorGutter.addedBackground#AADD00
- editorGutter.background#161616
- editorGutter.commentRangeForeground#77737A
- editorGutter.deletedBackground#FF1155
- editorGutter.foldingControlForeground#B7B0BC
- editorGutter.modifiedBackground#EE7722
- editorHint.foreground#E55FFF
- editorHoverWidget.background#363537
- editorHoverWidget.border#363537
- editorHoverWidget.foreground#D8CFDE
- editorHoverWidget.statusBarBackground#00DDFF33
- editorIndentGuide.activeBackground#575459
- editorIndentGuide.background#363537
- editorInfo.foreground#00DDFF
- editorLightBulb.foreground#EEEEAA
- editorLightBulbAutoFix.foreground#00DDFF
- editorLineNumber.activeForeground#97919B
- editorLineNumber.foreground#575459
- editorLink.activeForeground#00CCBB
- editorMarkerNavigation.background#363537
- editorMarkerNavigationError.background#FF1155
- editorMarkerNavigationInfo.background#00DDFF
- editorMarkerNavigationWarning.background#EE7722
- editorOverviewRuler.addedForeground#AADD007f
- editorOverviewRuler.border#363537
- editorOverviewRuler.bracketMatchForeground#77737A
- editorOverviewRuler.commonContentForeground#E55FFF
- editorOverviewRuler.currentContentForeground#00CCBB
- editorOverviewRuler.deletedForeground#FF11557f
- editorOverviewRuler.errorForeground#FF11557f
- editorOverviewRuler.findMatchForeground#EEEEAAbf
- editorOverviewRuler.incomingContentForeground#00DDFF
- editorOverviewRuler.infoForeground#00DDFF7f
- editorOverviewRuler.modifiedForeground#EEEEAA7f
- editorOverviewRuler.rangeHighlightForeground#575459bf
- editorOverviewRuler.selectionHighlightForeground#363537bf
- editorOverviewRuler.warningForeground#EE77227f
- editorOverviewRuler.wordHighlightForeground#575459bf
- editorOverviewRuler.wordHighlightStrongForeground#77737Abf
- editorPane.background#161616
- editorRuler.foreground#363537
- editorSuggestWidget.background#363537
- editorSuggestWidget.border#363537
- editorSuggestWidget.foreground#D8CFDE
- editorSuggestWidget.highlightForeground#E55FFF
- editorSuggestWidget.selectedBackground#575459
- editorUnnecessaryCode.opacity#0000007f
- editorWarning.foreground#EE7722
- editorWhitespace.foreground#363537
- editorWidget.background#363537
- editorWidget.border#363537
- editorWidget.foreground#D8CFDE
- editorWidget.resizeBorder#E55FFF
- errorForeground#FF1155
- extensionBadge.remoteBackground#E55FFF
- extensionBadge.remoteForeground#161616
- focusBorder#575459
- foreground#F8EEFF
- gitDecoration.addedResourceForeground#AADD00
- gitDecoration.conflictingResourceForeground#00CCBB
- gitDecoration.deletedResourceForeground#FF1155
- gitDecoration.ignoredResourceForeground#77737A
- gitDecoration.modifiedResourceForeground#EE7722
- gitDecoration.renamedResourceForeground#EE7722
- gitDecoration.stageDeletedResourceForeground#FF1155
- gitDecoration.stageModifiedResourceForeground#EE7722
- gitDecoration.submoduleResourceForeground#E55FFF
- gitDecoration.untrackedResourceForeground#E55FFF
- icon.foreground#D8CFDE
- imagePreview.border#363537
- input.background#363537
- input.border#363537
- input.foreground#D8CFDE
- input.placeholderForeground#77737A
- inputOption.activeBackground#575459
- inputOption.activeBorder#E55FFF
- inputOption.activeForeground#F8EEFF
- inputValidation.errorBackground#363537
- inputValidation.errorBorder#FF1155
- inputValidation.errorForeground#FF1155
- inputValidation.infoBackground#363537
- inputValidation.infoBorder#00DDFF
- inputValidation.infoForeground#00DDFF
- inputValidation.warningBackground#363537
- inputValidation.warningBorder#EE7722
- inputValidation.warningForeground#EE7722
- list.activeSelectionBackground#E55FFF33
- list.activeSelectionForeground#F8EEFF
- list.deemphasizedForeground#97919B
- list.dropBackground#363537
- list.errorForeground#FF1155
- list.filterMatchBackground#EEEEAA33
- list.filterMatchBorder#EEEEAA33
- list.focusBackground#77737A3f
- list.focusForeground#F8EEFF
- list.highlightForeground#E55FFF
- list.hoverBackground#36353733
- list.hoverForeground#F8EEFF
- list.inactiveFocusBackground#3635373f
- list.inactiveSelectionBackground#5754593f
- list.inactiveSelectionForeground#D8CFDE
- list.invalidItemForeground#FF1155
- list.warningForeground#EEEEAA
- listFilterWidget.background#363537
- listFilterWidget.noMatchesOutline#FF1155
- listFilterWidget.outline#E55FFF
- menu.background#161616
- menu.border#363537
- menu.foreground#D8CFDE
- menu.selectionBackground#363537
- menu.selectionForeground#F8EEFF
- menu.separatorBackground#575459
- menubar.selectionBackground#363537
- menubar.selectionForeground#F8EEFF
- merge.border#97919B
- merge.commonContentBackground#E55FFF4c
- merge.commonHeaderBackground#E55FFF4c
- merge.currentContentBackground#00CCBB4c
- merge.currentHeaderBackground#00CCBB4c
- merge.incomingContentBackground#00DDFF4c
- merge.incomingHeaderBackground#00DDFF4c
- minimap.background#161616
- minimap.errorHighlight#FF115580
- minimap.findMatchHighlight#EEEEAA
- minimap.selectionHighlight#00DDFF80
- minimap.warningHighlight#EE772280
- minimapGutter.addedBackground#AADD0080
- minimapGutter.deletedBackground#FF115580
- minimapGutter.modifiedBackground#EEEEAA80
- minimapSlider.activeBackground#77737A33
- minimapSlider.background#36353733
- minimapSlider.hoverBackground#57545933
- notebook.cellBorderColor#3635373f
- notebook.cellHoverBackground#3635373f
- notebook.cellInsertionIndicator#AADD00
- notebook.cellStatusBarItemHoverBackground#3635373f
- notebook.cellToolbarSeparator#3635373f
- notebook.focusedCellBackground#3635377f
- notebook.focusedCellBorder#E55FFF
- notebook.focusedCellShadow#0000003f
- notebook.focusedEditorBorder#363537
- notebook.focusedRowBorder#E55FFF
- notebook.inactiveFocusedCellBorder#B7B0BC
- notebook.outputContainerBackgroundColor#161616
- notebook.rowHoverBackground#3635377f
- notebook.selectedCellBorder#97919B
- notebook.symbolHighlightBackground#E55FFF3f
- notebookScrollbarSlider.activeBackground#B7B0BC7f
- notebookScrollbarSlider.background#77737A7f
- notebookScrollbarSlider.hoverBackground#97919B7f
- notebookStatusErrorIcon.foreground#FF1155
- notebookStatusRunningIcon.foreground#00DDFF
- notebookStatusSuccessIcon.foreground#AADD00
- notificationCenterHeader.background#575459
- notificationCenterHeader.foreground#D8CFDE
- notificationLink.foreground#00DDFF
- notifications.background#363537
- notifications.border#77737A
- notifications.foreground#F8EEFF
- notificationsErrorIcon.foreground#FF1155
- notificationsInfoIcon.foreground#00DDFF
- notificationsWarningIcon.foreground#EE7722
- notificationToast.border#77737A
- panel.background#161616
- panel.border#363537
- panel.dropBorder#E55FFF
- panelSection.border#363537
- panelSection.dropBackground#3635373f
- panelSectionHeader.background#575459
- panelSectionHeader.border#161616
- panelSectionHeader.foreground#D8CFDE
- panelTitle.activeBorder#E55FFF
- panelTitle.activeForeground#D8CFDE
- panelTitle.inactiveForeground#97919B
- peekView.border#E55FFF
- peekViewEditor.background#3635377f
- peekViewEditor.matchHighlightBackground#EEEEAA7f
- peekViewEditorGutter.background#3635377f
- peekViewResult.background#363537
- peekViewResult.fileForeground#D8CFDE
- peekViewResult.lineForeground#575459
- peekViewResult.matchHighlightBackground#EEEEAA7f
- peekViewResult.selectionBackground#77737A
- peekViewResult.selectionForeground#F8EEFF
- peekViewTitle.background#363537
- peekViewTitleDescription.foreground#B7B0BC
- peekViewTitleLabel.foreground#F8EEFF
- pickerGroup.border#575459
- pickerGroup.foreground#97919B
- problemsErrorIcon.foreground#FF1155
- problemsInfoIcon.foreground#00DDFF
- problemsWarningIcon.foreground#EE7722
- progressBar.background#AADD00
- quickInput.background#161616
- quickInput.foreground#F8EEFF
- quickInputTitle.background#161616
- sash.hoverBorder#E55FFF
- scm.providerBorder#575459
- scrollbar.shadow#161616
- scrollbarSlider.activeBackground#B7B0BC7f
- scrollbarSlider.background#77737A7f
- scrollbarSlider.hoverBackground#97919B7f
- selection.background#575459
- settings.checkboxBackground#363537
- settings.checkboxBorder#363537
- settings.checkboxForeground#D8CFDE
- settings.dropdownBackground#363537
- settings.dropdownForeground#D8CFDE
- settings.dropdownListBorder#575459
- settings.focusedRowBackground#161616
- settings.headerForeground#F8EEFF
- settings.modifiedItemIndicator#E55FFF
- settings.numberInputBackground#363537
- settings.numberInputForeground#D8CFDE
- settings.textInputBackground#363537
- settings.textInputForeground#D8CFDE
- sideBar.background#161616
- sideBar.border#363537
- sideBar.dropBackground#3635373f
- sideBar.foreground#D8CFDE
- sideBarSectionHeader.background#363537
- sideBarSectionHeader.border#161616
- sideBarSectionHeader.foreground#D8CFDE
- sideBarTitle.foreground#B7B0BC
- statusBar.background#161616
- statusBar.border#363537
- statusBar.debuggingBackground#EE7722
- statusBar.debuggingBorder#363537
- statusBar.debuggingForeground#161616
- statusBar.focusBorder#363537
- statusBar.foreground#D8CFDE
- statusBar.noFolderBackground#E55FFF
- statusBar.noFolderBorder#363537
- statusBar.noFolderForeground#161616
- statusBarItem.activeBackground#161616
- statusBarItem.errorBackground#161616
- statusBarItem.errorForeground#FF1155
- statusBarItem.hoverBackground#36353780
- statusBarItem.remoteBackground#161616
- statusBarItem.remoteForeground#E55FFF
- symbolIcon.arrayForeground#E55FFF
- symbolIcon.booleanForeground#E55FFF
- symbolIcon.classForeground#00DDFF
- symbolIcon.colorForeground#00CCBB
- symbolIcon.constantForeground#AADD00
- symbolIcon.constructorForeground#E55FFF
- symbolIcon.enumeratorForeground#00CCBB
- symbolIcon.enumeratorMemberForeground#00DDFF
- symbolIcon.eventForeground#EE7722
- symbolIcon.fieldForeground#FF1155
- symbolIcon.fileForeground#D8CFDE
- symbolIcon.folderForeground#B7B0BC
- symbolIcon.functionForeground#E55FFF
- symbolIcon.interfaceForeground#FF1155
- symbolIcon.keyForeground#EEEEAA
- symbolIcon.keywordForeground#00DDFF
- symbolIcon.methodForeground#00CCBB
- symbolIcon.moduleForeground#00CCBB
- symbolIcon.namespaceForeground#00DDFF
- symbolIcon.nullForeground#FF1155
- symbolIcon.numberForeground#EE7722
- symbolIcon.objectForeground#F8EEFF
- symbolIcon.operatorForeground#FF1155
- symbolIcon.packageForeground#EE7722
- symbolIcon.propertyForeground#00CCBB
- symbolIcon.referenceForeground#EE7722
- symbolIcon.snippetForeground#B7B0BC
- symbolIcon.stringForeground#AADD00
- symbolIcon.structForeground#00DDFF
- symbolIcon.textForeground#F8EEFF
- symbolIcon.typeParameterForeground#00DDFF
- symbolIcon.unitForeground#EEEEAA
- symbolIcon.variableForeground#EE7722
- tab.activeBackground#161616
- tab.activeBorder#E55FFF
- tab.activeForeground#D8CFDE
- tab.activeModifiedBorder#EEEEAA
- tab.border#161616
- tab.dragAndDropBorder#E55FFF
- tab.hoverBackground#36353780
- tab.hoverForeground#B7B0BC
- tab.inactiveBackground#161616
- tab.inactiveForeground#77737A
- tab.inactiveModifiedBorder#EEEEAA
- tab.lastPinnedBorder#E55FFF
- tab.unfocusedActiveBackground#161616
- tab.unfocusedActiveForeground#77737A
- tab.unfocusedActiveModifiedBorder#EEEEAA
- tab.unfocusedHoverBackground#36353780
- tab.unfocusedHoverForeground#97919B
- tab.unfocusedInactiveBackground#363537
- tab.unfocusedInactiveForeground#575459
- tab.unfocusedInactiveModifiedBorder#EEEEAA
- terminal.ansiBlack#161616
- terminal.ansiBlue#00DDFF
- terminal.ansiBrightBlack#363537
- terminal.ansiBrightBlue#00DDFF
- terminal.ansiBrightCyan#00CCBB
- terminal.ansiBrightGreen#00CCBB
- terminal.ansiBrightMagenta#E55FFF
- terminal.ansiBrightRed#EE7722
- terminal.ansiBrightWhite#F8EEFF
- terminal.ansiBrightYellow#EEEEAA
- terminal.ansiCyan#00CCBB
- terminal.ansiGreen#AADD00
- terminal.ansiMagenta#E55FFF
- terminal.ansiRed#FF1155
- terminal.ansiWhite#D8CFDE
- terminal.ansiYellow#EEEEAA
- terminal.background#161616
- terminal.foreground#D8CFDE
- terminal.selectionBackground#E55FFF7f
- terminalCursor.background#363537
- terminalCursor.foreground#E55FFF
- testing.iconErrored#FF1155
- testing.iconFailed#EE7722
- testing.iconPassed#AADD00
- testing.iconQueued#00CCBB
- testing.iconSkipped#97919B
- testing.iconUnset#B7B0BC
- testing.message.error.decorationForeground#FF1155
- testing.message.error.lineBackground#FF11553f
- testing.message.hint.decorationForeground#E55FFF
- testing.message.hint.lineBackground#E55FFF3f
- testing.message.info.decorationForeground#00DDFF
- testing.message.info.lineBackground#00DDFF3f
- testing.message.warning.decorationForeground#EE7722
- testing.message.warning.lineBackground#EE77223f
- testing.peekBorder#77737A
- testing.runAction#00DDFF
- textBlockQuote.background#363537
- textBlockQuote.border#363537
- textCodeBlock.background#161616
- textLink.activeForeground#CC00FF
- textLink.foreground#E55FFF
- textPreformat.foreground#EE7722
- textSeparator.foreground#97919B
- titleBar.activeBackground#161616
- titleBar.activeForeground#B7B0BC
- titleBar.inactiveBackground#161616
- titleBar.inactiveForeground#77737A
- tree.indentGuidesStroke#363537
- walkThrough.embeddedEditorBackground#161616
- welcomePage.background#161616
- welcomePage.buttonBackground#363537
- welcomePage.buttonHoverBackground#575459
- welcomePage.progress.background#00DDFF
- welcomePage.progress.foreground#161616
- widget.border#363537
- widget.shadow#161616
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| — | #D8CFDE | — |
| comment | #77737A | italic |
| constant | #EE7722 | — |
| entity | #00CCBB | — |
| entity.name.function | #00CCBB | |
| variable.parameter | #EE7722 | italic |
| entity.name.tag | #E55FFF | |
| entity.other.attribute-name | #EE7722 | |
| meta.attribute | #00CCBB | — |
| meta.indexed-name | #00CCBB | — |
| invalid | #FF1155 | — |
| keyword | #E55FFF | — |
| storage | #E55FFF | — |
| string | #EEEEAA | — |
| support | #00CCBB | — |
| variable | #F8EEFF | — |
| markup.heading | #00CCBB | — |
| markup.deleted | #FF1155 | — |
| markup.inserted | #AADD00 | — |
| markup.changed | #EEEEAA | — |
| markup.underline | — | underline |
| markup.underline.link | #00DDFF | — |
| markup.list | #F8EEFF | — |
| markup.raw | #E55FFF | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...