pastel_inu

Name: pastel_inu
Author: d end

Publisher: d endThemes in package: 2

pastel cyberpunk inspired theme

Open in VS Code GitHub

Color themes

VS Code preview

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

pastel_inu — pastel_inu-focus

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.background#24273a
activityBar.foreground#7ac3ff
activityBarBadge.background#24273a
activityBarBadge.foreground#fc50b4
button.background#24273a
button.border#8a3868
button.foreground#7ac3ff
debugToolBar.background#24273a
dropdown.background#24273a
dropdown.border#7ac3ff
dropdown.foreground#7ac3ff
dropdown.listBackground#24273a
editor.background#24273a
editor.findMatchBackground#8a3868
editor.foreground#eb87b6
editor.lineHighlightBackground#8a3868a1
editor.selectionBackground#f825c34f
editor.wordHighlightTextBackground#8a3868
editorBracketHighlight.foreground1#d179ee
editorBracketHighlight.foreground2#7ac3ff
editorBracketHighlight.foreground3#ff38b3
editorBracketHighlight.foreground4#eb87b6
editorBracketHighlight.foreground5#4fc8b7
editorBracketMatch.background#ff005533
editorBracketMatch.border#ff38b3
editorCodeLens.foreground#eb87b688
editorCursor.background#161616
editorCursor.foreground#FDFD96
editorGroup.border#8a386800
editorGroup.dropBackground#24273a
editorGroupHeader.tabsBackground#24273a
editorGutter.addedBackground#4fc8b7
editorGutter.background#24273a
editorGutter.deletedBackground#ff38b3
editorGutter.modifiedBackground#7ac3ff
editorIndentGuide.activeBackground1#8a3868
editorIndentGuide.background1#8a386800
editorLineNumber.activeForeground#7ac3ff
editorLineNumber.foreground#eb87b6
editorSuggestWidget.background#24273a
editorSuggestWidget.border#8a3868
editorSuggestWidget.focusHighlightForeground#eb87b6
editorSuggestWidget.highlightForeground#eb87b6
editorSuggestWidget.selectedBackground#8a3868
editorWidget.background#24273a
errorLens.errorBackground#ff38b310
errorLens.errorForeground#ff38b3
errorLens.infoBackground#7ac3ff10
errorLens.infoForeground#7ac3ff
errorLens.warningBackground#fdfd9610
errorLens.warningForeground#FDFD96
focusBorder#8a3868
foreground#eb87b6
gitDecoration.conflictingResourceForeground#d179ee
gitDecoration.deletedResourceForeground#ff38b3
gitDecoration.ignoredResourceForeground#699dad
gitDecoration.modifiedResourceForeground#7ac3ff
gitDecoration.submoduleResourceForeground#eb87b6
gitDecoration.untrackedResourceForeground#4fc8b7
gitlens.lineHighlightBackgroundColor#ce7d8df3
gitlens.lineHighlightOverviewRulerColor#f9e2af
gitlens.trailingLineForegroundColor#eb87b688
icon.foreground#7ac3ff
inlineChat.shadow#fc50b4
input.background#3429469e
inputOption.hoverBackground#24273a
inputValidation.errorBackground#53001ce5
inputValidation.errorBorder#ff38b3
inputValidation.infoBackground#002f6de8
inputValidation.infoBorder#7ac3ff
inputValidation.warningBorder#f9e2af
list.activeSelectionBackground#3f2131
list.activeSelectionForeground#7ac3ff
list.dropBackground#24273a
list.errorForeground#ff38b3
list.filterMatchBackground#8a3868
list.focusBackground#8a3868
list.focusHighlightForeground#eb87b6
list.highlightForeground#eb87b6
list.hoverBackground#8a3868
list.inactiveSelectionBackground#3f2131
list.warningForeground#f9e2af
listFilterWidget.shadow#fc50b4
merge.incomingContentBackground#003cff42
merge.incomingHeaderBackground#3545776b
notificationCenter.border#8a3868
panel.border#8a386800
panelSection.dropBackground#24273a
panelTitle.activeBorder#7ac3ff
panelTitle.activeForeground#7ac3ff
peekView.border#8a3868
peekViewEditor.background#24273a
peekViewEditor.matchHighlightBackground#FDFD96
peekViewResult.background#8a3868
peekViewResult.fileForeground#7ac3ff
peekViewResult.lineForeground#7ac3ff
peekViewResult.selectionBackground#3f2131
peekViewResult.selectionForeground#7ac3ff
peekViewTitle.background#8a3868
peekViewTitleDescription.foreground#eb87b6
peekViewTitleLabel.foreground#7ac3ff
pickerGroup.foreground#7ac3ff
progressBar.background#eb87b6
quickInput.background#24273a
quickInput.foreground#7ac3ff
quickInputList.focusBackground#8a3868
scrollbar.shadow#fc50b4
scrollbarSlider.activeBackground#7ac3ff
scrollbarSlider.background#24273a
scrollbarSlider.hoverBackground#8a3868
sideBar.background#24273a
sideBar.border#8a386800
sideBar.dropBackground#24273a
sideBarSectionHeader.background#24273a
statusBar.background#24273a
statusBar.debuggingBackground#24273a
statusBar.debuggingForeground#7ac3ff
statusBar.foreground#eb87b6
statusBar.noFolderBackground#24273a
tab.activeBackground#24273a
tab.activeBorder#eb87b6
tab.activeForeground#eb87b6
tab.border#8a386800
tab.hoverBackground#8a3868
tab.inactiveBackground#24273a
tab.inactiveForeground#eb87b6
terminal.ansiBlack#8a3868
terminal.ansiBlue#7ac3ff
terminal.ansiBrightBlack#8a3868
terminal.ansiBrightBlue#7ac3ff
terminal.ansiBrightCyan#F2D5CF
terminal.ansiBrightGreen#4fc8b7
terminal.ansiBrightMagenta#d179ee
terminal.ansiBrightRed#fc50b4
terminal.ansiBrightWhite#699dad
terminal.ansiBrightYellow#f9e2af
terminal.ansiCyan#F2D5CF
terminal.ansiGreen#4fc8b7
terminal.ansiMagenta#d179ee
terminal.ansiRed#fc50b4
terminal.ansiWhite#699dad
terminal.ansiYellow#f9e2af
terminal.border#8a386800
terminal.dropBackground#24273a
terminal.foreground#eb87b6
terminalCursor.foreground#FDFD96
textLink.activeForeground#7ac3ff
textLink.foreground#4fc8b7
titleBar.activeBackground#24273a
titleBar.activeForeground#eb87b6
titleBar.inactiveBackground#24273a
toolbar.hoverBackground#24273a
tree.indentGuidesStroke#8a386800
widget.shadow#fc50b4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
storage.modifier	#f9e2af
storage.type, support	#d179ee
comment, punctuation.definition.comment	#699dad	italic
variable, source.python, entity.name.tag	#fc50b4
invalid, invalid.illegal	#ff0000
keyword.operator, punctuation.separator.clause-head-body	#7ac3ff
keyword.control	#f9e2af
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.other, meta.function.erlang, meta.directive.erlang, meta.expression.parenthesized, meta.directive.define.erlang	#fc50b4
keyword.control.directive	#f9e2af
meta.function-call, meta.method-call, entity.name.function.call, variable.function, support.function, keyword.other.special-method, meta.paragraph, entity.other	#7ac3ff
entity.name.function.definition, meta.function.erlang, meta.function, meta.directive.export.erlang	#d179ee
entity.name.function.macro.definition.erlang, entity.name.function.macro.erlang, entity.name.type.class.record.definition.erlang, entity.name.type.class.record.erlang, keyword.operator.record.erlang, keyword.operator.macro.erlang	#eb87b6
punctuation.separator.record-field.erlang, variable.other.field.erlang, meta.attribute	#7ac3ff
entity.name.type.class.module.definition.erlang, entity.name.type.class.module.erlang, entity.name.type.class.behaviour.definition.erlang, entity.name.type.class	#eb87b6
variable.function	#7ac3ff
keyword.other.special-method	#7ac3ff
constant.numeric, constant.language, support.constant, constant.character, constant.escape	#4fc8b7	underline
constant.other.symbol, constant.other.key	#4fc8b7
string, punctuation.definition.string.end, punctuation.definition.string.begin, punctuation.definition.binary.begin, punctuation.definition.binary.end, meta.structure.binary.erlang	#4fc8b7	italic
token.info-token	#6796e6
token.warn-token	#977236
token.error-token	#ff004c
token.debug-token	#b267e6
string.quoted.double.json.comments, string.json.comments	#fc50b4
constant.character.escape.json.comments	#7ac3ff
support.type.property-name.json.comments	#7ac3ff
support.type.property-name.json	#7ac3ff
punctuation.support.type.property-name.begin.json	#7ac3ff
punctuation.support.type.property-name.end.json	#7ac3ff
punctuation.definition.string.begin.json	#fc50b4
punctuation.definition.string.end.json	#fc50b4
string.quoted.double.json	#fc50b4
constant.numeric.json	#fc50b4
constant.language.json	#fc50b4

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