Navy

Name: Navy
Author: Enzo Shiraishi

Publisher: Enzo ShiraishiThemes in package: 1

A navy blue theme

GitHub

VS Code preview

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

Navy — Navy

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#0F1317
activityBar.background#0f1317
activityBar.border#242D36
activityBar.foreground#E6E6E6
activityBar.inactiveForeground#828282
activityBarBadge.background#0F1317
activityBarBadge.foreground#E6E6E6
activityBarTop.activeBorder#0F1317
activityBarTop.background#0F1317
activityBarTop.foreground#E6E6E6
activityBarTop.inactiveForeground#828282
badge.background#0F1317
badge.foreground#E6E6E6
button.background#151A1F
button.border#242D36
button.foreground#E6E6E6
button.hoverBackground#1A2026
button.secondaryBackground#151A1F
button.secondaryForeground#E6E6E6
button.secondaryHoverBackground#1A2026
button.separator#00000000
checkbox.background#151A1F
checkbox.border#242D36
checkbox.foreground#E6E6E6
checkbox.selectBackground#9AC0E6
checkbox.selectBorder#242D36
commandCenter.border#242D36
debugConsole.errorForeground#E6A99A
debugConsole.infoForeground#9AC0E6
debugConsole.warningForeground#E6E0AC
debugIcon.breakpointDisabledForeground#828282
debugIcon.breakpointForeground#E69AD5
debugIcon.continueForeground#9AC0E6
debugIcon.disconnectForeground#9AC0E6
debugIcon.pauseForeground#9AC0E6
debugIcon.restartForeground#A8E69A
debugIcon.startForeground#A8E69A
debugIcon.stepBackForeground#9AC0E6
debugIcon.stepIntoForeground#9AC0E6
debugIcon.stepOutForeground#9AC0E6
debugIcon.stepOverForeground#9AC0E6
debugIcon.stopForeground#E69AD5
debugToolBar.background#0F1317
debugView.exceptionLabelBackground#1A2026
debugView.exceptionLabelForeground#E6E6E6
debugView.stateLabelBackground#1A2026
debugView.stateLabelForeground#E6E6E6
descriptionForeground#E6E6E6
diffEditor.diagonalFill#1A2026
diffEditor.insertedLineBackground#171F15
diffEditor.insertedTextBackground#171F15
diffEditor.removedLineBackground#1F151C
diffEditor.removedTextBackground#1F151C
diffEditor.unchangedRegionShadow#00000000
diffEditorGutter.insertedLineBackground#171F15
diffEditorGutter.removedLineBackground#1F151C
disabledForeground#828282
dropdown.background#151A1F
dropdown.border#242D36
dropdown.foreground#E6E6E6
dropdown.listBackground#151A1F
editor.background#151A1F
editor.findMatchBackground#29333D
editor.findMatchHighlightBackground#1F262E
editor.findRangeHighlightBackground#1F262E
editor.foldBackground#1F272E
editor.foreground#E6E6E6
editor.hoverHighlightBackground#1F262E
editor.inactiveSelectionBackground#1A2026
editor.lineHighlightBorder#242D36
editor.rangeHighlightBackground#1A2026
editor.selectionBackground#1F262E
editor.selectionHighlightBackground#1F262E
editor.selectionHighlightBorder#242D36
editor.symbolHighlightBackground#1F262E
editor.wordHighlightBackground#1F262E
editor.wordHighlightStrongBackground#242D36
editorBracketHighlight.foreground1#E6E6E6
editorBracketHighlight.foreground2#E6E0AC
editorBracketHighlight.foreground3#A8E69A
editorBracketHighlight.foreground4#9AE6CB
editorBracketHighlight.foreground5#9AC0E6
editorBracketHighlight.foreground6#BCACE6
editorBracketHighlight.unexpectedBracket.foreground#E6A99A
editorCursor.foreground#E6E6E6
editorError.foreground#E6A99A
editorGroup.border#242D36
editorGroup.emptyBackground#0F1317
editorGroupHeader.noTabsBackground#0F1317
editorGroupHeader.tabsBackground#0F1317
editorGroupHeader.tabsBorder#242D36
editorGutter.addedBackground#A8E69A
editorGutter.deletedBackground#E69AD5
editorGutter.modifiedBackground#9AC0E6
editorHint.border#242D36
editorHint.foreground#E6E6E6
editorHoverWidget.background#1A2026
editorHoverWidget.border#242D36
editorHoverWidget.foreground#E6E6E6
editorHoverWidget.highlightForeground#E6E6E6
editorHoverWidget.statusBarBackground#1A2026
editorIndentGuide.activeBackground1#00000000
editorIndentGuide.activeBackground2#00000000
editorIndentGuide.activeBackground3#00000000
editorIndentGuide.activeBackground4#00000000
editorIndentGuide.activeBackground5#00000000
editorIndentGuide.activeBackground6#00000000
editorIndentGuide.background1#00000000
editorIndentGuide.background2#00000000
editorIndentGuide.background3#00000000
editorIndentGuide.background4#00000000
editorIndentGuide.background5#00000000
editorIndentGuide.background6#00000000
editorLightBulb.foreground#E6E0AC
editorLightBulbAi.foreground#E6E0AC
editorLineNumber.activeForeground#E6E6E6
editorLineNumber.dimmedForeground#828282
editorLineNumber.foreground#828282
editorLink.activeForeground#9AC0E6
editorOverviewRuler.addedForeground#A8E69A
editorOverviewRuler.background#151A1F
editorOverviewRuler.border#242D36
editorOverviewRuler.bracketMatchForeground#242D36
editorOverviewRuler.commentForeground#9AE6CB
editorOverviewRuler.commentUnresolvedForeground#242D36
editorOverviewRuler.commonContentForeground#242D36
editorOverviewRuler.currentContentForeground#242D36
editorOverviewRuler.deletedForeground#E69AD5
editorOverviewRuler.errorForeground#E6A99A
editorOverviewRuler.findMatchForeground#242D36
editorOverviewRuler.incomingContentForeground#A8E69A
editorOverviewRuler.infoForeground#E6E6E6
editorOverviewRuler.modifiedForeground#9AC0E6
editorOverviewRuler.rangeHighlightForeground#242D36
editorOverviewRuler.selectionHighlightForeground#1A2026
editorOverviewRuler.warningForeground#E6E0AC
editorOverviewRuler.wordHighlightForeground#1A2026
editorOverviewRuler.wordHighlightStrongForeground#242D36
editorOverviewRuler.wordHighlightTextForeground#1A2026
editorRuler.foreground#242D36
editorStickyScroll.border#242D36
editorStickyScroll.shadow#00000000
editorStickyScrollHover.background#1A2026
editorSuggestWidget.background#1A2026
editorSuggestWidget.border#242D36
editorSuggestWidget.focusHighlightForeground#9AC0E6
editorSuggestWidget.foreground#E6E6E6
editorSuggestWidget.highlightForeground#9AC0E6
editorSuggestWidget.selectedBackground#1F262E
editorSuggestWidget.selectedForeground#E6E6E6
editorSuggestWidget.selectedIconForeground#E6E6E6
editorSuggestWidgetStatus.foreground#E6E6E6
editorWarning.foreground#E6E0AC
editorWidget.background#0F1317
editorWidget.border#242D36
editorWidget.resizeBorder#00000000
errorForeground#E6A99A
focusBorder#8FA7BD
foreground#E6E6E6
gitDecoration.addedResourceForeground#A8E69A
gitDecoration.conflictingResourceForeground#E6A99A
gitDecoration.deletedResourceForeground#E69AD5
gitDecoration.ignoredResourceForeground#828282
gitDecoration.modifiedResourceForeground#9AC0E6
gitDecoration.renamedResourceForeground#9AE6CB
gitDecoration.stageDeletedResourceForeground#E69AD5
gitDecoration.stageModifiedResourceForeground#9AC0E6
gitDecoration.submoduleResourceForeground#828282
gitDecoration.untrackedResourceForeground#828282
icon.foreground#E6E6E6
inlineChat.shadow#00000000
input.background#151A1F
input.border#242D36
input.foreground#E6E6E6
input.placeholderForeground#828282
keybindingLabel.background#151A1F
keybindingLabel.border#00000000
keybindingLabel.bottomBorder#00000000
keybindingLabel.foreground#E6E6E6
list.activeSelectionBackground#1A2026
list.errorForeground#E6A99A
list.hoverBackground#151A1F
list.inactiveSelectionBackground#1A2026
list.warningForeground#E6E0AC
listFilterWidget.shadow#00000000
menu.selectionBorder#242D36
menu.separatorBackground#00000000
menubar.selectionBorder#242D36
notebook.cellBorderColor#242D36
notebook.cellEditorBackground#151A1F
notebook.focusedCellBorder#9AC0E6
notebookEditorOverviewRuler.runningCellForeground#9AC0E6
notificationCenterHeader.background#1A2026
notifications.background#1A2026
notifications.border#242D36
notifications.foreground#E6E6E6
notificationsErrorIcon.foreground#E6A99A
notificationsInfoIcon.foreground#9AC0E6
notificationsWarningIcon.foreground#E6E0AC
panel.background#0F1317
panel.border#242D36
panel.dropBorder#00000000
panelInput.border#242D36
panelSection.border#00000000
panelSectionHeader.background#0F1317
panelSectionHeader.border#00000000
panelSectionHeader.foreground#E6E6E6
panelStickyScroll.border#00000000
panelStickyScroll.shadow#00000000
panelTitle.activeBorder#9AC0E6
panelTitle.activeForeground#E6E6E6
panelTitle.inactiveForeground#828282
progressBar.background#9AC0E6
quickInput.foreground#828282
quickInputList.focusForeground#E6E6E6
quickInputList.focusIconForeground#E6E6E6
quickInputTitle.background#0F1317
scrollbar.shadow#00000000
selection.background#29333D
settings.checkboxBackground#1A2026
settings.checkboxBorder#242D36
settings.checkboxForeground#E6E6E6
settings.dropdownBackground#1A2026
settings.dropdownBorder#242D36
settings.dropdownForeground#E6E6E6
settings.dropdownListBorder#242D36
settings.headerForeground#E6E6E6
settings.numberInputBackground#1A2026
settings.numberInputBorder#242D36
settings.numberInputForeground#E6E6E6
settings.textInputBackground#1A2026
settings.textInputBorder#242D36
settings.textInputForeground#E6E6E6
sideBar.background#0F1317
sideBar.border#242D36
sideBar.foreground#E6E6E6
sideBarActivityBarTop.border#242D36
sideBarSectionHeader.background#0F1317
sideBarSectionHeader.border#242D36
sideBarStickyScroll.border#00000000
sideBarStickyScroll.shadow#00000000
statusBar.background#0F1317
statusBar.border#242D36
statusBar.debuggingBackground#0F1317
statusBar.foreground#E6E6E6
statusBar.noFolderBackground#0F1317
statusBar.noFolderForeground#E6E6E6
statusBarItem.remoteBackground#0F1317
statusBarItem.remoteForeground#E6E6E6
statusBarItem.remoteHoverBackground#0F1317
statusBarItem.remoteHoverForeground#E6E6E6
tab.activeBackground#151A1F
tab.activeBorder#151A1F
tab.activeForeground#E6E6E6
tab.border#242D36
tab.inactiveBackground#0F1317
tab.inactiveForeground#828282
tab.lastPinnedBorder#242D36
terminal.ansiBlack#0A0D0F
terminal.ansiBlue#9AC0E6
terminal.ansiBrightBlack#0a0d0f
terminal.ansiBrightBlue#9AC0E6
terminal.ansiBrightCyan#9AE6CB
terminal.ansiBrightGreen#A8E69A
terminal.ansiBrightMagenta#BCACE6
terminal.ansiBrightRed#E6A99A
terminal.ansiBrightWhite#E6E6E6
terminal.ansiBrightYellow#E6E0AC
terminal.ansiCyan#9AE6CB
terminal.ansiGreen#A8E69A
terminal.ansiMagenta#BCACE6
terminal.ansiRed#E6A99A
terminal.ansiWhite#E6E6E6
terminal.ansiYellow#E6E0AC
terminal.background#0F1317
textLink.foreground#9AC0E6
titleBar.activeBackground#0F1317
titleBar.border#242D36
titleBar.inactiveBackground#0F1317
tree.inactiveIndentGuidesStroke#00000000
tree.indentGuidesStroke#00000000
tree.tableColumnsBorder#00000000
tree.tableOddRowsBackground#0F1317
welcomePage.progress.background#9AC0E6
widget.border#242D36
widget.shadow#00000000
window.activeBorder#242D36
window.inactiveBorder#242D36

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, string.quoted.docstring, punctuation, punctuation.definition.comment, constant.character.format.placeholder, keyword.operator, operator	#828282	—
meta.function-call.arguments, meta.paragraph, meta.attribute, meta.tag.structure, text, variable.argument	#E6E6E6	—
constant, comment, support.constant.property-value, support.constant.font-name	#BCACE6	—
string, punctuation.definition.string, markup.inline.raw, constant.character.escape, string.regexp, constant.regexp, constant.other.set.regexp, punctuation.parenthesis.lookahead.begin.regexp, keyword.operator.quantifier.regexp, keyword.operator.lookahead.regexp, punctuation.parenthesis.lookahead.end.regexp, keyword.operator.lookahead.regexp, string.regexp.quoted.single, string.regexp.quoted.double, entity.name.tag.backreference.regexp, meta.backreference.regexp, constant.character.set.regexp, meta.character.set.regexp, meta.named.regexp, entity.name.tag.named.group.regexp, punctuation.parenthesis.non-capturing.begin.regexp, support.other.parenthesis.regexp, punctuation.parenthesis.named.begin.regexp, punctuation.parenthesis.named.end.regexp, punctuation.parenthesis.non-capturing.end.regexp	#E6E0AC	—
entity.name.class, entity.name.type, support.type, meta.function, punctuation.support.type.property-name.begin, punctuation.support.type.property-name.end, entity.other.attribute-name.pseudo-class, support.type.property-name.json	#9AE6CB	—
support.function, entity.name.function, meta.function-call	#A8E69A	—
constant.numeric, keyword.other.unit	#ACE6CF	—
keyword, storage.type.function, keyword.operator.logical, markup.heading, heading, entity.name.tag, storage.type.class, variable.language.special.self, variable.parameter.function.language.special.self	#9AC0E6	—
variable.parameter, entity.other.attribute-name, support.type.property-name	#E6CA9A	—

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}!`;
}