EndeavourOS Dark+ Theme

Name: EndeavourOS Dark+ Theme
Author: Jordon Leach

Publisher: Jordon LeachThemes in package: 4

A theme based on the EndeavourOS KDE Breeze Dark colors.

GitHub

Color themes

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

EndeavourOS Dark+ Theme — EndeavourOS Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

actionBar.toggledBackground#383a49
activityBar.background#222529
activityBar.border#222529
activityBar.foreground#e3e3ea
activityBarBadge.background#7f7fff
activityBarBadge.foreground#e3e3ea
badge.background#7f7fff
badge.foreground#e3e3ea
button.background#222529
button.foreground#e3e3ea
button.hoverBackground#7f7fff
checkbox.border#6B6B6B
debugExceptionWidget.background#ff7f7f
debugExceptionWidget.border#ff7f7f
debugToolBar.background#222529
diffEditor.insertedTextBackground#27ae6040
diffEditor.removedTextBackground#ff7f7f40
dropdown.background#222529
dropdown.border#222529
dropdown.foreground#e3e3ea
editor.background#222529
editor.findMatchBackground#7f7fff7f
editor.findMatchHighlightBackground#7f7fff7f
editor.findRangeHighlightBackground#7f7fff7f
editor.foreground#e3e3ea
editor.hoverHighlightBackground#7f7fff7f
editor.inactiveSelectionBackground#7f7fff7f
editor.lineHighlightBackground#222529
editor.lineHighlightBorder#222529
editor.rangeHighlightBackground#7f7fff7f
editor.selectionBackground#7f7fff
editor.selectionHighlightBackground#7f7fff7f
editor.wordHighlightBackground#7f7fff7f
editor.wordHighlightStrongBackground#7f7fff7f
editorBracketMatch.background#7f7fff7f
editorBracketMatch.border#7f7fff
editorCodeLens.foreground#eff0f1
editorCursor.foreground#7f7fff
editorError.border#ff7f7f
editorError.foreground#ff7f7f
editorGroup.border#222529
editorGroup.dropBackground#7f7fff7f
editorGroup.emptyBackground#222529
editorGroup.focusedEmptyBorder#222529
editorGroupHeader.noTabsBackground#222529
editorGroupHeader.tabsBackground#222529
editorGroupHeader.tabsBorder#222529
editorGutter.addedBackground#27ae60
editorGutter.background#222529
editorGutter.deletedBackground#ff7f7f
editorGutter.modifiedBackground#7f5dbf
editorHoverWidget.background#222529
editorHoverWidget.border#7f7fff
editorIndentGuide.activeBackground1#7f7fff
editorIndentGuide.background1#eff0f1
editorLineNumber.foreground#eff0f1
editorLink.activeForeground#7f5dbf
editorMarkerNavigation.background#222529
editorMarkerNavigationError.background#ff7f7f
editorMarkerNavigationWarning.background#f67400
editorOverviewRuler.addedForeground#27ae60
editorOverviewRuler.border#222529
editorOverviewRuler.commonContentForeground#cc3980
editorOverviewRuler.currentContentForeground#7f7fff
editorOverviewRuler.deletedForeground#ff7f7f
editorOverviewRuler.errorForeground#ff7f7f
editorOverviewRuler.findMatchForeground#7f7fffbf
editorOverviewRuler.incomingContentForeground#27ae60
editorOverviewRuler.infoForeground#7f7fff
editorOverviewRuler.modifiedForeground#7f5dbf
editorOverviewRuler.rangeHighlightForeground#7f7fffbf
editorOverviewRuler.selectionHighlightForeground#7f7fffbf
editorOverviewRuler.warningForeground#f67400
editorOverviewRuler.wordHighlightForeground#7f7fffbf
editorOverviewRuler.wordHighlightStrongForeground#7f7fffbf
editorPane.background#222529
editorRuler.foreground#eff0f1
editorSuggestWidget.background#222529
editorSuggestWidget.border#7f7fff
editorSuggestWidget.foreground#e3e3ea
editorSuggestWidget.highlightForeground#7f5dbf
editorSuggestWidget.selectedBackground#7f7fff7f
editorWarning.border#f67400
editorWarning.foreground#f67400
editorWhitespace.foreground#eff0f1
editorWidget.background#222529
editorWidget.border#7f7fff
errorForeground#ff7f7f
extensionButton.prominentBackground#7f7fff
extensionButton.prominentForeground#e3e3ea
extensionButton.prominentHoverBackground#7f7fff
focusBorder#7f7fff
foreground#e3e3ea
gitDecoration.conflictingResourceForeground#f67400
gitDecoration.deletedResourceForeground#ff7f7f
gitDecoration.ignoredResourceForeground#eff0f1
gitDecoration.modifiedResourceForeground#7f5dbf
gitDecoration.untrackedResourceForeground#27ae60
input.background#222529
input.border#222529
input.foreground#e3e3ea
input.placeholderForeground#eff0f1
inputOption.activeBorder#7f7fff
inputValidation.errorBackground#ff7f7f
inputValidation.errorBorder#ff7f7f
inputValidation.infoBackground#7f7fff
inputValidation.infoBorder#7f7fff
inputValidation.warningBackground#f67400
inputValidation.warningBorder#f67400
list.activeSelectionBackground#7f7fff7f
list.activeSelectionForeground#e3e3ea
list.activeSelectionIconForeground#ffffff
list.dropBackground#7f7fff7f
list.errorForeground#ff7f7f
list.focusBackground#7f7fff7f
list.focusForeground#e3e3ea
list.highlightForeground#7f5dbf
list.hoverBackground#222529
list.hoverForeground#eff0f1
list.inactiveSelectionBackground#222529
list.inactiveSelectionForeground#e3e3ea
list.invalidItemForeground#ff7f7f
list.warningForeground#f67400
listFilterWidget.background#222529
listFilterWidget.noMatchesOutline#ff7f7f
listFilterWidget.outline#7f7fff
menu.background#222529
menu.border#454545
menu.foreground#e3e3ea
menu.selectionBackground#7f7fff
menu.separatorBackground#454545
merge.border#eff0f1
merge.commonContentBackground#9b59b64c
merge.commonHeaderBackground#9b59b64c
merge.currentContentBackground#7f7fff4c
merge.currentHeaderBackground#7f7fff4c
merge.incomingContentBackground#27ae604c
merge.incomingHeaderBackground#27ae604c
panel.background#222529
panel.border#7f7fff
panelTitle.activeBorder#7f7fff
panelTitle.activeForeground#e3e3ea
panelTitle.inactiveForeground#eff0f1
peekView.border#7f7fff
peekViewEditor.background#222529
peekViewEditor.matchHighlightBackground#7f7fff7f
peekViewEditorGutter.background#222529
peekViewResult.background#222529
peekViewResult.fileForeground#e3e3ea
peekViewResult.lineForeground#eff0f1
peekViewResult.matchHighlightBackground#7f7fff7f
peekViewResult.selectionBackground#7f7fff7f
peekViewResult.selectionForeground#e3e3ea
peekViewTitle.background#222529
peekViewTitleDescription.foreground#eff0f1
peekViewTitleLabel.foreground#e3e3ea
pickerGroup.border#7f7fff
pickerGroup.foreground#e3e3ea
ports.iconRunningProcessForeground#369432
progressBar.background#7f7fff
scrollbar.shadow#1b1e20
scrollbarSlider.activeBackground#a1a9b17f
scrollbarSlider.background#a1a9b17f
scrollbarSlider.hoverBackground#a1a9b17f
selection.background#7f7fff
sideBar.background#222529
sideBar.border#222529
sideBar.foreground#e3e3ea
sideBarSectionHeader.background#222529
sideBarSectionHeader.border#ccc3
sideBarSectionHeader.foreground#e3e3ea
sideBarTitle.foreground#e3e3ea
statusBar.background#222529
statusBar.border#7f7fff
statusBar.debuggingBackground#f67400
statusBar.debuggingBorder#f67400
statusBar.debuggingForeground#e3e3ea
statusBar.foreground#e3e3ea
statusBar.noFolderBackground#222529
statusBar.noFolderBorder#7f7fff
statusBar.noFolderForeground#e3e3ea
statusBarItem.activeBackground#7f7fff
statusBarItem.hoverBackground#7f7fff
statusBarItem.prominentBackground#7f7fff
statusBarItem.prominentHoverBackground#7f7fff
statusBarItem.remoteBackground#7fbaff
statusBarItem.remoteForeground#ffffff
tab.activeBackground#222529
tab.activeForeground#e3e3ea
tab.border#222529
tab.inactiveBackground#222529
tab.inactiveForeground#eff0f1
tab.lastPinnedBorder#ccc3
tab.selectedBackground#222529
tab.selectedForeground#ffffffa0
tab.unfocusedActiveForeground#eff0f1
tab.unfocusedInactiveForeground#eff0f1
terminal.ansiBlack#222529
terminal.ansiBlue#7fbaff
terminal.ansiBrightBlack#eff0f1
terminal.ansiBrightBlue#7f7fff
terminal.ansiBrightCyan#7f3fbf
terminal.ansiBrightGreen#27ae60
terminal.ansiBrightMagenta#cc3980
terminal.ansiBrightRed#ff7f7f
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f67400
terminal.ansiCyan#7f3fbf
terminal.ansiGreen#27ae60
terminal.ansiMagenta#cc3980
terminal.ansiRed#ff7f7f
terminal.ansiWhite#e3e3ea
terminal.ansiYellow#f67400
terminal.background#222529
terminal.foreground#e3e3ea
terminal.inactiveSelectionBackground#2225297f
terminal.selectionBackground#7f7fff7f
terminalCursor.background#222529
terminalCursor.foreground#e3e3ea
titleBar.activeBackground#222529
titleBar.activeForeground#e3e3ea
titleBar.inactiveBackground#222529
titleBar.inactiveForeground#eff0f1
tree.indentGuidesStroke#eff0f1
walkThrough.embeddedEditorBackground#222529
widget.border#454545
widget.shadow#1b1e20

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, keyword.control, keyword.operator, keyword.other, keyword.function	#7f7fff	bold
storage, storage.type, storage.modifier, storage.type.ts, storage.type.js	#cdccdb	—
variable, variable.other	#e3e3ea	—
comment, comment.block, comment.line, comment.block.js, meta.class.js, meta.export.default.js, source.js, punctuation.definition.comment.ts, comment.block.documentation.ts, source.ts	#b1b1ba	—
constant	#e3e3ea	—
entity	#7f5dbf	—
entity.name.function	#cc3980	—
invalid	#ff7f7f	—
string	#27ae60	—
support	#7fbaff	—
markup.heading	#7f5dbf	—
markup.deleted	#ff7f7f	—
markup.inserted	#27ae60	—
markup.changed	#7f3fbf	—
markup.underline	—	underline
markup.underline.link	#7f7fff	—
markup.list, markup.raw	#e3e3ea	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}