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 Light

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#b74cbb
activityBar.background#f2def5
activityBar.border#d0d7de
activityBar.foreground#673c8b
activityBar.inactiveForeground#a289a9
activityBarBadge.background#c51478
activityBarBadge.foreground#ffffff
badge.background#c51478
badge.foreground#ffffff
breadcrumb.activeSelectionForeground#a289a9
breadcrumb.focusForeground#673c8b
breadcrumb.foreground#a289a9
breadcrumbPicker.background#ffffff
button.background#c51478
button.foreground#ffffff
button.hoverBackground#b74cbb
button.secondaryBackground#f2def5
button.secondaryForeground#673c8b
button.secondaryHoverBackground#ebecf0
checkbox.background#f5edfa
checkbox.border#d0d7de
debugConsole.errorForeground#cf222e
debugConsole.infoForeground#a289a9
debugConsole.sourceForeground#d2626c
debugConsole.warningForeground#d2626c
debugConsoleInputIcon.foreground#6c4cbc
debugIcon.breakpointForeground#cf222e
debugTokenExpression.boolean#487e70
debugTokenExpression.error#cf222e
debugTokenExpression.name#5579bc
debugTokenExpression.number#d2626c
debugTokenExpression.string#487e70
debugTokenExpression.value#487e70
debugToolBar.background#ffffff
descriptionForeground#a289a9
diffEditor.insertedLineBackground#487e704d
diffEditor.insertedTextBackground#487e7080
diffEditor.removedLineBackground#cf222e4d
diffEditor.removedTextBackground#cf222e66
dropdown.background#ffffff
dropdown.border#d0d7de
dropdown.foreground#673c8b
dropdown.listBackground#ffffff
editor.background#f5edfa
editor.findMatchBackground#d2626c
editor.findMatchHighlightBackground#d2626c80
editor.focusedStackFrameHighlightBackground#487e7066
editor.foldBackground#a289a91a
editor.foreground#673c8b
editor.lineHighlightBackground#a289a980
editor.linkedEditingBackground#5579bc12
editor.selectionHighlightBackground#487e7040
editor.stackFrameHighlightBackground#d2626c66
editor.wordHighlightBackground#a289a980
editor.wordHighlightBorder#a289a999
editor.wordHighlightStrongBackground#a289a94d
editor.wordHighlightStrongBorder#a289a999
editorBracketHighlight.foreground1#5579bc
editorBracketHighlight.foreground2#487e70
editorBracketHighlight.foreground3#d2626c
editorBracketHighlight.foreground4#c51478
editorBracketHighlight.foreground5#b74cbb
editorBracketHighlight.foreground6#6c4cbc
editorBracketHighlight.unexpectedBracket.foreground#a289a9
editorBracketMatch.background#487e7040
editorBracketMatch.border#487e7099
editorCursor.foreground#5579bc
editorGroup.border#d0d7de
editorGroupHeader.tabsBackground#f5edfa
editorGroupHeader.tabsBorder#d0d7de
editorGutter.addedBackground#487e7066
editorGutter.background#f2def5
editorGutter.deletedBackground#cf222e66
editorGutter.modifiedBackground#d2626c66
editorIndentGuide.activeBackground#673c8b3d
editorIndentGuide.background#673c8b1f
editorInlayHint.background#a289a933
editorInlayHint.foreground#a289a9
editorInlayHint.paramBackground#a289a933
editorInlayHint.paramForeground#a289a9
editorInlayHint.typeBackground#a289a933
editorInlayHint.typeForeground#a289a9
editorLineNumber.activeForeground#673c8b
editorLineNumber.foreground#b55487
editorOverviewRuler.border#ffffff
editorWhitespace.foreground#a289a9
editorWidget.background#ffffff
errorForeground#cf222e
focusBorder#c51478
foreground#673c8b
gitDecoration.addedResourceForeground#487e70
gitDecoration.conflictingResourceForeground#d2626c
gitDecoration.deletedResourceForeground#cf222e
gitDecoration.ignoredResourceForeground#a289a9
gitDecoration.modifiedResourceForeground#d2626c
gitDecoration.submoduleResourceForeground#a289a9
gitDecoration.untrackedResourceForeground#487e70
icon.foreground#a289a9
input.background#ffffff
input.border#d0d7de
input.foreground#673c8b
input.placeholderForeground#a289a9
keybindingLabel.foreground#673c8b
list.activeSelectionBackground#a289a933
list.activeSelectionForeground#673c8b
list.focusBackground#f2def5
list.focusForeground#673c8b
list.highlightForeground#5579bc
list.hoverBackground#a289a980
list.hoverForeground#673c8b
list.inactiveFocusBackground#f2def5
list.inactiveSelectionBackground#a289a933
list.inactiveSelectionForeground#673c8b
minimapSlider.activeBackground#a289a947
minimapSlider.background#a289a933
minimapSlider.hoverBackground#a289a93d
notificationCenterHeader.background#f5edfa
notificationCenterHeader.foreground#a289a9
notifications.background#ffffff
notifications.border#d0d7de
notifications.foreground#673c8b
notificationsErrorIcon.foreground#cf222e
notificationsInfoIcon.foreground#5579bc
notificationsWarningIcon.foreground#d2626c
panel.background#f5edfa
panel.border#d0d7de
panelInput.border#d0d7de
panelTitle.activeBorder#b74cbb
panelTitle.activeForeground#673c8b
panelTitle.inactiveForeground#a289a9
pickerGroup.border#d0d7de
pickerGroup.foreground#a289a9
progressBar.background#c51478
quickInput.background#ffffff
quickInput.foreground#673c8b
scrollbar.shadow#a289a933
scrollbarSlider.activeBackground#a289a947
scrollbarSlider.background#a289a933
scrollbarSlider.hoverBackground#a289a93d
settings.headerForeground#673c8b
settings.modifiedItemIndicator#d2626c66
sideBar.background#f5edfa
sideBar.border#d0d7de
sideBar.foreground#673c8b
sideBarSectionHeader.background#f5edfa
sideBarSectionHeader.border#d0d7de
sideBarSectionHeader.foreground#673c8b
sideBarTitle.foreground#673c8b
statusBar.background#f2def5
statusBar.border#d0d7de
statusBar.debuggingBackground#cf222e
statusBar.debuggingForeground#ffffff
statusBar.focusBorder#c5147880
statusBar.foreground#673c8b
statusBar.noFolderBackground#ffffff
statusBarItem.activeBackground#673c8b1f
statusBarItem.focusBorder#c51478
statusBarItem.hoverBackground#673c8b14
statusBarItem.prominentBackground#a289a933
statusBarItem.remoteBackground#f2def5
statusBarItem.remoteForeground#673c8b
symbolIcon.arrayForeground#d2626c
symbolIcon.booleanForeground#5579bc
symbolIcon.classForeground#5579bc
symbolIcon.colorForeground#6c4cbc
symbolIcon.constantForeground#d2626c
symbolIcon.constructorForeground#b74cbb
symbolIcon.enumeratorForeground#5579bc
symbolIcon.enumeratorMemberForeground#5579bc
symbolIcon.eventForeground#a289a9
symbolIcon.fieldForeground#563271
symbolIcon.fileForeground#d2626c
symbolIcon.folderForeground#d2626c
symbolIcon.functionForeground#6c4cbc
symbolIcon.interfaceForeground#5579bc
symbolIcon.keyForeground#5579bc
symbolIcon.keywordForeground#c51478
symbolIcon.methodForeground#6c4cbc
symbolIcon.moduleForeground#c51478
symbolIcon.namespaceForeground#5579bc
symbolIcon.nullForeground#5579bc
symbolIcon.numberForeground#d2626c
symbolIcon.objectForeground#5579bc
symbolIcon.operatorForeground#673c8b
symbolIcon.packageForeground#5579bc
symbolIcon.propertyForeground#563271
symbolIcon.referenceForeground#5579bc
symbolIcon.snippetForeground#5579bc
symbolIcon.stringForeground#487e70
symbolIcon.structForeground#5579bc
symbolIcon.textForeground#487e70
symbolIcon.typeParameterForeground#5579bc
symbolIcon.unitForeground#5579bc
symbolIcon.variableForeground#563271
tab.activeBackground#f2def5
tab.activeBorder#e8a5e4
tab.activeBorderBottom#e8a5e4
tab.activeForeground#673c8b
tab.border#d0d7de
tab.hoverBackground#fcfcfc
tab.inactiveBackground#f5edfa
tab.inactiveForeground#7a6483
tab.unfocusedActiveBorder#ffffff
tab.unfocusedActiveBorderTop#d0d7de
tab.unfocusedHoverBackground#a289a980
terminal.ansiBlack#a289a9
terminal.ansiBlue#5579bc
terminal.ansiBrightBlack#a289a9
terminal.ansiBrightBlue#5579bc
terminal.ansiBrightCyan#487e70
terminal.ansiBrightGreen#487e70
terminal.ansiBrightMagenta#b74cbb
terminal.ansiBrightRed#c51478
terminal.ansiBrightWhite#563271
terminal.ansiBrightYellow#d2626c
terminal.ansiCyan#487e70
terminal.ansiGreen#487e70
terminal.ansiMagenta#6c4cbc
terminal.ansiRed#c51478
terminal.ansiWhite#673c8b
terminal.ansiYellow#d2626c
terminal.foreground#673c8b
textBlockQuote.background#f2def5
textBlockQuote.border#d0d7de
textCodeBlock.background#a289a933
textLink.activeForeground#5579bc
textLink.foreground#5579bc
textPreformat.background#a289a933
textPreformat.foreground#a289a9
textSeparator.foreground#d0d7de
titleBar.activeBackground#f2def5
titleBar.activeForeground#673c8b
titleBar.border#d0d7de
titleBar.inactiveBackground#f5edfa
titleBar.inactiveForeground#a289a9
tree.indentGuidesStroke#baa4ed
welcomePage.buttonBackground#f5edfa
welcomePage.buttonHoverBackground#f2def5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment, meta.diff.header	#a289a9	italic
constant.other.placeholder, constant.character	#c51478	—
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	#b74cbb	—
entity.name, meta.export.default, meta.definition.variable	#563271	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#673c8b	—
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	#6c4cbc	—
entity.name.tag, support.class.component	#b74cbb	—
keyword, storage.modifier, storage.type, punctuation.separator.hash.cs, punctuation.definition.directive, keyword.operator.expression, markup.heading.markdown, markup.deleted.diff	#c51478	—
storage, storage.type	#c51478	—
storage.modifier.package, storage.modifier.import, storage.type.java	#673c8b	—
string, string punctuation.section.embedded source, markup.inserted.diff	#487e70	—
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	#5579bc	—
meta.property-name	#5579bc	—
variable, meta.function-call.swift	#563271	—
variable.other	#673c8b	—
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	#d2626c	—
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	#673c8b	—
invalid.broken	#cf222e	italic
invalid.deprecated	#cf222e	italic
invalid.illegal	#cf222e	italic
invalid.unimplemented	#cf222e	italic
carriage-return	#f5edfa	italic underline
message.error	#cf222e	—
string variable	#5579bc	—
source.regexp, string.regexp	#487e70	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#487e70	—
string.regexp constant.character.escape	#487e70	bold
support.constant	#b74cbb	—
support.variable	#5579bc	—
support.type.property-name.json	#5579bc	—
meta.module-reference	#5579bc	—
punctuation.definition.list.begin.markdown	#5579bc	—
markup.heading, markup.heading entity.name	#c51478	bold
markup.quote	#6c4cbc	—
markup.italic	#673c8b	italic
markup.bold	#673c8b	bold
markup.underline	—	underline
markup.strikethrough	—	strikethrough
markup.inline.raw	#6c4cbc	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#cf222e	—
punctuation.section.embedded	#c51478	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#487e70	—
markup.changed, punctuation.definition.changed	#d2626c	—
markup.ignored, markup.untracked	#f2def5	—
meta.diff.range	#6c4cbc	bold
meta.diff.header, meta.output, meta.separator	#5579bc	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#a289a9	—
brackethighlighter.unmatched	#cf222e	—
constant.other.reference.link, string.other.link	#487e70	—
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}!`;
}