Rapture

Name: Rapture
Author: Pustur

Publisher: PusturThemes in package: 1

A dark blue theme with bright accents inspired by the fictional city of Rapture

Open in VS Code GitHub

VS Code preview

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

Rapture — Rapture

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#7afde1
activityBar.background#111e2a
activityBar.dropBorder#7afde180
activityBar.foreground#92beee
activityBar.inactiveForeground#6e93bb
activityBarBadge.background#7afde1
activityBarBadge.foreground#111e2a
badge.background#7afde1
badge.foreground#111e2a
breadcrumb.background#0d1721
breadcrumb.foreground#c0c9e5
button.background#67e0c6
button.foreground#111e2a
button.hoverBackground#7afde1
button.secondaryBackground#304b66
button.secondaryForeground#7afde1
button.secondaryHoverBackground#426185
charts.blue#6c9bf5
charts.green#7afde1
charts.orange#ff9b49
charts.purple#c45ace
charts.red#fc644d
charts.yellow#fff09b
checkbox.background#7afde1
checkbox.border#7afde1
checkbox.foreground#111e2a
debugConsole.errorForeground#fc644d
debugConsole.infoForeground#c0c9e5
debugConsole.sourceForeground#426185
debugConsole.warningForeground#e6a42a
debugConsoleInputIcon.foreground#7afde1
debugExceptionWidget.background#4e1626
debugExceptionWidget.border#fc644d
debugIcon.breakpointCurrentStackframeForeground#fff09b
debugIcon.breakpointDisabledForeground#6e93bb
debugIcon.breakpointForeground#fc644d
debugIcon.breakpointStackframeForeground#fff09b
debugIcon.breakpointUnverifiedForeground#fc644d
debugIcon.continueForeground#7afde1
debugIcon.disconnectForeground#fc644d
debugIcon.pauseForeground#fff09b
debugIcon.restartForeground#7afde1
debugIcon.startForeground#7afde1
debugIcon.stepBackForeground#6e93bb
debugIcon.stepIntoForeground#6e93bb
debugIcon.stepOutForeground#6e93bb
debugIcon.stepOverForeground#6e93bb
debugIcon.stopForeground#fc644d
debugTokenExpression.boolean#ff4fa1
debugTokenExpression.error#fc644d
debugTokenExpression.name#6e93bb
debugTokenExpression.number#ff4fa1
debugTokenExpression.string#7afde1
debugTokenExpression.value#c0c9e5
debugToolBar.background#111e2a
debugView.exceptionLabelBackground#fc644d
debugView.exceptionLabelForeground#fff
debugView.stateLabelBackground#426185
debugView.stateLabelForeground#fff
debugView.valueChangedHighlight#7afde180
descriptionForeground#92beeea0
diffEditor.border#304b66
diffEditor.diagonalFill#92beee20
diffEditor.insertedLineBackground#7afde110
diffEditor.insertedTextBackground#7afde120
diffEditor.removedLineBackground#ff055020
diffEditor.removedTextBackground#ff055040
diffEditorGutter.insertedLineBackground#7afde120
diffEditorGutter.removedLineBackground#ff055040
dropdown.background#233749
dropdown.listBackground#233749
editor.background#111e2a
editor.findMatchBackground#7afde120
editor.findMatchHighlightBackground#7afde120
editor.findRangeHighlightBackground#7afde110
editor.focusedStackFrameHighlightBackground#7afde120
editor.foldBackground#7afde110
editor.foreground#c0c9e5
editor.hoverHighlightBackground#7afde110
editor.inactiveSelectionBackground#7afde120
editor.inlineValuesBackground#7afde120
editor.inlineValuesForeground#7afde1
editor.lineHighlightBackground#7afde107
editor.linkedEditingBackground#ff055040
editor.selectionBackground#7afde120
editor.snippetFinalTabstopHighlightBackground#7afde120
editor.snippetFinalTabstopHighlightBorder#7afde140
editor.snippetTabstopHighlightBackground#7afde120
editor.stackFrameHighlightBackground#7afde120
editor.wordHighlightBackground#7afde120
editor.wordHighlightStrongBackground#7afde120
editorBracketHighlight.foreground1#fff09b
editorBracketHighlight.foreground2#c45ace
editorBracketHighlight.foreground3#6c9bf5
editorBracketHighlight.unexpectedBracket.foreground#fc644d
editorBracketMatch.background#304b66
editorBracketMatch.border#00000000
editorBracketPairGuide.activeBackground1#fff09b
editorBracketPairGuide.activeBackground2#c45ace
editorBracketPairGuide.activeBackground3#6c9bf5
editorBracketPairGuide.background1#fff09b
editorBracketPairGuide.background2#c45ace
editorBracketPairGuide.background3#6c9bf5
editorCodeLens.foreground#c0c9e5
editorCursor.foreground#fff
editorError.foreground#fc644d
editorGhostText.foreground#6589b3
editorGroup.border#304b66
editorGroup.dropBackground#42618540
editorGroupHeader.noTabsBackground#0d1721
editorGroupHeader.tabsBackground#0d1721
editorGutter.addedBackground#7afde180
editorGutter.deletedBackground#fc644d80
editorGutter.foldingControlForeground#c0c9e5
editorGutter.modifiedBackground#6c9bf580
editorHint.foreground#fff09b
editorHoverWidget.border#304b66
editorHoverWidget.highlightForeground#fff09b
editorIndentGuide.activeBackground#304b6680
editorIndentGuide.background#304b6640
editorInlayHint.background#304b6680
editorInlayHint.foreground#c0c9e5
editorLightBulb.foreground#fff09b
editorLightBulbAutoFix.foreground#fff09b
editorLineNumber.activeForeground#c0c9e5
editorLineNumber.foreground#92beee40
editorLink.activeForeground#f1b65c
editorMarkerNavigation.background#0d1721
editorMarkerNavigationError.background#fc644d
editorMarkerNavigationError.headerBackground#41282a
editorMarkerNavigationInfo.background#6c9bf5
editorMarkerNavigationInfo.headerBackground#20314b
editorMarkerNavigationWarning.background#e6a42a
editorMarkerNavigationWarning.headerBackground#383323
editorOverviewRuler.addedForeground#7afde180
editorOverviewRuler.background#0d1721
editorOverviewRuler.border#304b66
editorOverviewRuler.bracketMatchForeground#6e93bb80
editorOverviewRuler.deletedForeground#fc644d80
editorOverviewRuler.errorForeground#fc644d
editorOverviewRuler.findMatchForeground#7afde140
editorOverviewRuler.modifiedForeground#6c9bf580
editorOverviewRuler.selectionHighlightForeground#7afde140
editorOverviewRuler.warningForeground#e6a42a
editorOverviewRuler.wordHighlightForeground#7afde140
editorOverviewRuler.wordHighlightStrongForeground#7afde140
editorPane.background#0d1721
editorRuler.foreground#304b66
editorSuggestWidget.border#304b66
editorSuggestWidget.highlightForeground#6c9bf5
editorUnicodeHighlight.border#e6a42a
editorUnnecessaryCode.opacity#00000060
editorWarning.foreground#f1b65c
editorWhitespace.foreground#304b6660
editorWidget.background#111e2a
editorWidget.resizeBorder#7afde1
errorForeground#fc644d
extensionBadge.remoteBackground#7afde1
extensionBadge.remoteForeground#111e2a
extensionButton.prominentBackground#67e0c6
extensionButton.prominentForeground#111e2a
extensionButton.prominentHoverBackground#7afde1
extensionIcon.preReleaseForeground#426185
extensionIcon.starForeground#7afde1
extensionSponsorButton.background#7afde1b0
extensionSponsorButton.hoverBackground#7afde1
focusBorder#92beee80
foreground#c0c9e5
gitDecoration.addedResourceForeground#7afde1
gitDecoration.conflictingResourceForeground#ff4fa1
gitDecoration.deletedResourceForeground#fc644d
gitDecoration.ignoredResourceForeground#426185
gitDecoration.modifiedResourceForeground#6c9bf5
gitDecoration.renamedResourceForeground#c45ace
gitDecoration.stageDeletedResourceForeground#fc644d
gitDecoration.stageModifiedResourceForeground#6c9bf5
gitDecoration.untrackedResourceForeground#7afde1
icon.foreground#6e93bb
input.background#162736
input.border#304b66
input.foreground#c0c9e5
input.placeholderForeground#92beee80
inputOption.activeBackground#92beee30
inputOption.activeBorder#92beee80
inputValidation.errorBackground#d65343
inputValidation.errorBorder#d65343
inputValidation.errorForeground#fff
inputValidation.infoBackground#6589b3
inputValidation.infoBorder#6589b3
inputValidation.infoForeground#fff
inputValidation.warningBackground#e6a42a
inputValidation.warningBorder#e6a42a
inputValidation.warningForeground#fff
keybindingLabel.background#111e2a
keybindingLabel.border#92beee30
keybindingLabel.bottomBorder#6e93bb
keybindingLabel.foreground#c0c9e5
keybindingTable.headerBackground#111e2a
list.activeSelectionBackground#233749
list.activeSelectionForeground#fff
list.deemphasizedForeground#426185
list.dropBackground#42618540
list.errorForeground#fc644d
list.focusBackground#233749
list.focusForeground#fff
list.highlightForeground#6c9bf5
list.hoverBackground#111e2a
list.hoverForeground#fff
list.inactiveFocusBackground#162736
list.inactiveSelectionBackground#162736
list.invalidItemForeground#fc644d
list.warningForeground#e6a42a
listFilterWidget.background#7afde140
listFilterWidget.noMatchesOutline#7afde180
listFilterWidget.outline#7afde180
menu.background#111e2a
menu.foreground#c0c9e5
menu.selectionBackground#162736
menu.selectionForeground#fff
menu.separatorBackground#426185
menubar.selectionBackground#162736
menubar.selectionForeground#c0c9e5
merge.commonContentBackground#f1b65c30
merge.commonHeaderBackground#f1b65c60
merge.currentContentBackground#ff055030
merge.currentHeaderBackground#ff055060
merge.incomingContentBackground#6c9bf530
merge.incomingHeaderBackground#6c9bf560
minimap.errorHighlight#fc644d
minimap.findMatchHighlight#7afde180
minimap.selectionHighlight#7afde140
minimap.selectionOccurrenceHighlight#7afde140
minimap.warningHighlight#e6a42a
minimapGutter.addedBackground#7afde180
minimapGutter.deletedBackground#fc644d80
minimapGutter.modifiedBackground#6c9bf580
minimapSlider.activeBackground#42618580
minimapSlider.background#42618540
minimapSlider.hoverBackground#42618560
notebook.cellInsertionIndicator#7afde180
notebook.cellStatusBarItemHoverBackground#162736
notebook.cellToolbarSeparator#304b6680
notebook.focusedCellBorder#92beee80
notebook.inactiveFocusedCellBorder#92beee80
notebook.inactiveSelectedCellBorder#304b66
notebook.outputContainerBackgroundColor#111e2a
notebookStatusErrorIcon.foreground#fc644d
notebookStatusRunningIcon.foreground#6589b3
notebookStatusSuccessIcon.foreground#7afde1
notificationCenterHeader.background#111e2a
notificationLink.foreground#fff09b
notifications.background#162736
notifications.foreground#c0c9e5
panel.background#111e2a
panel.border#304b66
panel.dropBorder#7afde180
panelInput.border#304b66
panelSection.border#304b66
panelSection.dropBackground#7afde140
panelSectionHeader.background#162736
panelSectionHeader.border#304b66
panelTitle.activeBorder#7afde1
panelTitle.activeForeground#c0c9e5
panelTitle.inactiveForeground#426185
peekView.border#6e93bb
peekViewEditor.matchHighlightBackground#7afde140
peekViewResult.background#111e2a
peekViewResult.fileForeground#fff
peekViewResult.lineForeground#c0c9e5
peekViewResult.matchHighlightBackground#7afde140
peekViewResult.selectionBackground#304b6680
peekViewResult.selectionForeground#fff
peekViewTitle.background#0d1721
peekViewTitleDescription.foreground#426185
pickerGroup.border#304b66
pickerGroup.foreground#6e93bb
ports.iconRunningProcessForeground#7afde1
progressBar.background#7afde1
quickInput.foreground#c0c9e5
quickInputList.focusBackground#233749
sash.hoverBorder#304b66
scrollbar.shadow#00000090
scrollbarSlider.activeBackground#42618580
scrollbarSlider.background#42618540
scrollbarSlider.hoverBackground#42618560
searchEditor.findMatchBackground#7afde120
selection.background#7afde140
settings.dropdownBackground#162736
settings.dropdownBorder#547292
settings.dropdownForeground#c0c9e5
settings.modifiedItemIndicator#6c9bf580
sideBar.background#0d1721
sideBar.dropBackground#7afde180
sideBarSectionHeader.background#162736
sideBarSectionHeader.border#0d1721
sideBarTitle.foreground#c0c9e5
statusBar.background#162736
statusBar.border#304b66
statusBar.debuggingBackground#fc644d
statusBar.debuggingBorder#fc644d
statusBar.debuggingForeground#fff
statusBar.focusBorder#92beee80
statusBar.foreground#c0c9e5
statusBar.noFolderBackground#0d1721
statusBar.noFolderBorder#304b66
statusBar.noFolderForeground#c0c9e5
statusBarItem.errorBackground#fc644d
statusBarItem.errorForeground#fff
statusBarItem.focusBorder#92beee80
tab.activeBackground#162736
tab.activeBorder#7afde1
tab.inactiveBackground#111e2a
tab.inactiveForeground#6e93bb
tab.lastPinnedBorder#304b66
tab.unfocusedActiveBorder#00000000
terminal.ansiBlack#000
terminal.ansiBlue#6c9bf5
terminal.ansiBrightBlack#304b66
terminal.ansiBrightBlue#6c9bf5
terminal.ansiBrightCyan#64e0ff
terminal.ansiBrightGreen#7afde1
terminal.ansiBrightMagenta#ff4fa1
terminal.ansiBrightRed#fc644d
terminal.ansiBrightWhite#fff
terminal.ansiBrightYellow#fff09b
terminal.ansiCyan#64e0ff
terminal.ansiGreen#7afde1
terminal.ansiMagenta#ff4fa1
terminal.ansiRed#fc644d
terminal.ansiWhite#c0c9e5
terminal.ansiYellow#fff09b
terminal.selectionBackground#7afde120
terminalCommandDecoration.errorBackground#fc644d
terminalCommandDecoration.successBackground#7afde1
terminalCursor.background#c0c9e5
terminalCursor.foreground#c0c9e5
testing.iconErrored#ff9b49
testing.iconFailed#fc644d
testing.iconPassed#7afde1
testing.iconQueued#6c9bf5
testing.iconSkipped#d190d1
testing.iconUnset#426185
testing.runAction#7afde1
textBlockQuote.background#162736
textBlockQuote.border#7afde1
textCodeBlock.background#304b6680
textLink.activeForeground#f1b65c
textLink.foreground#fff09b
textPreformat.foreground#7afde1
titleBar.activeBackground#0d1721
titleBar.activeForeground#92beee80
titleBar.inactiveBackground#0d1721
titleBar.inactiveForeground#92beee80
toolbar.activeBackground#42618580
tree.indentGuidesStroke#304b66
welcomePage.progress.background#233749
welcomePage.progress.foreground#7afde1
welcomePage.tileBackground#0d1721
welcomePage.tileHoverBackground#162736
widget.shadow#00000090

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#304b66	—
entity.other.attribute-name.class.pug, markup.strikethrough.markdown, punctuation.definition.tag, source.json punctuation.support.type.property-name	#426185	—
entity.name.tag, markup.list, meta.structure.dictionary.json support.type.property-name, source.ini, support.type.property-name.css	#6589b3	—
markup.quote.markdown, support.type.vendored.property-name.css, variable	#8aafd1	—
support.variable	#aacbe9	—
constant.name.attribute.tag.pug, meta.template.expression.js, meta.template.expression.ts, meta.template.expression.tsx, punctuation.definition.metadata.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.separator.key-value.ini, text.html.derivative	#c0c9e5	—
constant.other.caps.python, constant.other.class.php, constant.other.php, constant, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name, fenced_code.block.language, keyword.operator.star.sql, punctuation.definition.interpolation, punctuation.definition.template-expression, punctuation.section.embedded.begin.php, punctuation.section.embedded.begin.ruby, punctuation.section.embedded.end.php, punctuation.section.embedded.end.ruby, source.css keyword.other.unit, support.constant.core.php, support.constant.ext.php, support.type.exception.python	#ff4fa1	—
entity.name.tag.css, source.css entity.name.tag.wildcard, source.css variable, variable.language.special.self.python, variable.language.this.js, variable.language.this.ts, variable.language.this.tsx	#ffabd0	—
markup.italic, meta.function.decorator.python, meta.group.regexp, variable.language.super	#d190d1	—
keyword.other.important, punctuation.definition.decorator.python, string.regexp	#c45ace	—
entity.name.function, meta.attribute.data-x entity.other.attribute-name.html, meta.function-call.generic.python, string.other.link.description.markdown, string.other.link.title.markdown, support.function	#6c9bf5	—
constant.character.entity, entity.name.section.group-title.ini, entity.name.type, entity.other.attribute-name.id.css, entity.other.attribute-name.id.pug, entity.other.inherited-class, keyword.other.alias.sql, keyword.other.DDL.create.II.sql, markup.bold, meta.attribute.id entity.other.attribute-name, source.css support.function, source.php support.function, support.class, support.constant, support.function.magic.python, support.type.python, support.variable.magic.python	#64e0ff	—
entity.other.attribute-name.class.css, markup.heading, markup.inline.raw, punctuation.definition.markdown, source.sql punctuation.definition.string, string, text.html meta.embedded source.js string, text.html string, text.html.markdown string, text.html.php string, text.xml string	#7afde1	—
punctuation.definition.string, text.html meta.embedded source.js punctuation.definition.string, text.html.php punctuation.definition.string	#4dad99	—
keyword.operator, keyword, meta.attribute.href.html string, meta.attribute.src.html string, meta.image, meta.link, punctuation.definition.block.sequence.item.yaml, punctuation.separator.key-value.makefile, source.css variable.parameter.url, source.js support.type, storage	#fff09b	—
meta.attribute.href.html punctuation.definition.string, meta.attribute.src.html punctuation.definition.string	#a39859	—
invalid.deprecated.entity.other.attribute-name.html, source.css constant.numeric, source.css entity.other.attribute-name, string.regexp meta.assertion, support.type.builtin.ts, support.type.builtin.tsx, support.type.primitive.ts, support.type.primitive.tsx	#ff9b49	—
entity.other.attribute-name.parent-selector.css, source.css entity.name.tag.reference, storage.modifier.sql	#fc644d	—
invalid.deprecated.entity.other.attribute-name.html, markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
markup.strikethrough.markdown	—	strikethrough
entity.other.inherited-class	—	underline

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