Celebrate Girls

Name: Celebrate Girls
Author: JoCee

Publisher: JoCeeThemes in package: 1

A feminine Color Theme. Because you can be female, love pink, and be an awesome programmer!

Open in VS Code GitHub

VS Code preview

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

Celebrate Girls — Celebrate Girls

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.activeBackground#FB90A2
activityBar.activeBorder#FB90A2
activityBar.activeFocusBorder#FB90A2
activityBar.background#FB90A2
activityBar.border#FB90A2
activityBar.dropBackground#484A4A
activityBar.foreground#EDF0F0
activityBar.inactiveForeground#292727
activityBarBadge.background#A94382
activityBarBadge.foreground#EDF0F0
button.background#8F396E
diffEditor.border#131212
editor.background#121212
editor.inactiveSelectionBackground#515252
editor.lineHighlightBorder#121212
editor.selectionBackground#3A3B3B
editor.selectionForeground#303B27
editor.selectionHighlightBackground#3A3B3B
editorGroup.border#000000
editorGroup.dropBackground#A94382
editorLineNumber.foreground#EDF0F0
editorWidget.background#3A3B3B
editorWidget.border#121212
editorWidget.foreground#EDF0F0
focusBorder#303030
gitDecoration.addedResourceForeground#7DAD3F
gitDecoration.modifiedResourceForeground#A94382
gitDecoration.untrackedResourceForeground#E3C07C
list.activeSelectionBackground#626363
list.errorForeground#B30000
list.invalidItemForeground#F0414F
list.warningForeground#68B8C1
menu.background#484A4A
menu.border#171415
menu.selectionBorder#484A4A
menubar.selectionBackground#484A4A
menubar.selectionBorder#484A4A
minimap.selectionHighlight#FB90A2
panel.background#393B3B
panel.border#171415
scrollbarSlider.activeBackground#5F3865
selection.background#303030
sideBar.background#303030
sideBar.border#3A3B3B
sideBar.foreground#EDF0F0
sideBarSectionHeader.background#FB90A2
sideBarSectionHeader.border#292727
sideBarSectionHeader.foreground#121212
sideBarTitle.foreground#EDF0F0
statusBar.background#303030
statusBarItem.activeBackground#3A3B3B
tab.activeBackground#121212
tab.activeForeground#EDF0F0
tab.border#121212
tab.inactiveBackground#303030
tab.inactiveForeground#d2d2d0
tab.unfocusedHoverBorder#FB90A2
terminal.border#131212
window.activeBorder#131212
window.inactiveBorder#626363

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#236476	italic
constant.other.color	#E0B4C3	—
invalid, invalid.illegal	#FF5370	—
meta.object-literal, met.object.member, meta.block, support.type.primitive	#E3C07C	—
keyword.operator, punctuation, punctuation.definition.tag, punctuation.section.embedded, punctuation.separator.inheritance.php, meta.brace.round, text.html.derivative	#D2D2D0	—
entity.other.attribute-name	#5F3865	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#A94382	—
meta.block variable.other, entity.other.attribute-name.html	#91B066	—
keyword.other, constant.escape, markup.underline, constant.numeric, support.constant, constant.language, constant.character, variable.parameter, keyword.other.unit, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
string, keyword, variable, storage.type, markup.heading, storage.modifier, constant.other.key, constant.other.symbol, markup.inserted.git_gutter, entity.other.inherited-class, string constant.other.placeholder	#68B8C1	—
variable.other.object.access, entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution, entity.name.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#FB90A2	—
support.type, source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#68B8C1	—
entity.name.tag.css	#FB90A2	—
support.type.property-name.css	#7DAD3F	—
entity.name.tag.js	#FB90A2	—
meta.jsx.children.js	#7DAD3F	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#DCDDE2	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#68B8C1	—
entity.name.method.js	#DCDDE2	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#DCDDE2	—
variable.language	#FF5370	italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name.class, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, constant.other.reference.link.markdown	#FFCB6B	italic
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C28189	—
string.regexp	#DCDDE2	—
constant.character.escape	#DCDDE2	—
url, link, uri	—	underline
source.json meta.structure.dictionary.json support.type.property-name.json	#C28189	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#DCDDE2	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C28189	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
string.quoted.double.json	#7DAD3F	—
support.type.property-name.json	#68B8C1	—
source.python	#7DAD3F	—
keyword.other.using.cs	#D2D2D0	—
keyword.other.namespace.cs, variable.other.object.cs	#7DAD3F	—
storage.type.cs	#E3C07C	—
keyword.type.cs	#F78C6C	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C28189	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic, markup.bold, markup.bold string, markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string, punctuation.definition.tag.html, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, support.other.variable, string.other.link	#f07178	italic
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#DCDDE2	—
string.other.link.description.title.markdown	#C28189	—
markup.raw.block	#C28189	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—

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