Blank Theme

Name: Blank Theme
Author: kiritocode1

Publisher: kiritocode1Themes in package: 4

An Elegant and Minimalist Theme for Cursor/VS Code.

GitHub

Color themes

VS Code preview

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

Blank Theme — Blank Uchiha

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#868686
activityBar.background#000000
activityBar.dropBorder#131313
activityBar.foreground#868686
activityBar.inactiveForeground#575757
activityBarBadge.background#A33B45
activityBarBadge.foreground#B1BAC9
badge.background#000000
badge.foreground#0F0F0F
banner.background#000000
banner.foreground#868686
banner.iconForeground#575757
breadcrumb.activeSelectionForeground#A33B45
breadcrumb.background#0F0F0F
breadcrumb.focusForeground#575757
breadcrumb.foreground#434343
breadcrumbPicker.background#111111
button.background#A33B45
button.foreground#B1BAC9
button.hoverBackground#A33B45cc
button.secondaryBackground#111111
button.secondaryForeground#868686
button.secondaryHoverBackground#131313
charts.foreground#868686
charts.indigo#8C3037
charts.lines#575757
charts.metal#B1BAC9
charts.orange#A33B45
charts.pink#BD4450
charts.sky#A33B45
charts.stone#989898
checkbox.background#111111
checkbox.border#81717126
checkbox.foreground#868686
debugExceptionWidget.background#111111
debugExceptionWidget.border#81717126
debugIcon.breakpointCurrentStackframeForeground#575757
debugIcon.breakpointDisabledForeground#575757
debugIcon.breakpointForeground#575757
debugIcon.breakpointStackframeForeground#575757
debugIcon.breakpointUnverifiedForeground#575757
debugIcon.continueForeground#575757
debugIcon.disconnectForeground#575757
debugIcon.pauseForeground#575757
debugIcon.restartForeground#575757
debugIcon.startForeground#575757
debugIcon.stepBackForeground#575757
debugIcon.stepIntoForeground#575757
debugIcon.stepOutForeground#575757
debugIcon.stepOverForeground#575757
debugIcon.stopForeground#BD4450
debugToolBar.background#111111
debugToolBar.border#131313
descriptionForeground#575757
diffEditor.border#131313
diffEditor.diagonalFill#81717150
diffEditor.insertedTextBackground#8C303714
diffEditor.insertedTextBorder#8C303780
diffEditor.removedTextBackground#BD445014
diffEditor.removedTextBorder#BD445080
dropdown.background#111111
dropdown.border#81717126
dropdown.foreground#868686
dropdown.listBackground#111111
editor.background#000000
editor.findMatchBackground#81717150
editor.findMatchHighlightBackground#81717150
editor.findRangeHighlightBackground#81717150
editor.findRangeHighlightBorder#0000
editor.focusedStackFrameHighlightBackground#81717126
editor.foldBackground#111111
editor.foreground#868686
editor.hoverHighlightBackground#0000
editor.inactiveSelectionBackground#81717114
editor.inlineValuesBackground#0000
editor.inlineValuesForeground#575757
editor.lineHighlightBackground#81717114
editor.lineHighlightBorder#0000
editor.linkedEditingBackground#111111
editor.rangeHighlightBackground#81717114
editor.rangeHighlightBorder#0000
editor.selectionBackground#81717126
editor.selectionForeground#868686
editor.selectionHighlightBackground#81717126
editor.selectionHighlightBorder#0000
editor.snippetFinalTabstopHighlightBackground#81717126
editor.snippetFinalTabstopHighlightBorder#111111
editor.snippetTabstopHighlightBackground#81717126
editor.snippetTabstopHighlightBorder#111111
editor.stackFrameHighlightBackground#81717126
editor.symbolHighlightBackground#81717126
editor.symbolHighlightBorder#0000
editor.wordHighlightBackground#81717126
editor.wordHighlightBorder#0000
editor.wordHighlightStrongBackground#81717126
editor.wordHighlightStrongBorder#81717126
editorBracketHighlight.foreground1#BD445090
editorBracketHighlight.foreground2#A33B4590
editorBracketHighlight.foreground3#98989890
editorBracketHighlight.foreground4#8C303790
editorBracketHighlight.foreground5#B8787890
editorBracketHighlight.foreground6#F0F0F090
editorBracketMatch.background#0000
editorBracketMatch.border#575757
editorBracketPairGuide.activeBackground1#A33B45
editorBracketPairGuide.activeBackground2#B87878
editorBracketPairGuide.activeBackground3#F0F0F0
editorBracketPairGuide.activeBackground4#8C3037
editorBracketPairGuide.activeBackground5#989898
editorBracketPairGuide.activeBackground6#BD4450
editorBracketPairGuide.background1#A33B4580
editorBracketPairGuide.background2#B8787880
editorBracketPairGuide.background3#F0F0F080
editorBracketPairGuide.background4#8C303780
editorBracketPairGuide.background5#98989880
editorBracketPairGuide.background6#BD445080
editorCodeLens.foreground#A33B45
editorCursor.background#868686
editorCursor.foreground#A33B45
editorError.border#0000
editorError.foreground#BD4450
editorGhostText.foreground#575757
editorGroup.border#0000
editorGroup.dropBackground#111111
editorGroup.emptyBackground#0000
editorGroup.focusedEmptyBorder#0000
editorGroupHeader.noTabsBackground#0000
editorGroupHeader.tabsBackground#0000
editorGroupHeader.tabsBorder#0000
editorGutter.addedBackground#8C3037
editorGutter.background#0000
editorGutter.commentRangeForeground#575757
editorGutter.deletedBackground#BD4450
editorGutter.foldingControlForeground#B1BAC9
editorGutter.modifiedBackground#B87878
editorHint.border#0000
editorHint.foreground#575757
editorHoverWidget.background#111111
editorHoverWidget.border#43434380
editorHoverWidget.foreground#575757
editorHoverWidget.highlightForeground#868686
editorHoverWidget.statusBarBackground#0000
editorIndentGuide.activeBackground#434343
editorIndentGuide.background#81717150
editorInfo.border#131313
editorInfo.foreground#8C3037
editorInlayHint.background#131313
editorInlayHint.foreground#575757
editorInlayHint.parameterBackground#131313
editorInlayHint.parameterForeground#B1BAC9
editorInlayHint.typeBackground#131313
editorInlayHint.typeForeground#8C3037
editorLightBulb.foreground#A33B45
editorLightBulbAutoFix.foreground#A33B45
editorLineNumber.activeForeground#868686
editorLineNumber.foreground#575757
editorLink.activeForeground#A33B45
editorMarkerNavigation.background#111111
editorMarkerNavigationError.background#111111
editorMarkerNavigationInfo.background#111111
editorMarkerNavigationWarning.background#111111
editorOverviewRuler.addedForeground#8C303780
editorOverviewRuler.background#0F0F0F
editorOverviewRuler.border#81717150
editorOverviewRuler.bracketMatchForeground#575757
editorOverviewRuler.commonContentForeground#81717114
editorOverviewRuler.currentContentForeground#81717126
editorOverviewRuler.deletedForeground#BD445080
editorOverviewRuler.errorForeground#BD445080
editorOverviewRuler.findMatchForeground#81717150
editorOverviewRuler.incomingContentForeground#F0F0F080
editorOverviewRuler.infoForeground#8C303780
editorOverviewRuler.modifiedForeground#B8787880
editorOverviewRuler.rangeHighlightForeground#81717150
editorOverviewRuler.selectionHighlightForeground#81717150
editorOverviewRuler.warningForeground#98989880
editorOverviewRuler.wordHighlightForeground#81717126
editorOverviewRuler.wordHighlightStrongForeground#81717150
editorPane.background#0000
editorRuler.foreground#81717150
editorSuggestWidget.background#111111
editorSuggestWidget.border#0000
editorSuggestWidget.focusHighlightForeground#B87878
editorSuggestWidget.foreground#575757
editorSuggestWidget.highlightForeground#B87878
editorSuggestWidget.selectedBackground#81717126
editorSuggestWidget.selectedForeground#868686
editorSuggestWidget.selectedIconForeground#868686
editorUnnecessaryCode.border#0000
editorUnnecessaryCode.opacity#00000080
editorWarning.border#0000
editorWarning.foreground#989898
editorWhitespace.foreground#434343
editorWidget.background#111111
editorWidget.border#131313
editorWidget.foreground#575757
editorWidget.resizeBorder#434343
errorForeground#BD4450
extensionBadge.remoteBackground#F0F0F0
extensionBadge.remoteForeground#0F0F0F
extensionButton.prominentBackground#B87878
extensionButton.prominentForeground#0F0F0F
extensionButton.prominentHoverBackground#B87878e6
extensionIcon.starForeground#cc0000
extensionIcon.verifiedForeground#F0F0F0
focusBorder#81717126
foreground#868686
gitDecoration.addedResourceForeground#8C3037
gitDecoration.conflictingResourceForeground#BD4450
gitDecoration.deletedResourceForeground#575757
gitDecoration.ignoredResourceForeground#434343
gitDecoration.modifiedResourceForeground#B87878
gitDecoration.renamedResourceForeground#A33B45
gitDecoration.stageDeletedResourceForeground#8C3037
gitDecoration.stageModifiedResourceForeground#F0F0F0
gitDecoration.submoduleResourceForeground#989898
gitDecoration.untrackedResourceForeground#989898
icon.foreground#575757
input.background#13131380
input.border#81717126
input.foreground#868686
input.placeholderForeground#575757
inputOption.activeBackground#cc0000
inputOption.activeBorder#0000
inputOption.activeForeground#0F0F0F
inputValidation.errorBackground#0000
inputValidation.errorBorder#0000
inputValidation.errorForeground#BD4450
inputValidation.infoBackground#0000
inputValidation.infoBorder#0000
inputValidation.infoForeground#8C3037
inputValidation.warningBackground#0000
inputValidation.warningBorder#0000
inputValidation.warningForeground#8C303780
keybindingLabel.background#131313
keybindingLabel.border#81717150
keybindingLabel.bottomBorder#81717150
keybindingLabel.foreground#B1BAC9
keybindingTable.headerBackground#131313
keybindingTable.rowsBackground#111111
list.activeSelectionBackground#81717126
list.activeSelectionForeground#868686
list.activeSelectionIconForeground#868686
list.deemphasizedForeground#575757
list.dropBackground#111111
list.errorForeground#BD4450
list.filterMatchBackground#111111
list.filterMatchBorder#B87878
list.focusBackground#81717150
list.focusForeground#868686
list.focusOutline#81717126
list.highlightForeground#A33B45
list.hoverBackground#81717114
list.hoverForeground#868686
list.inactiveFocusBackground#81717114
list.inactiveSelectionBackground#111111
list.inactiveSelectionForeground#868686
list.inactiveSelectionIconForeground#575757
list.invalidItemForeground#BD4450
list.warningForeground#989898
listFilterWidget.background#111111
listFilterWidget.noMatchesOutline#BD4450
listFilterWidget.outline#131313
menu.background#000000
menu.border#81717114
menu.foreground#868686
menu.selectionBackground#81717126
menu.selectionBorder#131313
menu.selectionForeground#868686
menu.separatorBackground#868686
menubar.selectionBackground#81717126
menubar.selectionBorder#81717114
menubar.selectionForeground#868686
merge.border#131313
merge.commonContentBackground#81717126
merge.commonHeaderBackground#81717126
merge.currentContentBackground#98989880
merge.currentHeaderBackground#98989880
merge.incomingContentBackground#c58fff80
merge.incomingHeaderBackground#c58fff80
minimap.background#000000
minimap.errorHighlight#BD445080
minimap.findMatchHighlight#81717126
minimap.selectionHighlight#81717126
minimap.warningHighlight#98989880
minimapGutter.addedBackground#8C3037
minimapGutter.deletedBackground#BD4450
minimapGutter.modifiedBackground#B87878
minimapSlider.activeBackground#81717150
minimapSlider.background#81717126
minimapSlider.hoverBackground#81717126
notificationCenter.border#81717126
notificationCenterHeader.background#111111
notificationCenterHeader.foreground#575757
notificationLink.foreground#F0F0F0
notifications.background#111111
notifications.border#81717126
notifications.foreground#868686
notificationsErrorIcon.foreground#BD4450
notificationsInfoIcon.foreground#8C3037
notificationsWarningIcon.foreground#989898
notificationToast.border#81717126
panel.background#000000
panel.border#0000
panel.dropBorder#131313
panelInput.border#111111
panelSection.dropBackground#81717126
panelSectionHeader.background#111111
panelSectionHeader.foreground#868686
panelTitle.activeBorder#81717150
panelTitle.activeForeground#868686
panelTitle.inactiveForeground#575757
peekView.border#131313
peekViewEditor.background#000000
peekViewEditor.matchHighlightBackground#81717150
peekViewResult.background#000000
peekViewResult.fileForeground#575757
peekViewResult.lineForeground#575757
peekViewResult.matchHighlightBackground#81717150
peekViewResult.selectionBackground#81717126
peekViewResult.selectionForeground#868686
peekViewTitle.background#131313
peekViewTitleDescription.foreground#575757
pickerGroup.border#81717150
pickerGroup.foreground#F0F0F0
ports.iconRunningProcessForeground#cc0000
problemsErrorIcon.foreground#BD4450
problemsInfoIcon.foreground#8C3037
problemsWarningIcon.foreground#989898
progressBar.background#A33B45
quickInput.background#000000
quickInput.foreground#575757
quickInputList.focusBackground#81717126
quickInputList.focusForeground#868686
quickInputList.focusIconForeground#868686
scrollbar.shadow#0000
scrollbarSlider.activeBackground#81717150
scrollbarSlider.background#81717114
scrollbarSlider.hoverBackground#81717126
searchEditor.findMatchBackground#81717126
selection.background#81717150
settings.focusedRowBackground#111111
settings.focusedRowBorder#81717126
settings.headerForeground#868686
settings.modifiedItemIndicator#A33B45
settings.rowHoverBackground#111111
sideBar.background#000000
sideBar.dropBackground#111111
sideBar.foreground#575757
sideBarSectionHeader.background#0000
sideBarSectionHeader.border#81717126
statusBar.background#000000
statusBar.debuggingBackground#F0F0F0
statusBar.debuggingForeground#0F0F0F
statusBar.foreground#575757
statusBar.noFolderBackground#0F0F0F
statusBar.noFolderForeground#575757
statusBarItem.activeBackground#81717150
statusBarItem.errorBackground#0F0F0F
statusBarItem.errorForeground#BD4450
statusBarItem.hoverBackground#81717126
statusBarItem.prominentBackground#131313
statusBarItem.prominentForeground#868686
statusBarItem.prominentHoverBackground#81717126
statusBarItem.remoteBackground#0F0F0F
statusBarItem.remoteForeground#989898
symbolIcon.arrayForeground#575757
symbolIcon.classForeground#575757
symbolIcon.colorForeground#575757
symbolIcon.constantForeground#575757
symbolIcon.constructorForeground#575757
symbolIcon.enumeratorForeground#575757
symbolIcon.enumeratorMemberForeground#575757
symbolIcon.eventForeground#575757
symbolIcon.fieldForeground#575757
symbolIcon.fileForeground#575757
symbolIcon.folderForeground#575757
symbolIcon.functionForeground#575757
symbolIcon.interfaceForeground#575757
symbolIcon.keyForeground#575757
symbolIcon.keywordForeground#575757
symbolIcon.methodForeground#575757
symbolIcon.moduleForeground#575757
symbolIcon.namespaceForeground#575757
symbolIcon.nullForeground#575757
symbolIcon.numberForeground#575757
symbolIcon.objectForeground#575757
symbolIcon.operatorForeground#575757
symbolIcon.packageForeground#575757
symbolIcon.propertyForeground#575757
symbolIcon.referenceForeground#575757
symbolIcon.snippetForeground#575757
symbolIcon.stringForeground#575757
symbolIcon.structForeground#575757
symbolIcon.textForeground#575757
symbolIcon.typeParameterForeground#575757
symbolIcon.unitForeground#575757
symbolIcon.variableForeground#575757
tab.activeBackground#81717114
tab.activeBorderTop#A33B45
tab.activeForeground#868686
tab.activeModifiedBorder#8C3037
tab.border#0000
tab.hoverBackground#000000
tab.inactiveBackground#0000
tab.inactiveForeground#575757
tab.inactiveModifiedBorder#8C303780
tab.lastPinnedBorder#434343
tab.unfocusedActiveBackground#0000
tab.unfocusedHoverBackground#0000
tab.unfocusedInactiveBackground#0000
tab.unfocusedInactiveModifiedBorder#8C303780
terminal.ansiBlack#131313
terminal.ansiBlue#8C3037
terminal.ansiBrightBlack#575757
terminal.ansiBrightBlue#8C3037
terminal.ansiBrightCyan#A33B45
terminal.ansiBrightGreen#A33B45
terminal.ansiBrightMagenta#F0F0F0
terminal.ansiBrightRed#BD4450
terminal.ansiBrightWhite#868686
terminal.ansiBrightYellow#989898
terminal.ansiCyan#B87878
terminal.ansiGreen#8eb6f5
terminal.ansiMagenta#F0F0F0
terminal.ansiRed#BD4450
terminal.ansiWhite#868686
terminal.ansiYellow#989898
terminal.background#000000
terminal.dropBackground#81717126
terminal.foreground#868686
terminal.selectionBackground#81717126
terminal.tab.activeBorder#868686
terminalCursor.background#868686
terminalCursor.foreground#434343
textBlockQuote.background#111111
textBlockQuote.border#81717126
textCodeBlock.background#111111
textLink.activeForeground#fdfdfee6
textLink.foreground#F0F0F0
textPreformat.foreground#989898
textSeparator.foreground#575757
titleBar.activeBackground#0F0F0F
titleBar.activeForeground#575757
titleBar.inactiveBackground#111111
titleBar.inactiveForeground#575757
toolbar.activeBackground#81717150
toolbar.hoverBackground#81717126
tree.indentGuidesStroke#575757
walkThrough.embeddedEditorBackground#0F0F0F
welcomePage.background#0F0F0F
welcomePage.buttonBackground#111111
welcomePage.buttonHoverBackground#131313
widget.shadow#1917244d
window.activeBorder#111111
window.inactiveBorder#111111

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#253037	italic
constant	#A33B45	—
constant.numeric, constant.language, constant.charcter.escape	#B87878	—
entity.name	#B87878	—
entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type	#8C3037	—
entity.other.attribute-name, entity.other.inherited-class	#B1BAC9	italic
invalid	#BD4450	—
invalid.deprecated	#575757	—
keyword	#A33B45	—
meta.tag, meta.brace	#868686	—
meta.import, meta.export	#A33B45	—
meta.directive.vue	#B1BAC9	italic
meta.property-name.css	#8C3037	—
meta.property-value.css	#989898	—
meta.tag.other.html	#575757	—
punctuation	#575757	—
punctuation.accessor	#A33B45	—
punctuation.definition.string	#989898	—
punctuation.definition.tag	#434343	—
storage.type, storage.modifier	#A33B45	—
string	#989898	—
support	#8C3037	—
support.constant	#989898	—
support.function	#BD4450	italic
variable	#B87878	italic
variable.other, variable.language, variable.function, variable.argument	#B1BAC9	—
variable.parameter	#B1BAC9	—

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