Karvulas Crimson Dark

Name: Karvulas Crimson Dark
Author: Karvulas

Publisher: KarvulasThemes in package: 1

A near-black VS Code theme with deep crimson surfaces and restrained wine-red accents.

Open in VS Code GitHub

VS Code preview

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

Karvulas Crimson Dark — Karvulas Crimson Dark

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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.activeBackground#1B0303
activityBar.activeBorder#873030
activityBar.activeFocusBorder#A83A3A
activityBar.background#140101
activityBar.border#1A0303
activityBar.dropBorder#873030
activityBar.foreground#F4ECEC
activityBar.inactiveForeground#9E8585
activityBarBadge.background#AA3E3E
activityBarBadge.foreground#FFFFFF
badge.background#873030
badge.foreground#FFFFFF
breadcrumb.activeSelectionForeground#FFFFFF
breadcrumb.background#050000
breadcrumb.focusForeground#FFFFFF
breadcrumb.foreground#AE9696
breadcrumbPicker.background#100202
button.background#873030
button.border#873030
button.foreground#FFFFFF
button.hoverBackground#A03A3A
button.secondaryBackground#331010
button.secondaryBorder#401313
button.secondaryForeground#C0C0C0
button.secondaryHoverBackground#481515
button.separator#5A333366
chat.avatarBackground#2D0C0C
chat.avatarForeground#FFFFFF
chat.checkpointSeparator#280707
chat.requestBorder#301010
chat.requestBubbleBackground#2C0A0ACC
chat.requestBubbleHoverBackground#350D0DCC
checkbox.background#1B0404
checkbox.border#401313
checkbox.disabled.background#160303
checkbox.disabled.foreground#776060
checkbox.foreground#FFFFFF
checkbox.selectBackground#481515
checkbox.selectBorder#873030
contrastBorder#280707
debugConsole.errorForeground#E0434F
debugConsole.infoForeground#9FC5D1
debugConsole.sourceForeground#CCAEAE
debugConsole.warningForeground#E4B36A
debugExceptionWidget.background#2D0C0C
debugExceptionWidget.border#EE6262
debugToolBar.background#210606
debugToolBar.border#401313
descriptionForeground#AE9696
diffEditor.border#280707
diffEditor.diagonalFill#351010
diffEditor.insertedLineBackground#243D2444
diffEditor.insertedTextBackground#31553166
diffEditor.removedLineBackground#48151555
diffEditor.removedTextBackground#4D171766
disabledForeground#776060
dropdown.background#100202
dropdown.border#260707
dropdown.foreground#C0C0C0
dropdown.listBackground#100202
editor.background#050000
editor.findMatchBackground#8C3030CC
editor.findMatchBorder#A83A3A
editor.findMatchForeground#FFFFFF
editor.findMatchHighlightBackground#40131399
editor.findMatchHighlightBorder#6C2222
editor.findRangeHighlightBackground#48151566
editor.findRangeHighlightBorder#4D1717CC
editor.foldBackground#48151555
editor.foreground#C0C0C0
editor.hoverHighlightBackground#4D171766
editor.inactiveSelectionBackground#48151599
editor.lineHighlightBackground#120202
editor.lineHighlightBorder#170202
editor.linkedEditingBackground#4D171755
editor.rangeHighlightBackground#48151555
editor.selectionBackground#652020CC
editor.selectionForeground#FFFFFF
editor.selectionHighlightBackground#6A282866
editor.selectionHighlightBorder#5A1C1C77
editor.symbolHighlightBackground#6A282866
editor.wordHighlightBackground#65303066
editor.wordHighlightStrongBackground#4D171777
editor.wordHighlightTextBackground#48151566
editorBracketHighlight.foreground1#D44040
editorBracketHighlight.foreground2#C49E40
editorBracketHighlight.foreground3#9858DC
editorBracketHighlight.foreground4#D44040
editorBracketHighlight.foreground5#C49E40
editorBracketHighlight.foreground6#9858DC
editorBracketHighlight.unexpectedBracket.foreground#E0434F
editorBracketMatch.background#A83A3A88
editorBracketMatch.border#00000000
editorCursor.background#050000
editorCursor.foreground#E02F3B
editorError.foreground#E0434F
editorGroup.border#220505
editorGroup.dropBackground#5E1C1C55
editorGroup.emptyBackground#050000
editorGroup.focusedEmptyBorder#873030
editorGroupHeader.noTabsBackground#090101
editorGroupHeader.tabsBackground#090101
editorGroupHeader.tabsBorder#1C0303
editorGutter.addedBackground#69A875
editorGutter.background#050000
editorGutter.deletedBackground#D94A4A
editorGutter.foldingControlForeground#AE9696
editorGutter.modifiedBackground#C49E40
editorHoverWidget.background#100202
editorHoverWidget.border#280808
editorHoverWidget.foreground#C0C0C0
editorHoverWidget.highlightForeground#EA7474
editorHoverWidget.statusBarBackground#090101
editorIndentGuide.activeBackground1#F02F3D
editorIndentGuide.background1#291010
editorLineNumber.activeForeground#E5CFCF
editorLineNumber.foreground#927777
editorLink.activeForeground#D44040
editorMarkerNavigation.background#1B0404
editorMarkerNavigationError.background#E0434F
editorMarkerNavigationInfo.background#8FB6C4
editorMarkerNavigationWarning.background#E4B36A
editorOverviewRuler.border#00000000
editorOverviewRuler.errorForeground#E0434FCC
editorOverviewRuler.findMatchForeground#D15858CC
editorOverviewRuler.infoForeground#8FB6C4CC
editorOverviewRuler.selectionHighlightForeground#9D3838AA
editorOverviewRuler.warningForeground#E4B36ACC
editorRuler.foreground#290808
editorSuggestWidget.background#100202
editorSuggestWidget.border#280808
editorSuggestWidget.focusHighlightForeground#EE8080
editorSuggestWidget.foreground#C0C0C0
editorSuggestWidget.highlightForeground#EE6B6B
editorSuggestWidget.selectedBackground#260808
editorSuggestWidget.selectedForeground#FFFFFF
editorSuggestWidget.selectedIconForeground#FFFFFF
editorSuggestWidgetStatus.foreground#AE9696
editorWhitespace.foreground#493030
editorWidget.background#0C0101
editorWidget.border#280707
editorWidget.foreground#C0C0C0
editorWidget.resizeBorder#873030
errorForeground#E0434F
extensionBadge.remoteBackground#481515
extensionBadge.remoteForeground#FFFFFF
extensionButton.background#481515
extensionButton.border#4D1717
extensionButton.foreground#FFFFFF
extensionButton.hoverBackground#5E1C1C
extensionButton.prominentBackground#873030
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#A03A3A
extensionIcon.preReleaseForeground#CCAEAE
extensionIcon.starForeground#E4B36A
extensionIcon.verifiedForeground#EE6B6B
focusBorder#873030
foreground#C0C0C0
gitDecoration.addedResourceForeground#69A875
gitDecoration.conflictingResourceForeground#D8793A
gitDecoration.deletedResourceForeground#D94A4A
gitDecoration.ignoredResourceForeground#6F6262
gitDecoration.modifiedResourceForeground#C49E40
gitDecoration.renamedResourceForeground#9B6BC7
gitDecoration.submoduleResourceForeground#7895A8
gitDecoration.untrackedResourceForeground#8FB58A
icon.foreground#CDBFBF
input.background#100202
input.border#260707
input.foreground#C0C0C0
input.placeholderForeground#9E8585
inputOption.activeBackground#481515
inputOption.activeBorder#873030
inputOption.activeForeground#FFFFFF
inputOption.hoverBackground#2D0C0C
inputValidation.errorBackground#2D0C0C
inputValidation.errorBorder#E0434F
inputValidation.infoBackground#292124
inputValidation.infoBorder#8FB6C4
inputValidation.warningBackground#302514
inputValidation.warningBorder#E4B36A
keybindingLabel.background#2D0C0C
keybindingLabel.border#401313
keybindingLabel.bottomBorder#401313
keybindingLabel.foreground#C0C0C0
list.activeSelectionBackground#321010
list.activeSelectionForeground#FFFFFF
list.activeSelectionIconForeground#FFFFFF
list.deemphasizedForeground#927979
list.dropBackground#5E1C1C77
list.errorForeground#E0434F
list.focusAndSelectionOutline#A83A3A
list.focusBackground#2A0A0A
list.focusForeground#FFFFFF
list.focusHighlightForeground#EA7474
list.focusOutline#873030
list.highlightForeground#EE6B6B
list.hoverBackground#1A0404
list.hoverForeground#FFFFFF
list.inactiveFocusOutline#4D1717
list.inactiveSelectionBackground#210707
list.inactiveSelectionForeground#C0C0C0
list.inactiveSelectionIconForeground#CDBFBF
list.warningForeground#E4B36A
menu.background#100202
menu.border#280707
menu.foreground#C0C0C0
menu.selectionBackground#260808
menu.selectionForeground#FFFFFF
menu.separatorBackground#260707
menubar.selectionBackground#481515
menubar.selectionBorder#401313
menubar.selectionForeground#FFFFFF
minimap.background#050000
minimap.errorHighlight#E0434FCC
minimap.findMatchHighlight#D15858CC
minimap.selectionHighlight#9D3838AA
minimap.warningHighlight#E4B36ACC
minimapSlider.activeBackground#9D383877
minimapSlider.background#68222233
minimapSlider.hoverBackground#7D303055
notificationCenter.border#280808
notificationCenterHeader.background#090101
notificationCenterHeader.foreground#F4ECEC
notificationLink.foreground#EA7474
notifications.background#120202
notifications.border#220505
notifications.foreground#C0C0C0
notificationsErrorIcon.foreground#E0434F
notificationsInfoIcon.foreground#9FC5D1
notificationsWarningIcon.foreground#E4B36A
notificationToast.border#280808
panel.background#090101
panel.border#280707
panel.dropBorder#873030
panelInput.border#280707
panelSection.border#220505
panelSection.dropBackground#5E1C1C66
panelSectionHeader.background#1B0404
panelSectionHeader.border#220505
panelSectionHeader.foreground#DED0D0
panelTitle.activeBorder#873030
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#AE9696
panelTitleBadge.background#481515
panelTitleBadge.foreground#FFFFFF
peekView.border#873030
peekViewEditor.background#090101
peekViewEditor.matchHighlightBackground#4D171799
peekViewResult.background#1C0202
peekViewResult.fileForeground#FFFFFF
peekViewResult.lineForeground#C2ADAD
peekViewResult.matchHighlightBackground#4D171799
peekViewResult.selectionBackground#481515
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#1B0404
peekViewTitleDescription.foreground#AE9696
peekViewTitleLabel.foreground#FFFFFF
pickerGroup.border#280707
pickerGroup.foreground#CCAEAE
problemsErrorIcon.foreground#E0434F
problemsInfoIcon.foreground#9FC5D1
problemsWarningIcon.foreground#E4B36A
progressBar.background#BC4A4A
quickInput.background#0C0101
quickInput.foreground#C0C0C0
quickInputList.focusBackground#260808
quickInputList.focusForeground#FFFFFF
quickInputList.focusIconForeground#FFFFFF
quickInputTitle.background#090101
radio.activeBackground#481515
radio.activeBorder#873030
radio.activeForeground#FFFFFF
radio.inactiveBackground#1B0404
radio.inactiveBorder#401313
radio.inactiveForeground#AE9696
radio.inactiveHoverBackground#2D0C0C
sash.hoverBorder#5C1C1C
scrollbar.shadow#00000088
scrollbarSlider.activeBackground#A43B3BAA
scrollbarSlider.background#68222255
scrollbarSlider.hoverBackground#7D303088
selection.background#4D1717CC
sideBar.background#0E0101
sideBar.border#1A0303
sideBar.dropBackground#5E1C1C66
sideBar.foreground#C0C0C0
sideBarSectionHeader.background#160303
sideBarSectionHeader.border#1A0303
sideBarSectionHeader.foreground#DED0D0
sideBarTitle.foreground#F4ECEC
statusBar.background#140101
statusBar.border#1A0303
statusBar.debuggingBackground#682020
statusBar.debuggingForeground#FFFFFF
statusBar.focusBorder#A83A3A
statusBar.foreground#EDE4E4
statusBar.noFolderBackground#140101
statusBar.noFolderForeground#EDE4E4
statusBarItem.activeBackground#FFFFFF22
statusBarItem.errorBackground#B51627
statusBarItem.errorForeground#FFFFFF
statusBarItem.hoverBackground#FFFFFF18
statusBarItem.hoverForeground#FFFFFF
statusBarItem.prominentBackground#5E1C1C
statusBarItem.prominentForeground#FFFFFF
statusBarItem.prominentHoverBackground#782727
statusBarItem.warningBackground#8A642F
statusBarItem.warningForeground#FFFFFF
tab.activeBackground#050000
tab.activeBorder#050000
tab.activeBorderTop#873030
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#E7A06A
tab.border#1C0303
tab.hoverBackground#210404
tab.hoverBorder#4D1717
tab.hoverForeground#FFFFFF
tab.inactiveBackground#090101
tab.inactiveForeground#AE9696
tab.inactiveModifiedBorder#B77C58
tab.lastPinnedBorder#280707
tab.unfocusedActiveBackground#070101
tab.unfocusedActiveForeground#CDBFBF
tab.unfocusedInactiveForeground#897070
terminal.ansiBlack#140606
terminal.ansiBlue#AD8794
terminal.ansiBrightBlack#927979
terminal.ansiBrightBlue#54202A
terminal.ansiBrightCyan#B2CAC6
terminal.ansiBrightGreen#B2D3AC
terminal.ansiBrightMagenta#D99AB4
terminal.ansiBrightRed#FF7979
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#E8C486
terminal.ansiCyan#92AAA6
terminal.ansiGreen#94B98E
terminal.ansiMagenta#BA7D96
terminal.ansiRed#BC4A4A
terminal.ansiWhite#DED0D0
terminal.ansiYellow#D1AA6E
terminal.background#090101
terminal.border#220505
terminal.dropBackground#5E1C1C66
terminal.findMatchBackground#8C3030CC
terminal.findMatchBorder#A83A3A
terminal.findMatchHighlightBackground#40131399
terminal.findMatchHighlightBorder#6C2222
terminal.foreground#DED0D0
terminal.hoverHighlightBackground#48151588
terminal.inactiveSelectionBackground#48151599
terminal.selectionBackground#652020CC
terminal.tab.activeBorder#873030
terminalCommandDecoration.defaultBackground#AE9696
terminalCommandDecoration.errorBackground#E0434F
terminalCommandDecoration.successBackground#8FB58A
terminalCursor.background#090101
terminalCursor.foreground#E02F3B
textBlockQuote.background#1B0404
textBlockQuote.border#4D1717
textCodeBlock.background#140303
textLink.activeForeground#F08A8A
textLink.foreground#EE7777
textPreformat.background#1A0505
textPreformat.border#280707
textPreformat.foreground#C0C0C0
titleBar.activeBackground#090101
titleBar.activeForeground#C0C0C0
titleBar.border#1C0303
titleBar.inactiveBackground#090101
titleBar.inactiveForeground#927979
tree.inactiveIndentGuidesStroke#1C0808
tree.indentGuidesStroke#281010
tree.tableColumnsBorder#220505
tree.tableOddRowsBackground#1B040455
widget.border#280707

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source.axaml	#E1D2D2	—
source.axaml comment.block.xml, source.axaml punctuation.definition.comment.xml	#92747C	—
source.axaml punctuation.definition.tag.xml, source.axaml punctuation.section.embedded.begin.xml, source.axaml punctuation.section.embedded.end.xml	#C85C72	—
source.axaml entity.name.tag.xml, source.axaml entity.name.tag.localname.xml	#D44040	—
source.axaml entity.name.tag.namespace.xml	#9B6BC7	—
source.axaml entity.other.attribute-name.xml, source.axaml entity.other.attribute-name.localname.xml	#C49E40	—
source.axaml entity.other.attribute-name.namespace.xml	#8D5FB8	—
source.axaml punctuation.separator.namespace.xml	#68457E	—
source.axaml string.quoted.double.xml, source.axaml string.quoted.single.xml	#C5BBA8	—
source.axaml punctuation.definition.string.begin.xml, source.axaml punctuation.definition.string.end.xml	#857B6C	—
source.axaml constant.character.entity.xml, source.axaml constant.character.parameter-entity.xml, source.axaml punctuation.definition.constant.xml, source.axaml punctuation.definition.entity.xml, source.axaml variable.language.entity.xml	#3F6FC1	—
source.axaml keyword.other.doctype.xml, source.axaml keyword.other.entity.xml, source.axaml keyword.other.entitytype.xml, source.axaml keyword.other.page-props.xml, source.axaml variable.language.documentroot.xml	#E6B873	—
source.axaml string.unquoted.cdata.xml	#B5D0CA	—
source.axaml invalid.illegal.bad-ampersand.xml, source.axaml invalid.illegal.bad-comments-or-CDATA.xml	#FF5968	underline
source.cs	#E1D2D2	—
source.cs comment.line.double-slash.cs, source.cs comment.block.cs, source.cs punctuation.definition.comment.cs	#92747C	—
source.cs keyword.cs, source.cs keyword.type, source.cs storage.modifier	#D44040	—
source.cs keyword.control	#D44040	—
source.cs storage.type.class.cs, source.cs storage.type.interface.cs, source.cs storage.type.struct.cs, source.cs storage.type.enum.cs, source.cs storage.type.delegate.cs, source.cs storage.type.record.cs, source.cs storage.type.namespace.cs	#D44040	—
source.cs entity.name.type.namespace.cs	#76509A	—
source.cs entity.name.type.class.cs	#C49E40	—
source.cs entity.name.type.interface.cs	#C49E40	—
source.cs entity.name.type.struct.cs	#C49E40	—
source.cs entity.name.type.enum.cs	#C49E40	—
source.cs entity.name.type.delegate.cs	#4F6FBA	—
source.cs entity.name.type.type-parameter.cs	#C49E40	—
source.cs entity.name.function.cs, source.cs entity.name.function.member.overload.cs, source.cs entity.name.function.extension.cs	#9758DE	—
source.cs entity.name.variable.property.cs, source.cs variable.other.object.property.cs	#C0C0C0	—
source.cs entity.name.variable.field.cs	#C0C0C0	—
source.cs entity.name.variable.event.cs	#E87524	—
source.cs entity.name.variable.parameter.cs	#6F83B7	—
source.cs entity.name.variable.local.cs, source.cs entity.name.variable.range-variable.cs, source.cs entity.name.variable.tuple-element.cs, source.cs variable.other.readwrite.cs	#C0C0C0	—
source.cs variable.other.constant.cs	#C0C0C0	—
source.cs entity.name.variable.enum-member.cs	#4FAE78	—
source.cs string.quoted.double.cs, source.cs string.quoted.single.cs, source.cs string.verbatim.cs	#C5BBA8	—
source.cs constant.character.escape.cs	#3F6FC1	—
source.cs constant.numeric	#D9822B	—
source.cs constant.language.boolean.true.cs, source.cs constant.language.boolean.false.cs, source.cs constant.language.null.cs	#C0C0C0	—
source.cs keyword.operator	#C0C0C0	—
source.cs punctuation	#C0C0C0	—
source.cs keyword.preprocessor, source.cs entity.name.variable.preprocessor.symbol.cs, source.cs meta.preprocessor.string.cs	#D44040	—
source.cs entity.name.tag.cs, source.cs entity.other.attribute-name.cs	#C49E40	—
source.cs comment.block.documentation.cs, source.cs comment.documentation.cs	#92747C	—
source.cs comment.documentation.name.cs, source.cs comment.documentation.attribute.name.cs, source.cs comment.documentation.delimiter.cs, source.cs comment.documentation.entityReference.cs	#92747C	—
source.cs invalid.illegal	#FF5968	underline
source.json, source.json.comments	#E1D2D2	—
source.json support.type.property-name.json, source.json punctuation.support.type.property-name.begin.json, source.json punctuation.support.type.property-name.end.json, source.json.comments support.type.property-name.json.comments, source.json.comments punctuation.support.type.property-name.begin.json.comments, source.json.comments punctuation.support.type.property-name.end.json.comments	#C49E40	—
source.json string.quoted.double.json, source.json.comments string.quoted.double.json.comments	#C5BBA8	—
source.json punctuation.definition.string.begin.json, source.json punctuation.definition.string.end.json, source.json.comments punctuation.definition.string.begin.json.comments, source.json.comments punctuation.definition.string.end.json.comments	#857B6C	—
source.json constant.numeric.json, source.json.comments constant.numeric.json.comments	#D9822B	—
source.json constant.language.json, source.json.comments constant.language.json.comments	#D44040	—
source.json constant.character.escape.json, source.json.comments constant.character.escape.json.comments	#3F6FC1	—
source.json.comments comment.line.double-slash.js, source.json.comments comment.block.json.comments, source.json.comments comment.block.documentation.json.comments, source.json.comments punctuation.definition.comment.json.comments	#92747C	—
source.json punctuation.separator.array.json, source.json punctuation.separator.dictionary.key-value.json, source.json punctuation.separator.dictionary.pair.json, source.json.comments punctuation.separator.array.json.comments, source.json.comments punctuation.separator.dictionary.key-value.json.comments, source.json.comments punctuation.separator.dictionary.pair.json.comments	#C0C0C0	—
source.json invalid.illegal, source.json.comments invalid.illegal	#FF5968	underline