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 Dawn

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.background#DEDEDE
activityBar.dropBorder#14141415
activityBar.foreground#404040
activityBar.inactiveForeground#6E6E6E
activityBarBadge.background#404040
activityBarBadge.foreground#FFFFFF
badge.background#14141415
badge.foreground#404040
breadcrumb.activeSelectionForeground#141414
breadcrumb.background#FFFFFF
breadcrumb.focusForeground#404040
breadcrumb.foreground#6E6E6E
breadcrumbPicker.background#FFFFFF
button.background#FFFFFF
button.foreground#404040
button.hoverBackground#14141415
debugConsole.errorForeground#E52E71
debugConsole.infoForeground#404040
debugConsole.sourceForeground#404040
debugConsole.warningForeground#D9882B
debugConsoleInputIcon.foreground#404040
debugExceptionWidget.background#FFFFFF
debugExceptionWidget.border#E52E71
debugIcon.breakpointCurrentStackframeForeground#E52E71
debugIcon.breakpointDisabledForeground#E52E7140
debugIcon.breakpointForeground#E52E71
debugIcon.breakpointStackframeForeground#D9882B
debugIcon.breakpointUnverifiedForeground#673ABB
debugIcon.continueForeground#24798A
debugIcon.disconnectForeground#E52E71
debugIcon.pauseForeground#24798A
debugIcon.restartForeground#618122
debugIcon.startForeground#618122
debugIcon.stepBackForeground#24798A
debugIcon.stepIntoForeground#24798A
debugIcon.stepOutForeground#24798A
debugIcon.stepOverForeground#24798A
debugIcon.stopForeground#E52E71
debugToolBar.background#FFFFFF
descriptionForeground#6E6E6E
diffEditor.insertedTextBackground#61812230
diffEditor.insertedTextBorder#FFFFFF00
diffEditor.removedTextBackground#E52E7130
diffEditor.removedTextBorder#FFFFFF00
dropdown.background#FFFFFF
dropdown.border#CECECE
dropdown.foreground#404040
dropdown.listBackground#FFFFFF
editor.background#FFFFFF
editor.findMatchBackground#CCC47A40
editor.findMatchBorder#FFFFFF00
editor.findMatchHighlightBackground#CCC47A30
editor.findMatchHighlightBorder#FFFFFF00
editor.findRangeHighlightBackground#CCC47A20
editor.foreground#404040
editor.hoverHighlightBackground#FFFFFF00
editor.inactiveSelectionBackground#CCC47A30
editor.lineHighlightBackground#14141415
editor.lineHighlightBorder#FFFFFF00
editor.rangeHighlightBackground#CCC47A40
editor.selectionBackground#CCC47A40
editor.selectionForeground#404040
editor.selectionHighlightBackground#FFFFFF00
editor.selectionHighlightBorder#7E7630
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#404040
editorError.border#FFFFFF00
editorError.foreground#E52E71
editorGroup.background#FFFFFF
editorGroup.dropBackground#14141415
editorGroupHeader.tabsBackground#DEDEDE
editorGutter.addedBackground#61812280
editorGutter.background#FFFFFF
editorGutter.deletedBackground#E52E7180
editorGutter.modifiedBackground#D9882B80
editorHint.border#FFFFFF00
editorHint.foreground#24798A
editorInfo.border#FFFFFF00
editorInfo.foreground#404040
editorLightBulb.foreground#D9882B
editorLightBulbAutoFix.foreground#DFB976
editorLineNumber.activeForeground#404040
editorLineNumber.foreground#6E6E6E
editorLink.activeForeground#24798A
editorMarkerNavigation.background#FFFFFF
editorMarkerNavigationError.background#E52E7180
editorMarkerNavigationInfo.background#24798A80
editorMarkerNavigationWarning.background#D9882B80
editorOverviewRuler.addedForeground#61812280
editorOverviewRuler.border#CECECE
editorOverviewRuler.deletedForeground#E52E7180
editorOverviewRuler.errorForeground#E52E7180
editorOverviewRuler.findMatchForeground#7E763080
editorOverviewRuler.infoForeground#24798A80
editorOverviewRuler.modifiedForeground#D9882B80
editorOverviewRuler.selectionHighlightForeground#7E763080
editorOverviewRuler.warningForeground#D9882B80
editorOverviewRuler.wordHighlightForeground#7E763080
editorOverviewRuler.wordHighlightStrongForeground#7E763080
editorRuler.foreground#DEDEDE80
editorSuggestWidget.foreground#404040
editorSuggestWidget.highlightForeground#24798A
editorSuggestWidget.selectedBackground#CCC47A40
editorWarning.border#FFFFFF00
editorWarning.foreground#D9882B
editorWidget.background#FFFFFF
editorWidget.border#CECECE
errorForeground#E52E71
focusBorder#CECECE
foreground#404040
gitDecoration.addedResourceForeground#618122
gitDecoration.conflictingResourceForeground#673ABB
gitDecoration.deletedResourceForeground#E52E71
gitDecoration.ignoredResourceForeground#6E6E6E
gitDecoration.modifiedResourceForeground#7E7630
gitDecoration.submoduleResourceForeground#404040
gitDecoration.untrackedResourceForeground#24798A
gitlens.gutterBackgroundColor#FFFFFF
gitlens.gutterForegroundColor#404040
gitlens.gutterUncommittedForegroundColor#618122
gitlens.lineHighlightBackgroundColor#673ABB30
gitlens.lineHighlightOverviewRulerColor#673ABB80
input.background#FFFFFF
input.border#CECECE
input.foreground#404040
input.placeholderForeground#6E6E6E
inputValidation.errorBackground#FFFFFF
inputValidation.errorBorder#E52E71
inputValidation.infoBackground#FFFFFF
inputValidation.infoBorder#6E6E6E
inputValidation.warningBackground#FFFFFF
inputValidation.warningBorder#D9882B
list.activeSelectionBackground#CCC47A40
list.activeSelectionForeground#141414
list.dropBackground#14141415
list.errorForeground#E52E71
list.focusBackground#CCC47A40
list.focusForeground#141414
list.highlightForeground#24798A
list.hoverBackground#14141415
list.inactiveFocusBackground#CCC47A30
list.inactiveSelectionBackground#CCC47A30
list.invalidItemForeground#E52E71
list.warningForeground#D9882B
menu.background#DEDEDE
menu.foreground#404040
menu.selectionBackground#CCC47A40
menu.selectionForeground#404040
menu.separatorBackground#6E6E6E
menubar.selectionBackground#14141415
menubar.selectionForeground#404040
merge.currentContentBackground#61812240
merge.currentHeaderBackground#61812280
merge.incomingContentBackground#24798A40
merge.incomingHeaderBackground#24798A80
notificationCenterHeader.background#14141415
notificationCenterHeader.foreground#404040
notificationLink.foreground#24798A
notifications.background#DEDEDE
notifications.foreground#404040
notificationsErrorIcon.foreground#E52E71
notificationsInfoIcon.foreground#24798A
notificationsWarningIcon.foreground#D9882B
panel.background#FFFFFF
panel.border#14141415
panel.dropBorder#DEDEDE
panelTitle.activeBorder#404040
panelTitle.activeForeground#404040
panelTitle.inactiveForeground#6E6E6E
peekView.border#CECECE
peekViewEditor.background#FFFFFF
peekViewEditor.matchHighlightBackground#14141415
peekViewEditorGutter.background#FFFFFF
peekViewResult.background#FFFFFF
peekViewResult.lineForeground#404040
peekViewResult.matchHighlightBackground#14141415
peekViewResult.selectionBackground#CCC47A40
peekViewResult.selectionForeground#141414
peekViewTitle.background#FFFFFF
peekViewTitleDescription.foreground#6E6E6E
peekViewTitleLabel.foreground#404040
progressBar.background#14141415
scrollbarSlider.activeBackground#40404038
scrollbarSlider.background#40404015
scrollbarSlider.hoverBackground#4040401c
selection.background#CCC47A40
settings.checkboxBackground#FFFFFF
settings.checkboxBorder#CECECE
settings.checkboxForeground#404040
settings.dropdownBackground#FFFFFF
settings.dropdownBorder#CECECE
settings.dropdownForeground#404040
settings.dropdownListBorder#CECECE
settings.headerForeground#141414
settings.modifiedItemIndicator#7E7630
settings.numberInputBackground#FFFFFF
settings.numberInputBorder#CECECE
settings.numberInputForeground#404040
settings.textInputBackground#FFFFFF
settings.textInputBorder#CECECE
settings.textInputForeground#404040
sideBar.background#E5E5E5
sideBar.dropBackground#14141415
sideBarSectionHeader.background#DEDEDE
statusBar.background#DEDEDE
statusBar.border#DEDEDE
statusBar.debuggingBackground#D9882B
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#404040
statusBar.noFolderBackground#673ABB
statusBar.noFolderForeground#FFFFFF
statusBarItem.activeBackground#14141425
statusBarItem.hoverBackground#14141415
statusBarItem.prominentBackground#14141415
statusBarItem.prominentForeground#FFFFFF
statusBarItem.prominentHoverBackground#14141425
tab.activeBackground#FFFFFF
tab.activeBorder#FFFFFF
tab.border#DEDEDE
tab.hoverBackground#FFFFFF
tab.hoverBorder#FFFFFF
tab.inactiveBackground#DEDEDE
tab.inactiveForeground#6E6E6E
terminal.ansiBlack#6E6E6E
terminal.ansiBlue#24798A
terminal.ansiBrightBlack#6E6E6E
terminal.ansiBrightBlue#24798A
terminal.ansiBrightCyan#24798A
terminal.ansiBrightGreen#618122
terminal.ansiBrightMagenta#673ABB
terminal.ansiBrightRed#E52E71
terminal.ansiBrightWhite#141414
terminal.ansiBrightYellow#7E7630
terminal.ansiCyan#24798A
terminal.ansiGreen#618122
terminal.ansiMagenta#673ABB
terminal.ansiRed#E52E71
terminal.ansiWhite#141414
terminal.ansiYellow#7E7630
terminal.background#FFFFFF
terminal.foreground#404040
terminal.selectionBackground#CCC47A40
terminalCursor.background#E5E5E5
terminalCursor.foreground#404040
textBlockQuote.background#FFFFFF
textBlockQuote.border#CECECE
textCodeBlock.background#14141415
textLink.activeForeground#7E7630
textLink.foreground#24798A
textPreformat.foreground#404040
textSeparator.foreground#404040
titleBar.activeBackground#DEDEDE
titleBar.activeForeground#404040
titleBar.border#DEDEDE
titleBar.inactiveBackground#DEDEDE
titleBar.inactiveForeground#6E6E6E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#404040	—
constant.numeric.line-number.find-in-files - match	#673ABBA0	—
entity.name.filename.find-in-files	#7E7630	—
comment	#6E6E6E	—
string	#7E7630	—
constant.numeric	#673ABB	—
constant.language	#673ABB	—
constant.character, constant.other	#673ABB	—
variable	#404040	—
keyword	#E52E71	—
storage	#E52E71	—
storage.type	#24798A	italic
entity.name.class	#618122	underline
entity.other.inherited-class	#618122	italic underline
entity.name.function	#618122	—
variable.parameter	#D9882B	italic
entity.name.tag	#E52E71	—
entity.other.attribute-name	#618122	—
support.function	#24798A	—
support.constant	#24798A	—
support.type, support.class	#24798A	italic
support.other.variable		—
invalid	#404040	—
invalid.deprecated	#404040	—
meta.structure.dictionary.json string.quoted.double.json	#7E7630	—
meta.diff, meta.diff.header	#6E6E6E	—
markup.deleted	#E52E71	—
markup.inserted	#618122	—
markup.changed	#7E7630	—
text.html.markdown markup.raw.inline	#673ABB	—
markup.italic	#7E7630	italic
markup.bold	#D9882B	bold
markup.underline	#24798A	underline
markup.quote	#6E6E6E	italic
markup.raw.block	#673ABB	—
markup.table	#6E6E6E	—
text.html.markdown	#404040	—
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	#24798A	underline
punctuation.definition.list_item.markdown	#6E6E6E	—
markup.raw.block.fenced.markdown	#673ABB	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#673ABB	—
variable.language.fenced.markdown	#673ABB	—
meta.separator	#6E6E6E	—
token.info-token	#24798A	—
token.warn-token	#D9882B	—
token.error-token	#E52E71	—
token.debug-token	#673ABB	—
string.quoted.docstring.multi	#6E6E6E	—
entity.other.inherited-class	—
variable.language	—	italic
constant.other.caps	#404040
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}!`;
}