Anti-Gravity Pink

Name: Anti-Gravity Pink
Author: Himani Anil Patil

Publisher: Himani Anil PatilThemes in package: 1

Dark night mode with dreamy pink aesthetics

Open in VS Code GitHub

VS Code preview

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

Anti-Gravity Pink — Anti-Gravity Pink

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.activeBackground#FF6EB420
activityBar.activeBorder#FF6EB4
activityBar.background#0a000e
activityBar.border#FF6EB435
activityBar.foreground#FF6EB4
activityBar.inactiveForeground#5a3050
activityBarBadge.background#FF2D78
activityBarBadge.foreground#FFFFFF
badge.background#FF2D78
badge.foreground#FFFFFF
button.background#FF2D78
button.foreground#FFFFFF
button.hoverBackground#D485F5
button.secondaryBackground#1a0025
button.secondaryForeground#FFD6EC
checkbox.background#130018
checkbox.border#FF6EB445
checkbox.foreground#FF79C6
debugConsole.errorForeground#FF2D78
debugConsole.infoForeground#D485F5
debugConsole.warningForeground#FFB3DE
debugIcon.breakpointDisabledForeground#5a3050
debugIcon.breakpointForeground#FF2D78
debugIcon.breakpointUnverifiedForeground#FFB3DE
debugIcon.pauseForeground#FF79C6
debugIcon.startForeground#D485F5
debugIcon.stopForeground#FF2D78
dropdown.background#130018
dropdown.border#FF6EB440
dropdown.foreground#FFD6EC
dropdown.listBackground#1a0025
editor.background#0d0010
editor.findMatchBackground#FF2D7840
editor.findMatchHighlightBackground#FF6EB420
editor.focusedStackFrameHighlightBackground#D485F520
editor.foreground#FFFFFF
editor.lineHighlightBackground#FF6EB408
editor.lineHighlightBorder#FF6EB415
editor.selectionBackground#FF6EB425
editor.selectionHighlightBackground#FF6EB418
editor.stackFrameHighlightBackground#FF2D7820
editor.wordHighlightBackground#D485F520
editor.wordHighlightStrongBackground#FF6EB425
editorBracketHighlight.foreground1#FF2D78
editorBracketHighlight.foreground2#D485F5
editorBracketHighlight.foreground3#FF79C6
editorBracketHighlight.foreground4#CF6BFF
editorBracketHighlight.foreground5#FFB3DE
editorBracketHighlight.foreground6#FFD6EC
editorBracketHighlight.unexpectedBracket.foreground#FF0000
editorBracketPairGuide.activeBackground1#FF2D7830
editorBracketPairGuide.activeBackground2#D485F530
editorBracketPairGuide.activeBackground3#FF79C630
editorCursor.foreground#FF2D78
editorError.background#FF2D7815
editorError.foreground#FF2D78
editorGroupHeader.tabsBackground#0a000e
editorGroupHeader.tabsBorder#FF6EB430
editorIndentGuide.activeBackground#FF6EB435
editorIndentGuide.background#FF6EB415
editorInfo.background#D485F515
editorInfo.foreground#D485F5
editorLineNumber.activeForeground#FF2D78
editorLineNumber.foreground#4a2040
editorRuler.foreground#FF6EB420
editorWarning.background#FFB3DE15
editorWarning.foreground#FFB3DE
editorWhitespace.foreground#FF6EB430
focusBorder#FF2D7860
gitDecoration.addedResourceForeground#FF79C6
gitDecoration.conflictingResourceForeground#D485F5
gitDecoration.deletedResourceForeground#FF2D78
gitDecoration.ignoredResourceForeground#5a3050
gitDecoration.modifiedResourceForeground#FFB3DE
gitDecoration.untrackedResourceForeground#FFD6EC
input.background#110018
input.border#FF6EB445
input.foreground#FFFFFF
input.placeholderForeground#7B3F6E
inputOption.activeBackground#FF2D7830
inputOption.activeBorder#FF2D78
inputOption.activeForeground#FFFFFF
keybindingLabel.background#FF2D7820
keybindingLabel.border#FF2D7840
keybindingLabel.bottomBorder#FF2D7860
keybindingLabel.foreground#FFD6EC
list.activeSelectionBackground#FF6EB425
list.activeSelectionForeground#FFFFFF
list.focusHighlightForeground#FFD6EC
list.highlightForeground#FF2D78
list.hoverBackground#FF6EB415
list.hoverForeground#FFD6EC
list.inactiveSelectionBackground#FF6EB418
list.inactiveSelectionForeground#FFAADD
menu.background#130018
menu.border#FF6EB435
menu.foreground#FFD6EC
menu.selectionBackground#FF6EB435
menu.selectionForeground#FFFFFF
menu.separatorBackground#FF6EB430
menubar.selectionBackground#FF6EB425
menubar.selectionBorder#FF6EB450
menubar.selectionForeground#FFD6EC
minimap.errorHighlight#FF2D78
minimap.findMatchHighlight#D485F555
minimap.selectionHighlight#FF79C635
minimap.warningHighlight#FFB3DE
minimapSlider.activeBackground#FF2D7865
minimapSlider.background#FF79C625
minimapSlider.hoverBackground#FF79C645
notificationLink.foreground#FF79C6
notifications.background#130018
notifications.border#FF6EB435
notifications.foreground#FFD6EC
notificationsErrorIcon.foreground#FF2D78
notificationsInfoIcon.foreground#D485F5
notificationsWarningIcon.foreground#FFB3DE
panel.background#0d0010
panel.border#FF6EB435
panelTitle.activeBorder#FF2D78
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#5a3050
pickerGroup.border#FF2D7830
pickerGroup.foreground#FF2D78
problemsErrorIcon.foreground#FF2D78
problemsInfoIcon.foreground#D485F5
problemsWarningIcon.foreground#FFB3DE
progressBar.background#FF2D78
quickInput.background#130018
quickInput.foreground#FFD6EC
quickInputHighlightForeground#FF2D78
scrollbar.shadow#FF6EB425
scrollbarSlider.activeBackground#FF2D7865
scrollbarSlider.background#FF79C625
scrollbarSlider.hoverBackground#FF79C645
selection.background#FF6EB430
sideBar.background#0f0016
sideBar.border#FF6EB435
sideBar.foreground#FFAADD
sideBarSectionHeader.background#1c0028
sideBarSectionHeader.border#FF6EB430
sideBarSectionHeader.foreground#FFB3DE
sideBarTitle.foreground#FF6EB4
statusBar.background#130018
statusBar.border#FF6EB440
statusBar.debuggingBackground#FF2D78
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#FFB3DE
statusBar.noFolderBackground#0a000e
statusBarItem.activeBackground#FF6EB435
statusBarItem.hoverBackground#FF6EB425
statusBarItem.prominentBackground#FF6EB430
tab.activeBackground#1a0025
tab.activeBorder#FF6EB4
tab.activeBorderTop#FF79C6
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#D485F5
tab.border#FF6EB420
tab.hoverBackground#FF6EB418
tab.hoverForeground#FFD6EC
tab.inactiveBackground#0d0010
tab.inactiveForeground#9b6b8a
tab.unfocusedActiveBackground#150020
tab.unfocusedActiveForeground#FF79C6
terminal.ansiBlack#1a0025
terminal.ansiBlue#C084FC
terminal.ansiBrightBlack#7B3F6E
terminal.ansiBrightBlue#D485F5
terminal.ansiBrightCyan#CF6BFF
terminal.ansiBrightGreen#FF6EB4
terminal.ansiBrightMagenta#FF6EB4
terminal.ansiBrightRed#FF6EB4
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFD6EC
terminal.ansiCyan#D485F5
terminal.ansiGreen#FF79C6
terminal.ansiMagenta#FF2D78
terminal.ansiRed#FF2D78
terminal.ansiWhite#FFD6EC
terminal.ansiYellow#FFB3DE
terminal.background#0d0010
terminal.foreground#FFD6EC
terminal.selectionBackground#FF6EB430
terminalCursor.background#0d0010
terminalCursor.foreground#FF2D78
titleBar.activeBackground#1a0025
titleBar.activeForeground#FF79C6
titleBar.border#FF6EB450
titleBar.inactiveBackground#110018
titleBar.inactiveForeground#9b6b8a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage.type, storage.modifier, keyword.control	#FF2D78	italic bold
string, string.quoted, string.template	#FFD6EC	—
entity.name.function, support.function, meta.function-call	#D485F5	bold
variable, variable.other	#FFFFFF	—
comment, punctuation.definition.comment	#5a3050	italic
constant.numeric	#FF79C6	bold
keyword.operator	#FF2D78	bold
constant.language, support.constant	#FFB3DE	bold
keyword.control.js, keyword.control.ts, storage.type.js, storage.type.ts	#FF2D78	italic bold
entity.name.function.js, entity.name.function.ts	#D485F5	bold
entity.name.class.js, entity.name.class.ts, entity.name.type.ts	#CF6BFF	bold
storage.type.function.arrow	#FF2D78	bold
string.template.js, string.template.ts	#FFD6EC	—
support.type.primitive.ts, entity.name.type.ts	#CF6BFF	—
meta.decorator.ts, punctuation.decorator.ts	#FFB3DE	italic
keyword.control.python, storage.type.function.python	#FF2D78	italic bold
entity.name.function.python, support.function.builtin.python	#D485F5	bold
entity.name.class.python	#CF6BFF	bold
variable.language.special.self.python	#FFB3DE	italic
entity.name.function.decorator.python	#FF79C6	italic bold
string.quoted.docstring.multi.python	#7B3F6E	italic
entity.name.tag	#FF2D78	bold
punctuation.definition.tag	#FF6EB4	—
entity.other.attribute-name	#FFB3DE	—
string.quoted.double.html, string.quoted.single.html	#FFD6EC	—
meta.tag.sgml.doctype	#7B3F6E	italic
text.html.basic	#FFFFFF	—
support.type.property-name.css	#D485F5	—
support.constant.property-value.css, constant.other.color.rgb-value.css	#FFD6EC	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#FF2D78	bold
variable.css, variable.other.custom-property.name.css	#CF6BFF	—
keyword.control.java, keyword.control.cpp, keyword.control.cs	#FF2D78	italic bold
entity.name.class.java, entity.name.class.cpp, entity.name.class.cs	#CF6BFF	bold
entity.name.function.java, entity.name.function.cpp, entity.name.function.cs	#D485F5	bold
storage.type.annotation.java, meta.attribute.cs	#FFB3DE	italic
support.type.property-name.json	#FF2D78	bold
string.quoted.double.json	#FFD6EC	—
constant.numeric.json	#FF79C6	bold
constant.language.json	#D485F5	bold
constant.language.null.json	#FFB3DE	italic bold
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json	#FF2D78	bold
punctuation.definition.array.begin.json, punctuation.definition.array.end.json	#CF6BFF	bold
punctuation.separator.dictionary.key-value.json, punctuation.separator.array.json	#FF79C6	—
punctuation.definition.string.begin.json, punctuation.definition.string.end.json	#FF2D78	—
keyword.control.shell, keyword.other.shell	#FF2D78	bold
support.function.builtin.shell, entity.name.command.shell	#D485F5	bold
variable.other.normal.shell, variable.other.special.shell	#CF6BFF	—
comment.line.shebang.shell	#FFB3DE	italic bold
variable.other.env	#FF2D78	bold
string.quoted.double.env, string.unquoted.env	#FFD6EC	—
comment.line.number-sign.env	#5a3050	italic
support.module.node, support.type.object.module.node	#CF6BFF	bold
keyword.other.sql, storage.type.sql	#FF2D78	italic bold
support.function.aggregate.sql, entity.name.function.sql	#D485F5	bold
entity.name.table.sql, variable.other.table.sql	#CF6BFF	bold
string.quoted.single.sql, string.quoted.double.sql	#FFD6EC	—
constant.numeric.sql	#FF79C6	bold
comment.line.double-dash.sql, comment.block.sql	#5a3050	italic
storage.type.sql, support.type.sql	#FFB3DE	—

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