Pinky Promise Theme

Name: Pinky Promise Theme
Author: Zubair Ibn Zamir

Publisher: Zubair Ibn ZamirThemes in package: 2

T3 Chat syntax themes, colors by Lucia Scarlet.

GitHub

Color themes

VS Code preview

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

Pinky Promise Theme — Pinky Promise Dark

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#e8a5e4
activityBar.background#1d1921
activityBar.border#30363d
activityBar.foreground#d2c7e1
activityBar.inactiveForeground#7a6483
activityBarBadge.background#f888b5
activityBarBadge.foreground#1d1921
badge.background#f888b5
badge.foreground#1d1921
breadcrumb.activeSelectionForeground#7a6483
breadcrumb.focusForeground#d2c7e1
breadcrumb.foreground#7a6483
breadcrumbPicker.background#1a1419
button.background#f888b5
button.foreground#1d1921
button.hoverBackground#e8a5e4
button.secondaryBackground#1a1419
button.secondaryForeground#d2c7e1
button.secondaryHoverBackground#b55487
checkbox.background#1a1419
checkbox.border#b55487
debugConsole.errorForeground#f85149
debugConsole.infoForeground#7a6483
debugConsole.sourceForeground#ffbc9e
debugConsole.warningForeground#ffbc9e
debugConsoleInputIcon.foreground#baa4ed
debugIcon.breakpointForeground#f85149
debugTokenExpression.boolean#96d0bb
debugTokenExpression.error#f85149
debugTokenExpression.name#a2dbff
debugTokenExpression.number#ffbc9e
debugTokenExpression.string#96d0bb
debugTokenExpression.value#96d0bb
debugToolBar.background#1a1419
descriptionForeground#7a6483
diffEditor.insertedLineBackground#96d0bb26
diffEditor.insertedTextBackground#96d0bb4d
diffEditor.removedLineBackground#f8514926
diffEditor.removedTextBackground#f851494d
dropdown.background#1a1419
dropdown.border#b55487
dropdown.foreground#d2c7e1
dropdown.listBackground#1a1419
editor.background#1d1921
editor.findMatchBackground#ffbc9e
editor.findMatchHighlightBackground#ffbc9e80
editor.focusedStackFrameHighlightBackground#96d0bb66
editor.foldBackground#7a64831a
editor.foreground#d2c7e1
editor.lineHighlightBackground#7a64831a
editor.linkedEditingBackground#a2dbff12
editor.selectionHighlightBackground#96d0bb40
editor.stackFrameHighlightBackground#ffbc9e66
editor.wordHighlightBackground#7a648380
editor.wordHighlightBorder#7a648399
editor.wordHighlightStrongBackground#7a64834d
editor.wordHighlightStrongBorder#7a648399
editorBracketHighlight.foreground1#a2dbff
editorBracketHighlight.foreground2#96d0bb
editorBracketHighlight.foreground3#ffbc9e
editorBracketHighlight.foreground4#f888b5
editorBracketHighlight.foreground5#e8a5e4
editorBracketHighlight.foreground6#baa4ed
editorBracketHighlight.unexpectedBracket.foreground#7a6483
editorBracketMatch.background#96d0bb40
editorBracketMatch.border#96d0bb99
editorCursor.foreground#a2dbff
editorGroup.border#30363d
editorGroupHeader.tabsBackground#1a1419
editorGroupHeader.tabsBorder#30363d
editorGutter.addedBackground#96d0bb66
editorGutter.background#1a1419
editorGutter.deletedBackground#f8514966
editorGutter.modifiedBackground#ffbc9e66
editorIndentGuide.activeBackground#d2c7e13d
editorIndentGuide.background#d2c7e11f
editorInlayHint.background#7a648333
editorInlayHint.foreground#7a6483
editorInlayHint.paramBackground#7a648333
editorInlayHint.paramForeground#7a6483
editorInlayHint.typeBackground#7a648333
editorInlayHint.typeForeground#7a6483
editorLineNumber.activeForeground#d2c7e1
editorLineNumber.foreground#7a6483
editorOverviewRuler.border#1a1419
editorWhitespace.foreground#7a6483
editorWidget.background#1a1419
errorForeground#f85149
focusBorder#f888b5
foreground#d2c7e1
gitDecoration.addedResourceForeground#96d0bb
gitDecoration.conflictingResourceForeground#ffbc9e
gitDecoration.deletedResourceForeground#f85149
gitDecoration.ignoredResourceForeground#7a6483
gitDecoration.modifiedResourceForeground#ffbc9e
gitDecoration.submoduleResourceForeground#7a6483
gitDecoration.untrackedResourceForeground#96d0bb
icon.foreground#7a6483
input.background#1d1921
input.border#b55487
input.foreground#d2c7e1
input.placeholderForeground#7a6483
keybindingLabel.foreground#d2c7e1
list.activeSelectionBackground#7a648366
list.activeSelectionForeground#d2c7e1
list.focusBackground#f888b526
list.focusForeground#d2c7e1
list.highlightForeground#a2dbff
list.hoverBackground#7a64831a
list.hoverForeground#d2c7e1
list.inactiveFocusBackground#f888b526
list.inactiveSelectionBackground#7a648366
list.inactiveSelectionForeground#d2c7e1
minimapSlider.activeBackground#7a648347
minimapSlider.background#7a648333
minimapSlider.hoverBackground#7a64833d
notificationCenterHeader.background#1a1419
notificationCenterHeader.foreground#7a6483
notifications.background#1a1419
notifications.border#30363d
notifications.foreground#d2c7e1
notificationsErrorIcon.foreground#f85149
notificationsInfoIcon.foreground#a2dbff
notificationsWarningIcon.foreground#ffbc9e
panel.background#1a1419
panel.border#30363d
panelInput.border#30363d
panelTitle.activeBorder#e8a5e4
panelTitle.activeForeground#d2c7e1
panelTitle.inactiveForeground#7a6483
peekViewEditor.background#7a64831a
peekViewEditor.matchHighlightBackground#ffbc9e66
peekViewResult.background#1d1921
peekViewResult.matchHighlightBackground#ffbc9e66
pickerGroup.border#30363d
pickerGroup.foreground#7a6483
progressBar.background#f888b5
quickInput.background#1a1419
quickInput.foreground#d2c7e1
scrollbar.shadow#7a648333
scrollbarSlider.activeBackground#7a648347
scrollbarSlider.background#7a648333
scrollbarSlider.hoverBackground#7a64833d
settings.headerForeground#d2c7e1
settings.modifiedItemIndicator#ffbc9e66
sideBar.background#1a1419
sideBar.border#30363d
sideBar.foreground#d2c7e1
sideBarSectionHeader.background#1a1419
sideBarSectionHeader.border#30363d
sideBarSectionHeader.foreground#d2c7e1
sideBarTitle.foreground#d2c7e1
statusBar.background#1d1921
statusBar.border#30363d
statusBar.debuggingBackground#f85149
statusBar.debuggingForeground#1d1921
statusBar.focusBorder#f888b580
statusBar.foreground#d2c7e1
statusBar.noFolderBackground#1d1921
statusBarItem.activeBackground#d2c7e11f
statusBarItem.focusBorder#f888b5
statusBarItem.hoverBackground#7a648366
statusBarItem.prominentBackground#7a648366
statusBarItem.remoteBackground#b55487
statusBarItem.remoteForeground#d2c7e1
symbolIcon.arrayForeground#ffbc9e
symbolIcon.booleanForeground#a2dbff
symbolIcon.classForeground#a2dbff
symbolIcon.colorForeground#baa4ed
symbolIcon.constantForeground#ffbc9e
symbolIcon.constructorForeground#e8a5e4
symbolIcon.enumeratorForeground#a2dbff
symbolIcon.enumeratorMemberForeground#a2dbff
symbolIcon.eventForeground#7a6483
symbolIcon.fieldForeground#f2ebfa
symbolIcon.fileForeground#ffbc9e
symbolIcon.folderForeground#ffbc9e
symbolIcon.functionForeground#baa4ed
symbolIcon.interfaceForeground#a2dbff
symbolIcon.keyForeground#a2dbff
symbolIcon.keywordForeground#f888b5
symbolIcon.methodForeground#baa4ed
symbolIcon.moduleForeground#f888b5
symbolIcon.namespaceForeground#a2dbff
symbolIcon.nullForeground#a2dbff
symbolIcon.numberForeground#ffbc9e
symbolIcon.objectForeground#a2dbff
symbolIcon.operatorForeground#d2c7e1
symbolIcon.packageForeground#a2dbff
symbolIcon.propertyForeground#f2ebfa
symbolIcon.referenceForeground#a2dbff
symbolIcon.snippetForeground#a2dbff
symbolIcon.stringForeground#96d0bb
symbolIcon.structForeground#a2dbff
symbolIcon.textForeground#96d0bb
symbolIcon.typeParameterForeground#a2dbff
symbolIcon.unitForeground#a2dbff
symbolIcon.variableForeground#f2ebfa
tab.activeBackground#1d1921
tab.activeBorder#1d1921
tab.activeBorderTop#e8a5e4
tab.activeForeground#d2c7e1
tab.border#30363d
tab.hoverBackground#1d1921
tab.inactiveBackground#1a1419
tab.inactiveForeground#d2c7e1
tab.unfocusedActiveBorder#1d1921
tab.unfocusedActiveBorderTop#30363d
tab.unfocusedHoverBackground#7a64831a
terminal.ansiBlack#7a6483
terminal.ansiBlue#a2dbff
terminal.ansiBrightBlack#7a6483
terminal.ansiBrightBlue#a2dbff
terminal.ansiBrightCyan#96d0bb
terminal.ansiBrightGreen#96d0bb
terminal.ansiBrightMagenta#e8a5e4
terminal.ansiBrightRed#f888b5
terminal.ansiBrightWhite#f2ebfa
terminal.ansiBrightYellow#ffbc9e
terminal.ansiCyan#96d0bb
terminal.ansiGreen#96d0bb
terminal.ansiMagenta#baa4ed
terminal.ansiRed#f888b5
terminal.ansiWhite#d2c7e1
terminal.ansiYellow#ffbc9e
terminal.foreground#d2c7e1
textBlockQuote.background#1a1419
textBlockQuote.border#30363d
textCodeBlock.background#7a648366
textLink.activeForeground#a2dbff
textLink.foreground#a2dbff
textPreformat.background#7a648366
textPreformat.foreground#7a6483
textSeparator.foreground#b55487
titleBar.activeBackground#1d1921
titleBar.activeForeground#d2c7e1
titleBar.border#30363d
titleBar.inactiveBackground#1a1419
titleBar.inactiveForeground#7a6483
titleBaritem.hoverBackground#7a648366
tree.indentGuidesStroke#b55487
welcomePage.buttonBackground#b55487
welcomePage.buttonHoverBackground#7a6483

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment, meta.diff.header	#7a6483	italic
constant.other.placeholder, constant.character	#f888b5	—
constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language, entity, constant.language, variable.language.self, variable.language.this, variable.parameter.positional, support.constant, constant.other.caps, entity.name.function.decorator, variable.other.normal.shell	#e8a5e4	—
entity.name, meta.export.default, meta.definition.variable	#f2ebfa	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#d2c7e1	—
entity.name.function, entity.other.attribute-name, function, support.function, meta.function-call, support.function.any-method.swift, markup.inline.raw.string.markdown, markup.quote.markdown	#baa4ed	—
entity.name.tag, support.class.component	#e8a5e4	—
keyword, storage.modifier, storage.type, punctuation.separator.hash.cs, punctuation.definition.directive, keyword.operator.expression, markup.heading.markdown, markup.deleted.diff	#f888b5	—
storage, storage.type	#f888b5	—
storage.modifier.package, storage.modifier.import, storage.type.java	#d2c7e1	—
string, string punctuation.section.embedded source, markup.inserted.diff	#96d0bb	—
support, support.type, support.class, entity.name.type, entity.name.namespace, constant.other.table-name, storage.modifier.attribute.swift, entity.other.inherited-class, meta.type-name, variable.other.object.cs, entity.other.attribute-name.class.css, punctuation.definition.list.begin.markdown, support.type.property-name.json, entity.name.tag.yaml	#a2dbff	—
meta.property-name	#a2dbff	—
variable, meta.function-call.swift	#f2ebfa	—
variable.other	#d2c7e1	—
constant.numeric, entity.name.type.lifetime, meta.scope.logical-expression, constant.other.color, punctuation.definition.constant, constant.other.placeholder, constant.character.entity, meta.preprocessor, entity.name.function.preprocessor, meta.diff.range.unified	#ffbc9e	—
punctuation.brackets, punctuation.comma, punctuation.semi, keyword.operator, punctuation.definition.parameters, punctuation.definition.interpolation, punctuation.section.parens, punctuation.section.embedded, meta.parens, support.type.property-name, punctuation.definition.arguments, constant.character.format.placeholder, punctuation.definition.logical-expression.shell, punctuation.definition.variable.shell	#d2c7e1	—
invalid.broken	#f85149	italic
invalid.deprecated	#f85149	italic
invalid.illegal	#f85149	italic
invalid.unimplemented	#f85149	italic
carriage-return	#1d1921	italic underline
message.error	#f85149	—
string variable	#a2dbff	—
source.regexp, string.regexp	#96d0bb	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#96d0bb	—
string.regexp constant.character.escape	#96d0bb	bold
support.constant	#e8a5e4	—
support.variable	#a2dbff	—
support.type.property-name.json	#a2dbff	—
meta.module-reference	#a2dbff	—
punctuation.definition.list.begin.markdown	#a2dbff	—
markup.heading, markup.heading entity.name	#f888b5	bold
markup.quote	#baa4ed	—
markup.italic	#d2c7e1	italic
markup.bold	#d2c7e1	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#baa4ed	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#f85149	—
punctuation.section.embedded	#f888b5	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#96d0bb	—
markup.changed, punctuation.definition.changed	#ffbc9e	—
markup.ignored, markup.untracked	#1a1419	—
meta.diff.range	#baa4ed	bold
meta.diff.header, meta.output, meta.separator	#a2dbff	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#7a6483	—
brackethighlighter.unmatched	#f85149	—
constant.other.reference.link, string.other.link	#96d0bb	—
constant.language.boolean.true	#96d0bb	—
constant.language.boolean.false	#f85149	—

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