Rubecula

Name: Rubecula
Author: Andreas Backx

Publisher: Andreas BackxThemes in package: 2

Hyperminimal theme based on AmCoder Bright.

GitHub

Color themes

VS Code preview

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

Rubecula — Rubecula

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.background#242424
activityBar.dropBorder#E5E5E529
activityBar.foreground#CECECE
activityBar.inactiveForeground#6E6E6E
activityBarBadge.background#CECECE
activityBarBadge.foreground#1C1C1C
badge.background#E5E5E529
badge.foreground#CECECE
breadcrumb.activeSelectionForeground#E5E5E5
breadcrumb.background#1C1C1C
breadcrumb.focusForeground#CECECE
breadcrumb.foreground#6E6E6E
breadcrumbPicker.background#1C1C1C
button.background#1C1C1C
button.foreground#CECECE
button.hoverBackground#E5E5E529
debugConsole.errorForeground#E52E71
debugConsole.infoForeground#CECECE
debugConsole.sourceForeground#CECECE
debugConsole.warningForeground#D9882B
debugConsoleInputIcon.foreground#CECECE
debugExceptionWidget.background#1C1C1C
debugExceptionWidget.border#E52E71
debugIcon.breakpointCurrentStackframeForeground#E52E71
debugIcon.breakpointDisabledForeground#E52E7140
debugIcon.breakpointForeground#E52E71
debugIcon.breakpointStackframeForeground#D9882B
debugIcon.breakpointUnverifiedForeground#A082D9
debugIcon.continueForeground#6CC7D9
debugIcon.disconnectForeground#E52E71
debugIcon.pauseForeground#6CC7D9
debugIcon.restartForeground#9CCC3D
debugIcon.startForeground#9CCC3D
debugIcon.stepBackForeground#6CC7D9
debugIcon.stepIntoForeground#6CC7D9
debugIcon.stepOutForeground#6CC7D9
debugIcon.stepOverForeground#6CC7D9
debugIcon.stopForeground#E52E71
debugToolBar.background#1C1C1C
descriptionForeground#6E6E6E
diffEditor.insertedTextBackground#9CCC3D30
diffEditor.insertedTextBorder#FFFFFF00
diffEditor.removedTextBackground#E52E7130
diffEditor.removedTextBorder#FFFFFF00
dropdown.background#1C1C1C
dropdown.border#404040
dropdown.foreground#CECECE
dropdown.listBackground#1C1C1C
editor.background#1C1C1C
editor.findMatchBackground#CCC47A40
editor.findMatchBorder#FFFFFF00
editor.findMatchHighlightBackground#CCC47A20
editor.findMatchHighlightBorder#FFFFFF00
editor.findRangeHighlightBackground#CCC47A10
editor.foreground#CECECE
editor.hoverHighlightBackground#FFFFFF00
editor.inactiveSelectionBackground#CCC47A20
editor.lineHighlightBackground#E5E5E529
editor.lineHighlightBorder#FFFFFF00
editor.rangeHighlightBackground#CCC47A40
editor.selectionBackground#CCC47A40
editor.selectionForeground#CECECE
editor.selectionHighlightBackground#FFFFFF00
editor.selectionHighlightBorder#CCC47A
editor.stackFrameHighlightBackground#CCC47A40
editorBracketHighlight.foreground1#5caeef
editorBracketHighlight.foreground2#DFB976
editorBracketHighlight.foreground3#C172D9
editorBracketHighlight.foreground4#4FB1BC
editorBracketHighlight.foreground5#97C26C
editorBracketHighlight.foreground6#ABB2C0
editorBracketHighlight.unexpectedBracket.foreground#DB6165
editorBracketMatch.background#FFFFFF00
editorBracketMatch.border#CECECE
editorError.border#FFFFFF00
editorError.foreground#E52E71
editorGroup.background#1C1C1C
editorGroup.dropBackground#E5E5E529
editorGroupHeader.tabsBackground#242424
editorGutter.addedBackground#9CCC3D80
editorGutter.background#1C1C1C
editorGutter.deletedBackground#E52E7180
editorGutter.modifiedBackground#D9882B80
editorHint.border#FFFFFF00
editorHint.foreground#6CC7D9
editorInfo.border#FFFFFF00
editorInfo.foreground#CECECE
editorLightBulb.foreground#D9882B
editorLightBulbAutoFix.foreground#DFB976
editorLineNumber.activeForeground#CECECE
editorLineNumber.foreground#6E6E6E
editorLink.activeForeground#6CC7D9
editorMarkerNavigation.background#1C1C1C
editorMarkerNavigationError.background#E52E7180
editorMarkerNavigationInfo.background#6CC7D980
editorMarkerNavigationWarning.background#D9882B80
editorOverviewRuler.addedForeground#9CCC3D80
editorOverviewRuler.border#404040
editorOverviewRuler.deletedForeground#E52E7180
editorOverviewRuler.errorForeground#E52E7180
editorOverviewRuler.findMatchForeground#CCC47A80
editorOverviewRuler.infoForeground#6CC7D980
editorOverviewRuler.modifiedForeground#D9882B80
editorOverviewRuler.selectionHighlightForeground#CCC47A80
editorOverviewRuler.warningForeground#D9882B80
editorOverviewRuler.wordHighlightForeground#CCC47A80
editorOverviewRuler.wordHighlightStrongForeground#CCC47A80
editorRuler.foreground#24242480
editorSuggestWidget.foreground#CECECE
editorSuggestWidget.highlightForeground#6CC7D9
editorSuggestWidget.selectedBackground#CCC47A40
editorWarning.border#FFFFFF00
editorWarning.foreground#D9882B
editorWidget.background#1C1C1C
editorWidget.border#404040
errorForeground#E52E71
focusBorder#404040
foreground#CECECE
gitDecoration.addedResourceForeground#9CCC3D
gitDecoration.conflictingResourceForeground#A082D9
gitDecoration.deletedResourceForeground#E52E71
gitDecoration.ignoredResourceForeground#6E6E6E
gitDecoration.modifiedResourceForeground#CCC47A
gitDecoration.submoduleResourceForeground#CECECE
gitDecoration.untrackedResourceForeground#6CC7D9
gitlens.gutterBackgroundColor#1C1C1C
gitlens.gutterForegroundColor#CECECE
gitlens.gutterUncommittedForegroundColor#9CCC3D
gitlens.lineHighlightBackgroundColor#A082D930
gitlens.lineHighlightOverviewRulerColor#A082D980
input.background#1C1C1C
input.border#404040
input.foreground#CECECE
input.placeholderForeground#6E6E6E
inputValidation.errorBackground#1C1C1C
inputValidation.errorBorder#E52E71
inputValidation.infoBackground#1C1C1C
inputValidation.infoBorder#6E6E6E
inputValidation.warningBackground#1C1C1C
inputValidation.warningBorder#D9882B
list.activeSelectionBackground#CCC47A40
list.activeSelectionForeground#E5E5E5
list.dropBackground#E5E5E529
list.errorForeground#E52E71
list.focusBackground#CCC47A40
list.focusForeground#E5E5E5
list.highlightForeground#6CC7D9
list.hoverBackground#E5E5E529
list.inactiveFocusBackground#CCC47A20
list.inactiveSelectionBackground#CCC47A20
list.invalidItemForeground#E52E71
list.warningForeground#D9882B
menu.background#242424
menu.foreground#CECECE
menu.selectionBackground#CCC47A40
menu.selectionForeground#CECECE
menu.separatorBackground#6E6E6E
menubar.selectionBackground#E5E5E529
menubar.selectionForeground#CECECE
merge.currentContentBackground#9CCC3D40
merge.currentHeaderBackground#9CCC3D80
merge.incomingContentBackground#6CC7D940
merge.incomingHeaderBackground#6CC7D980
notificationCenterHeader.background#E5E5E529
notificationCenterHeader.foreground#CECECE
notificationLink.foreground#6CC7D9
notifications.background#242424
notifications.foreground#CECECE
notificationsErrorIcon.foreground#E52E71
notificationsInfoIcon.foreground#6CC7D9
notificationsWarningIcon.foreground#D9882B
panel.background#1C1C1C
panel.border#E5E5E529
panel.dropBorder#242424
panelTitle.activeBorder#CECECE
panelTitle.activeForeground#CECECE
panelTitle.inactiveForeground#6E6E6E
peekView.border#404040
peekViewEditor.background#1C1C1C
peekViewEditor.matchHighlightBackground#E5E5E529
peekViewEditorGutter.background#1C1C1C
peekViewResult.background#1C1C1C
peekViewResult.lineForeground#CECECE
peekViewResult.matchHighlightBackground#E5E5E529
peekViewResult.selectionBackground#CCC47A40
peekViewResult.selectionForeground#E5E5E5
peekViewTitle.background#1C1C1C
peekViewTitleDescription.foreground#6E6E6E
peekViewTitleLabel.foreground#CECECE
progressBar.background#E5E5E529
scrollbarSlider.activeBackground#CECECE38
scrollbarSlider.background#CECECE15
scrollbarSlider.hoverBackground#CECECE1c
selection.background#CCC47A40
settings.checkboxBackground#1C1C1C
settings.checkboxBorder#404040
settings.checkboxForeground#CECECE
settings.dropdownBackground#1C1C1C
settings.dropdownBorder#404040
settings.dropdownForeground#CECECE
settings.dropdownListBorder#404040
settings.headerForeground#E5E5E5
settings.modifiedItemIndicator#CCC47A
settings.numberInputBackground#1C1C1C
settings.numberInputBorder#404040
settings.numberInputForeground#CECECE
settings.textInputBackground#1C1C1C
settings.textInputBorder#404040
settings.textInputForeground#CECECE
sideBar.background#141414
sideBar.dropBackground#E5E5E529
sideBarSectionHeader.background#242424
statusBar.background#242424
statusBar.border#242424
statusBar.debuggingBackground#D9882B
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#CECECE
statusBar.noFolderBackground#A082D9
statusBar.noFolderForeground#1C1C1C
statusBarItem.activeBackground#E5E5E540
statusBarItem.hoverBackground#E5E5E529
statusBarItem.prominentBackground#E5E5E529
statusBarItem.prominentForeground#FFFFFF
statusBarItem.prominentHoverBackground#E5E5E540
tab.activeBackground#1C1C1C
tab.activeBorder#1C1C1C
tab.border#242424
tab.hoverBackground#1C1C1C
tab.hoverBorder#1C1C1C
tab.inactiveBackground#242424
tab.inactiveForeground#6E6E6E
terminal.ansiBlack#6E6E6E
terminal.ansiBlue#6CC7D9
terminal.ansiBrightBlack#6E6E6E
terminal.ansiBrightBlue#6CC7D9
terminal.ansiBrightCyan#6CC7D9
terminal.ansiBrightGreen#9CCC3D
terminal.ansiBrightMagenta#A082D9
terminal.ansiBrightRed#E52E71
terminal.ansiBrightWhite#E5E5E5
terminal.ansiBrightYellow#CCC47A
terminal.ansiCyan#6CC7D9
terminal.ansiGreen#9CCC3D
terminal.ansiMagenta#A082D9
terminal.ansiRed#E52E71
terminal.ansiWhite#E5E5E5
terminal.ansiYellow#CCC47A
terminal.background#1C1C1C
terminal.foreground#CECECE
terminal.selectionBackground#CCC47A40
terminalCursor.background#141414
terminalCursor.foreground#CECECE
textBlockQuote.background#1C1C1C
textBlockQuote.border#404040
textCodeBlock.background#E5E5E529
textLink.activeForeground#CCC47A
textLink.foreground#6CC7D9
textPreformat.foreground#CECECE
textSeparator.foreground#CECECE
titleBar.activeBackground#242424
titleBar.activeForeground#CECECE
titleBar.border#242424
titleBar.inactiveBackground#242424
titleBar.inactiveForeground#6E6E6E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#CECECE	—
constant.numeric.line-number.find-in-files - match	#A082D9A0	—
entity.name.filename.find-in-files	#CCC47A	—
comment	#6E6E6E	—
string	#CCC47A	—
constant.numeric	#A082D9	—
constant.language	#A082D9	—
constant.character, constant.other	#A082D9	—
variable	#CECECE	—
keyword	#E52E71	—
storage	#E52E71	—
storage.type	#6CC7D9	italic
entity.name.class	#9CCC3D	underline
entity.other.inherited-class	#9CCC3D	italic underline
entity.name.function	#9CCC3D	—
variable.parameter	#D9882B	italic
entity.name.tag	#E52E71	—
entity.other.attribute-name	#9CCC3D	—
support.function	#6CC7D9	—
support.constant	#6CC7D9	—
support.type, support.class	#6CC7D9	italic
support.other.variable		—
invalid	#CECECE	—
invalid.deprecated	#CECECE	—
meta.structure.dictionary.json string.quoted.double.json	#CCC47A	—
meta.diff, meta.diff.header	#6E6E6E	—
markup.deleted	#E52E71	—
markup.inserted	#9CCC3D	—
markup.changed	#CCC47A	—
text.html.markdown markup.raw.inline	#A082D9	—
markup.italic	#CCC47A	italic
markup.bold	#D9882B	bold
markup.underline	#6CC7D9	underline
markup.quote	#6E6E6E	italic
markup.raw.block	#A082D9	—
markup.table	#6E6E6E	—
text.html.markdown	#CECECE	—
text.html.markdown meta.dummy.line-break	#6E6E6E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#E52E71	bold
markup.quote, punctuation.definition.blockquote.markdown	#6E6E6E	italic
string.other.link.title.markdown	#6CC7D9	underline
punctuation.definition.list_item.markdown	#6E6E6E	—
markup.raw.block.fenced.markdown	#A082D9	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#A082D9	—
variable.language.fenced.markdown	#A082D9	—
meta.separator	#6E6E6E	—
token.info-token	#6CC7D9	—
token.warn-token	#D9882B	—
token.error-token	#E52E71	—
token.debug-token	#A082D9	—
string.quoted.docstring.multi	#6E6E6E	—
entity.other.inherited-class	—
variable.language	—	italic
constant.other.caps	#CECECE
support.type.property-name.json	—

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