Sleepy Sakura

Name: Sleepy Sakura
Author: Rethya

Publisher: RethyaThemes in package: 1

A colour theme based on a pink, yellow and blue palette.

Open in VS Code

VS Code preview

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

Sleepy Sakura — Sleepy Sakura

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#0000
activityBar.activeBorder#0000
activityBar.activeFocusBorder#0000
activityBar.background#1C151A
activityBar.border#0000
activityBar.dropBorder#6e6a8633
activityBar.foreground#e0def4
activityBar.inactiveForeground#555169
activityBarBadge.background#ebbcba
activityBarBadge.foreground#1C151A
badge.background#ebbcba
badge.foreground#1C151A
breadcrumb.activeSelectionForeground#ebbcba
breadcrumb.background#1C151A
breadcrumb.focusForeground#6e6a86
breadcrumb.foreground#555169
breadcrumbPicker.background#191318
button.background#6e6a8633
button.foreground#e0def4
button.hoverBackground#ebbcba80
checkbox.background#191318
checkbox.border#1C151A
checkbox.foreground#FF8080
contrastActiveBorder#0000
contrastBorder#0000
debugExceptionWidget.background#191318
debugExceptionWidget.border#0000
debugIcon.breakpointCurrentStackframeForeground#e0def4
debugIcon.breakpointDisabledForeground#e0def4
debugIcon.breakpointForeground#e0def4
debugIcon.breakpointStackframeForeground#e0def4
debugIcon.breakpointUnverifiedForeground#e0def4
debugIcon.continueForeground#e0def4
debugIcon.disconnectForeground#e0def4
debugIcon.pauseForeground#e0def4
debugIcon.restartForeground#e0def4
debugIcon.startForeground#e0def4
debugIcon.stepBackForeground#e0def4
debugIcon.stepIntoForeground#e0def4
debugIcon.stepOutForeground#e0def4
debugIcon.stepOverForeground#e0def4
debugIcon.stopForeground#eb6f92
debugToolBar.background#191318
debugToolBar.border#26233a
descriptionForeground#6e6a86
diffEditor.border#26233a
diffEditor.diagonalFill#6e6a8666
diffEditor.insertedTextBackground#9ccfd814
diffEditor.insertedTextBorder#9ccfd880
diffEditor.removedTextBackground#eb6f9214
diffEditor.removedTextBorder#eb6f9280
dropdown.background#191318
dropdown.border#26233a
dropdown.foreground#e0def4
dropdown.listBackground#191318
editor.background#1C151A
editor.findMatchBackground#6e6a8666
editor.findMatchBorder#0000
editor.findMatchHighlightBackground#6e6a8666
editor.findMatchHighlightBorder#0000
editor.findRangeHighlightBackground#6e6a8666
editor.findRangeHighlightBorder#0000
editor.focusedStackFrameHighlightBackground#6e6a8633
editor.foldBackground#191318
editor.foreground#e0def4
editor.hoverHighlightBackground#0000
editor.inactiveSelectionBackground#6e6a861a
editor.lineHighlightBackground#6e6a861a
editor.lineHighlightBorder#0000
editor.rangeHighlightBackground#6e6a861a
editor.rangeHighlightBorder#0000
editor.selectionBackground#6e6a8633
editor.selectionForeground#e0def4
editor.selectionHighlightBackground#6e6a8633
editor.selectionHighlightBorder#0000
editor.snippetFinalTabstopHighlightBackground#6e6a8633
editor.snippetFinalTabstopHighlightBorder#191318
editor.snippetTabstopHighlightBackground#6e6a8633
editor.snippetTabstopHighlightBorder#191318
editor.stackFrameHighlightBackground#6e6a8633
editor.symbolHighlightBackground#6e6a8633
editor.symbolHighlightBorder#0000
editor.wordHighlightBackground#6e6a8633
editor.wordHighlightBorder#0000
editor.wordHighlightStrongBackground#6e6a8633
editor.wordHighlightStrongBorder#6e6a8633
editorBracketMatch.background#0000
editorBracketMatch.border#6e6a86
editorCodeLens.foreground#ebbcba
editorCursor.background#1C151A
editorCursor.foreground#ebbcba80
editorError.border#0000
editorError.foreground#eb6f92
editorGroup.border#0000
editorGroup.dropBackground#191318
editorGroup.emptyBackground#0000
editorGroup.focusedEmptyBorder#0000
editorGroupHeader.noTabsBackground#0000
editorGroupHeader.tabsBackground#0000
editorGroupHeader.tabsBorder#0000
editorGutter.addedBackground#9ccfd8
editorGutter.background#0000
editorGutter.commentRangeForeground#6e6a86
editorGutter.deletedBackground#eb6f92
editorGutter.foldingControlForeground#c4a7e7
editorGutter.modifiedBackground#ebbcba
editorHint.border#0000
editorHint.foreground#6e6a86
editorHoverWidget.background#191318
editorHoverWidget.border#0000
editorHoverWidget.foreground#e0def4
editorHoverWidget.statusBarBackground#0000
editorIndentGuide.activeBackground#555169
editorIndentGuide.background#6e6a8666
editorInfo.border#26233a
editorInfo.foreground#e0def4
editorLightBulb.foreground#31748f
editorLightBulbAutoFix.foreground#ebbcba
editorLineNumber.activeForeground#e0def4
editorLineNumber.foreground#6e6a86
editorLink.activeForeground#ebbcba
editorMarkerNavigation.background#191318
editorMarkerNavigationError.background#191318
editorMarkerNavigationInfo.background#191318
editorMarkerNavigationWarning.background#191318
editorOverviewRuler.addedForeground#9ccfd880
editorOverviewRuler.background#1C151A
editorOverviewRuler.border#0000
editorOverviewRuler.bracketMatchForeground#6e6a86
editorOverviewRuler.commonContentForeground#6e6a8666
editorOverviewRuler.currentContentForeground#6e6a8666
editorOverviewRuler.deletedForeground#eb6f9280
editorOverviewRuler.errorForeground#FF8080
editorOverviewRuler.findMatchForeground#6e6a8666
editorOverviewRuler.incomingContentForeground#9ccfd880
editorOverviewRuler.infoForeground#c4a7e780
editorOverviewRuler.modifiedForeground#ebbcba80
editorOverviewRuler.rangeHighlightForeground#6e6a8666
editorOverviewRuler.selectionHighlightForeground#6e6a8666
editorOverviewRuler.warningForeground#c4a7e780
editorOverviewRuler.wordHighlightForeground#6e6a8666
editorOverviewRuler.wordHighlightStrongForeground#6e6a8666
editorPane.background#0000
editorRuler.foreground#6e6a8666
editorSuggestWidget.background#191318
editorSuggestWidget.border#0000
editorSuggestWidget.foreground#6e6a86
editorSuggestWidget.highlightForeground#e0def4
editorSuggestWidget.selectedBackground#6e6a8633
editorUnnecessaryCode.border#0000
editorUnnecessaryCode.opacity#00000080
editorWarning.border#0000
editorWarning.foreground#f6c177
editorWhitespace.foreground#555169
editorWidget.background#191318
editorWidget.border#26233a
editorWidget.foreground#6e6a86
editorWidget.resizeBorder#555169
errorForeground#eb6f92
extensionBadge.remoteBackground#ebbcba
extensionBadge.remoteForeground#1C151A
extensionButton.prominentBackground#0000
extensionButton.prominentForeground#ebbcba
extensionButton.prominentHoverBackground#6e6a8633
focusBorder#0000
foreground#e0def4
gitDecoration.addedResourceForeground#9ccfd8
gitDecoration.conflictingResourceForeground#FFC5DC
gitDecoration.deletedResourceForeground#6e6a86
gitDecoration.ignoredResourceForeground#555169
gitDecoration.modifiedResourceForeground#ebbcba
gitDecoration.submoduleResourceForeground#FF8080
gitDecoration.untrackedResourceForeground#FF8080
icon.foreground#6e6a86
imagePreview.border#26233a
input.background#191318
input.border#26233a
input.foreground#e0def4
input.placeholderForeground#6e6a86
inputOption.activeBackground#31748f
inputOption.activeBorder#0000
inputValidation.errorBackground#0000
inputValidation.errorBorder#0000
inputValidation.errorForeground#eb6f92
inputValidation.infoBackground#0000
inputValidation.infoBorder#0000
inputValidation.infoForeground#e0def4
inputValidation.warningBackground#0000
inputValidation.warningBorder#0000
inputValidation.warningForeground#9ccfd880
list.activeSelectionBackground#6e6a8633
list.activeSelectionForeground#e0def4
list.deemphasizedForeground#6e6a86
list.dropBackground#191318
list.errorForeground#eb6f92
list.filterMatchBackground#191318
list.filterMatchBorder#ebbcba
list.focusBackground#6e6a8666
list.focusForeground#e0def4
list.highlightForeground#ebbcba
list.hoverBackground#6e6a8633
list.hoverForeground#e0def4
list.inactiveFocusBackground#6e6a861a
list.inactiveSelectionBackground#6e6a861a
list.inactiveSelectionForeground#e0def4
list.invalidItemForeground#eb6f92
list.warningForeground#f6c177
listFilterWidget.background#191318
listFilterWidget.noMatchesOutline#eb6f92
listFilterWidget.outline#26233a
menu.background#1C151A
menu.border#0000
menu.foreground#e0def4
menu.selectionBackground#6e6a8633
menu.selectionBorder#26233a
menu.selectionForeground#e0def4
menu.separatorBackground#e0def4
menubar.selectionBackground#6e6a8633
menubar.selectionBorder#0000
menubar.selectionForeground#e0def4
merge.border#26233a
merge.commonContentBackground#6e6a8633
merge.commonHeaderBackground#6e6a8633
merge.currentContentBackground#f6c17780
merge.currentHeaderBackground#f6c17780
merge.incomingContentBackground#9ccfd880
merge.incomingHeaderBackground#9ccfd880
minimap.background#191318
minimap.errorHighlight#eb6f9280
minimap.findMatchHighlight#6e6a8633
minimap.selectionHighlight#6e6a8633
minimap.warningHighlight#f6c17780
minimapGutter.addedBackground#D0EED5
minimapGutter.deletedBackground#FFA6BE
minimapGutter.modifiedBackground#ebbcba
minimapSlider.activeBackground#555169
minimapSlider.background#6e6a8633
minimapSlider.hoverBackground#6e6a8633
notificationCenter.border#26233a
notificationCenterHeader.background#191318
notificationCenterHeader.foreground#6e6a86
notificationLink.foreground#ebbcba
notifications.background#191318
notifications.border#26233a
notifications.foreground#e0def4
notificationsErrorIcon.foreground#eb6f92
notificationsInfoIcon.foreground#e0def4
notificationsWarningIcon.foreground#f6c177
notificationToast.border#26233a
panel.background#191318
panel.border#0000
panelInput.border#191318
panelTitle.activeBorder#0000
panelTitle.activeForeground#e0def4
panelTitle.inactiveForeground#6e6a86
peekView.border#0000
peekViewEditor.background#191318
peekViewEditor.matchHighlightBackground#6e6a8633
peekViewEditor.matchHighlightBorder#0000
peekViewEditorGutter.background#191318
peekViewResult.background#191318
peekViewResult.fileForeground#e0def4
peekViewResult.lineForeground#6e6a86
peekViewResult.matchHighlightBackground#6e6a8633
peekViewResult.selectionBackground#6e6a8633
peekViewResult.selectionForeground#e0def4
peekViewTitle.background#191318
peekViewTitleDescription.foreground#6e6a86
peekViewTitleLabel.foreground#e0def4
pickerGroup.border#0000
pickerGroup.foreground#ebbcba
problemsErrorIcon.foreground#eb6f92
problemsInfoIcon.foreground#e0def4
problemsWarningIcon.foreground#f6c177
progressBar.background#9ccfd8
quickInput.background#191318
quickInput.foreground#6e6a86
scrollbar.shadow#0000
scrollbarSlider.activeBackground#6e6a8666
scrollbarSlider.background#6e6a861a
scrollbarSlider.hoverBackground#6e6a8633
searchEditor.findMatchBackground#6e6a8633
searchEditor.findMatchBorder#0000
searchEditor.textInputBorder#0000
selection.background#6e6a8666
settings.checkboxBackground#191318
settings.checkboxBorder#26233a
settings.checkboxForeground#ebbcba
settings.dropdownBackground#191318
settings.dropdownBorder#26233a
settings.dropdownForeground#e0def4
settings.dropdownListBorder#0000
settings.focusedRowBackground#191318
settings.headerForeground#e0def4
settings.modifiedItemIndicator#ebbcba
settings.numberInputBackground#191318
settings.numberInputBorder#26233a
settings.numberInputForeground#e0def4
settings.textInputBackground#191318
settings.textInputBorder#26233a
settings.textInputForeground#e0def4
sideBar.background#1C151A
sideBar.border#0000
sideBar.dropBackground#191318
sideBar.foreground#6e6a86
sideBarSectionHeader.background#0000
sideBarSectionHeader.border#0000
sideBarSectionHeader.foreground#555169
sideBarTitle.foreground#555169
statusBar.background#1C151A
statusBar.border#0000
statusBar.debuggingBackground#191318
statusBar.debuggingBorder#0000
statusBar.debuggingForeground#e0def4
statusBar.foreground#6e6a86
statusBar.noFolderBackground#1C151A
statusBar.noFolderBorder#0000
statusBar.noFolderForeground#6e6a86
statusBarItem.activeBackground#6e6a8633
statusBarItem.hoverBackground#6e6a8633
statusBarItem.prominentBackground#e0def4
statusBarItem.prominentForeground#1C151A
statusBarItem.prominentHoverBackground#6e6a8633
statusBarItem.remoteBackground#191318
statusBarItem.remoteForeground#e0def4
symbolIcon.arrayForeground#e0def4
symbolIcon.booleanForeground#e0def4
symbolIcon.classForeground#e0def4
symbolIcon.colorForeground#e0def4
symbolIcon.constantForeground#e0def4
symbolIcon.constructorForeground#e0def4
symbolIcon.enumeratorForeground#e0def4
symbolIcon.enumeratorMemberForeground#e0def4
symbolIcon.eventForeground#e0def4
symbolIcon.fieldForeground#e0def4
symbolIcon.fileForeground#e0def4
symbolIcon.folderForeground#e0def4
symbolIcon.functionForeground#e0def4
symbolIcon.interfaceForeground#e0def4
symbolIcon.keyForeground#e0def4
symbolIcon.keywordForeground#e0def4
symbolIcon.methodForeground#e0def4
symbolIcon.moduleForeground#e0def4
symbolIcon.namespaceForeground#e0def4
symbolIcon.nullForeground#e0def4
symbolIcon.numberForeground#e0def4
symbolIcon.objectForeground#e0def4
symbolIcon.operatorForeground#e0def4
symbolIcon.packageForeground#e0def4
symbolIcon.propertyForeground#e0def4
symbolIcon.referenceForeground#e0def4
symbolIcon.snippetForeground#e0def4
symbolIcon.stringForeground#e0def4
symbolIcon.structForeground#e0def4
symbolIcon.textForeground#e0def4
symbolIcon.typeParameterForeground#e0def4
symbolIcon.unitForeground#e0def4
symbolIcon.variableForeground#e0def4
tab.activeBackground#6e6a861a
tab.activeBorder#0000
tab.activeBorderTop#0000
tab.activeForeground#e0def4
tab.activeModifiedBorder#0000
tab.border#0000
tab.hoverBackground#6e6a8633
tab.hoverBorder#0000
tab.hoverForeground#e0def4
tab.inactiveBackground#0000
tab.inactiveForeground#555169
tab.inactiveModifiedBorder#0000
tab.unfocusedActiveBackground#0000
tab.unfocusedActiveBorder#0000
tab.unfocusedActiveBorderTop#0000
tab.unfocusedActiveForeground#e0def4
tab.unfocusedActiveModifiedBorder#0000
tab.unfocusedHoverBackground#0000
tab.unfocusedHoverBorder#0000
tab.unfocusedInactiveForeground#555169
tab.unfocusedInactiveModifiedBorder#0000
terminal.ansiBlack#6e6a86
terminal.ansiBlue#FFA6BE
terminal.ansiBrightBlack#6e6a86
terminal.ansiBrightBlue#FFA6BE
terminal.ansiBrightCyan#FFE593
terminal.ansiBrightGreen#9ccfd8
terminal.ansiBrightMagenta#c4a7e7
terminal.ansiBrightRed#eb6f92
terminal.ansiBrightWhite#e0def4
terminal.ansiBrightYellow#72CBC5
terminal.ansiCyan#ebbcba
terminal.ansiGreen#c2f0ca
terminal.ansiMagenta#FFA6BE
terminal.ansiRed#FF8080
terminal.ansiWhite#e0def4
terminal.ansiYellow#FFE593
terminal.background#191318
terminal.border#0000
terminal.foreground#e0def4
terminal.selectionBackground#6e6a8633
terminalCursor.background#1C151A
terminalCursor.foreground#9ccfd880
textBlockQuote.background#191318
textBlockQuote.border#0000
textCodeBlock.background#6e6a8633
textLink.activeForeground#ebbcba
textLink.foreground#ebbcba
textPreformat.foreground#FF8080
textSeparator.foreground#555169
titleBar.activeBackground#1C151A
titleBar.activeForeground#6e6a86
titleBar.border#0000
titleBar.inactiveBackground#1C151A
titleBar.inactiveForeground#555169
tree.indentGuidesStroke#6e6a86
walkThrough.embeddedEditorBackground#1C151A
welcomePage.background#1C151A
welcomePage.buttonBackground#1C151A
welcomePage.buttonHoverBackground#191318
widget.shadow#0101011a
window.activeBorder#191318
window.inactiveBorder#191318

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#533f4e	italic
constant	#FF8080	—
constant.numeric, constant.language, constant.charcter.escape	#ffe49b	—
entity.name	#72CBC5	—
entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type, entity.name.function	#FFA6BE	—
entity.other.attribute-name, entity.other.inherited-class	#72CBC5	italic
support.type.builtin	#ffe49b	italic
invalid	#FF467F	—
invalid.deprecated	#6d5366	—
keyword	#72CBC5	—
keyword.operator.assignment	#72CBC5	—
entity.name.function.label.ahk	#72CBC5	—
support.type.property-name.json.comments	#72CBC5	—
meta.tag, meta.brace	#e0def4	—
meta.import, meta.export	#72CBC5	—
meta.directive.vue	#FFC5DC	italic
meta.property-name.css	#FFC6C6	—
meta.property-value.css	#72CBC5	—
meta.tag.other.html	#6d5366	—
punctuation	#6d5366	—
punctuation.accessor	#72CBC5	—
punctuation.definition.string	#FFA6BE	—
punctuation.definition.tag	#6d5366	—
storage.type, storage.modifier	#72CBC5	—
string	#FFA6BE	—
support	#FFA6BE	—
support.constant	#72CBC5	—
support.function	#FFA6BE	italic
variable	#72CBC5	italic
variable.other, variable.language, variable.function, variable.argument	#FFA6BE	—
variable.parameter	#72CBC5	—

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