Skip to main content
Home Theme VS Code Corduroy for VSCode Embrace vintage warmth, soft textures, and a touch of retro flair.
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
colors Workbench UI color keys from the theme JSON colors map.
activityBar.activeBorder #cdc8d0 activityBar.background #1d1920 activityBar.dropBorder #2e2533 activityBar.foreground #cdc8d0 activityBar.inactiveForeground #6f6373 activityBarBadge.background #e06278 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment #887b8c — constant #e99d90 — constant.character.escape, constant.other.caps.python #e06278 — entity.name #cdc8d0 — entity.name.variable.field.cs
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
Corduroy for VSCode — Corduroy
activityBarBadge.foreground
#1d1920
badge.background #e06278
badge.foreground #1d1920
banner.background #261e2a
banner.foreground #cdc8d0
banner.iconForeground #887b8c
breadcrumb.activeSelectionForeground #cdc8d0
breadcrumb.background #1d1920
breadcrumb.focusForeground #887b8c
breadcrumb.foreground #6f6373
breadcrumbPicker.background #1d1920
button.background #e06278
button.foreground #1d1920
button.hoverBackground #e06278e6
button.secondaryBackground #261e2a
button.secondaryForeground #cdc8d0
button.secondaryHoverBackground #2e2533
charts.blue #d27f91
charts.foreground #cdc8d0
charts.green #4b8686
charts.lines #887b8c
charts.orange #e06278
charts.purple #c285b2
charts.red #e06278
charts.yellow #edb392
checkbox.background #261e2a
checkbox.border #6f637333
checkbox.foreground #cdc8d0
commandCenter.activeBackground #1d1920
commandCenter.activeBorder #6f637336
commandCenter.activeForeground #887b8cdd
commandCenter.background #2e2533
commandCenter.border #6f637333
commandCenter.foreground #887b8c9c
commandCenter.inactiveBorder #6f637333
commandCenter.inactiveForeground #887b8c7a
debugExceptionWidget.background #261e2a
debugExceptionWidget.border #6f637333
debugIcon.breakpointCurrentStackframeForeground #887b8c
debugIcon.breakpointDisabledForeground #887b8c
debugIcon.breakpointForeground #887b8c
debugIcon.breakpointStackframeForeground #887b8c
debugIcon.breakpointUnverifiedForeground #887b8c
debugIcon.continueForeground #887b8c
debugIcon.disconnectForeground #887b8c
debugIcon.pauseForeground #887b8c
debugIcon.restartForeground #887b8c
debugIcon.startForeground #887b8c
debugIcon.stepBackForeground #887b8c
debugIcon.stepIntoForeground #887b8c
debugIcon.stepOutForeground #887b8c
debugIcon.stepOverForeground #887b8c
debugIcon.stopForeground #e06278
debugTokenExpression.boolean #c285b2
debugTokenExpression.error #e06278
debugTokenExpression.name #4b8686
debugTokenExpression.number #e06278
debugTokenExpression.string #edb392
debugTokenExpression.value #cdc8d0
debugToolBar.background #1d1920
debugToolBar.border #2e2533
descriptionForeground #887b8c
diffEditor.border #2e2533
diffEditor.diagonalFill #6f637366
diffEditor.insertedLineBackground #4b868633
diffEditor.insertedTextBackground #4b868633
diffEditor.removedLineBackground #e0627826
diffEditor.removedTextBackground #e0627826
diffEditorOverview.insertedForeground #4b868680
diffEditorOverview.removedForeground #e0627880
dropdown.background #261e2a
dropdown.border #6f637333
dropdown.foreground #cdc8d0
dropdown.listBackground #261e2a
editor.background #1d1920
editor.findMatchBackground #e99d9033
editor.findMatchBorder #edb39280
editor.findMatchForeground #cdc8d0
editor.findMatchHighlightBackground #6f637366
editor.findMatchHighlightForeground #cdc8d0cc
editor.findRangeHighlightBackground #6f637366
editor.findRangeHighlightBorder #0000
editor.focusedStackFrameHighlightBackground #6f637333
editor.foldBackground #6f637333
editor.foreground #cdc8d0
editor.hoverHighlightBackground #0000
editor.inactiveSelectionBackground #251f28c2
editor.inlineValuesBackground #0000
editor.inlineValuesForeground #887b8c
editor.lineHighlightBackground #251f28
editor.lineHighlightBorder #0000
editor.linkedEditingBackground #6f637333
editor.rangeHighlightBackground #6f63731a
editor.selectionBackground #443c4a
editor.selectionForeground #cdc8d0
editor.selectionHighlightBackground #6f637333
editor.selectionHighlightBorder #1d1920
editor.snippetFinalTabstopHighlightBackground #6f637333
editor.snippetFinalTabstopHighlightBorder #261e2a
editor.snippetTabstopHighlightBackground #6f637333
editor.snippetTabstopHighlightBorder #261e2a
editor.stackFrameHighlightBackground #6f637333
editor.symbolHighlightBackground #6f637333
editor.symbolHighlightBorder #0000
editor.wordHighlightBackground #6f63734d
editor.wordHighlightBorder #504757
editor.wordHighlightStrongBackground #6f637366
editor.wordHighlightStrongBorder #504757
editorBracketHighlight.foreground1 #e0627880
editorBracketHighlight.foreground2 #4b868680
editorBracketHighlight.foreground3 #edb39280
editorBracketHighlight.foreground4 #d27f9180
editorBracketHighlight.foreground5 #e0627880
editorBracketHighlight.foreground6 #c285b280
editorBracketMatch.background #0000
editorBracketMatch.border #887b8c
editorBracketPairGuide.activeBackground1 #4b8686
editorBracketPairGuide.activeBackground2 #e06278
editorBracketPairGuide.activeBackground3 #c285b2
editorBracketPairGuide.activeBackground4 #d27f91
editorBracketPairGuide.activeBackground5 #edb392
editorBracketPairGuide.activeBackground6 #e06278
editorBracketPairGuide.background1 #4b868680
editorBracketPairGuide.background2 #e0627880
editorBracketPairGuide.background3 #c285b280
editorBracketPairGuide.background4 #d27f9180
editorBracketPairGuide.background5 #edb39280
editorBracketPairGuide.background6 #e0627880
editorCodeLens.foreground #e06278
editorCursor.background #504757
editorCursor.foreground #cdc8d0
editorError.border #0000
editorError.foreground #e06278
editorGhostText.foreground #887b8c
editorGroup.border #0000
editorGroup.dropBackground #261e2a
editorGroup.emptyBackground #0000
editorGroup.focusedEmptyBorder #0000
editorGroupHeader.border #0000
editorGroupHeader.noTabsBackground #0000
editorGroupHeader.tabsBackground #0000
editorGroupHeader.tabsBorder #0000
editorGutter.addedBackground #4b8686
editorGutter.background #1d1920
editorGutter.commentRangeForeground #2e2533
editorGutter.deletedBackground #e06278
editorGutter.foldingControlForeground #c285b2
editorGutter.modifiedBackground #e99d90
editorHint.border #0000
editorHint.foreground #887b8c
editorHoverWidget.background #261e2a
editorHoverWidget.border #6f637380
editorHoverWidget.foreground #887b8c
editorHoverWidget.highlightForeground #cdc8d0
editorHoverWidget.statusBarBackground #0000
editorIndentGuide.activeBackground1 #6f6373
editorIndentGuide.background1 #6f637366
editorInfo.border #2e2533
editorInfo.foreground #d27f91
editorInlayHint.background #2e253380
editorInlayHint.foreground #887b8c80
editorInlayHint.parameterBackground #2e253380
editorInlayHint.parameterForeground #c285b280
editorInlayHint.typeBackground #2e253380
editorInlayHint.typeForeground #d27f9180
editorLightBulb.foreground #4b8686
editorLightBulbAutoFix.foreground #e06278
editorLineNumber.activeForeground #cdc8d0
editorLineNumber.foreground #887b8c
editorLink.activeForeground #e06278
editorMarkerNavigation.background #261e2a
editorMarkerNavigationError.background #261e2a
editorMarkerNavigationInfo.background #261e2a
editorMarkerNavigationWarning.background #261e2a
editorOverviewRuler.addedForeground #4b868680
editorOverviewRuler.background #1d1920
editorOverviewRuler.border #6f637366
editorOverviewRuler.bracketMatchForeground #887b8c
editorOverviewRuler.commentForeground #887b8c80
editorOverviewRuler.commentUnresolvedForeground #edb39280
editorOverviewRuler.commonContentForeground #6f63731a
editorOverviewRuler.currentContentForeground #6f637333
editorOverviewRuler.deletedForeground #e0627880
editorOverviewRuler.errorForeground #e0627880
editorOverviewRuler.findMatchForeground #6f637366
editorOverviewRuler.incomingContentForeground #c285b280
editorOverviewRuler.infoForeground #d27f9180
editorOverviewRuler.modifiedForeground #e99d9080
editorOverviewRuler.rangeHighlightForeground #6f637366
editorOverviewRuler.selectionHighlightForeground #6f637366
editorOverviewRuler.warningForeground #edb39280
editorOverviewRuler.wordHighlightForeground #6f637380
editorOverviewRuler.wordHighlightStrongForeground #504757
editorPane.background #0000
editorRuler.foreground #6f637366
editorSuggestWidget.background #261e2a
editorSuggestWidget.border #0000
editorSuggestWidget.focusHighlightForeground #e06278
editorSuggestWidget.foreground #887b8c
editorSuggestWidget.highlightForeground #e06278
editorSuggestWidget.selectedBackground #443c4a
editorSuggestWidget.selectedForeground #cdc8d0
editorSuggestWidget.selectedIconForeground #cdc8d0
editorUnnecessaryCode.border #0000
editorUnnecessaryCode.opacity #cdc8d080
editorWarning.border #0000
editorWarning.foreground #f5c99f
editorWhitespace.foreground #6f637380
editorWidget.background #261e2a
editorWidget.border #2e2533
editorWidget.foreground #887b8c
editorWidget.resizeBorder #6f6373
errorForeground #e8758a
extensionBadge.remoteBackground #c285b2
extensionBadge.remoteForeground #1d1920
extensionButton.prominentBackground #e06278
extensionButton.prominentForeground #1d1920
extensionButton.prominentHoverBackground #e06278e6
extensionIcon.preReleaseForeground #4b8686
extensionIcon.starForeground #e06278
extensionIcon.verifiedForeground #c285b2
focusBorder #6f637333
foreground #cdc8d0
git.blame.editorDecorationForeground #6f6373
gitDecoration.addedResourceForeground #4b8686
gitDecoration.conflictingResourceForeground #e06278
gitDecoration.deletedResourceForeground #e06278
gitDecoration.ignoredResourceForeground #6f6373
gitDecoration.modifiedResourceForeground #e99d90
gitDecoration.renamedResourceForeground #4b8686
gitDecoration.stageDeletedResourceForeground #e06278
gitDecoration.stageModifiedResourceForeground #c285b2
gitDecoration.submoduleResourceForeground #edb392
gitDecoration.untrackedResourceForeground #edb392
gitlens.decorations.addedForegroundColor #4b8686
gitlens.decorations.deletedForegroundColor #e06278
gitlens.decorations.ignoredForegroundColor #6f6373
gitlens.decorations.modifiedForegroundColor #e99d90
gitlens.decorations.renamedForegroundColor #4b8686
gitlens.decorations.untrackedForegroundColor #edb392
gitlens.gutterBackgroundColor #1d1920
gitlens.gutterForegroundColor #887b8c
gitlens.gutterUncommittedForegroundColor #e99d90
gitlens.lineHighlightBackgroundColor #251f28
gitlens.lineHighlightOverviewRulerColor #6f6373
gitlens.trailingLineBackgroundColor #0000
gitlens.trailingLineForegroundColor #887b8c
icon.foreground #cdc8d0
input.background #261e2a80
input.border #6f637333
input.foreground #cdc8d0
input.placeholderForeground #887b8c
inputOption.activeBackground #e0627826
inputOption.activeBorder #0000
inputOption.activeForeground #e06278
inputValidation.errorBackground #261e2a
inputValidation.errorBorder #6f637366
inputValidation.errorForeground #e06278
inputValidation.infoBackground #261e2a
inputValidation.infoBorder #6f637366
inputValidation.infoForeground #d27f91
inputValidation.warningBackground #261e2a
inputValidation.warningBorder #6f637366
inputValidation.warningForeground #f5c99f
keybindingLabel.background #2e2533
keybindingLabel.border #6f637366
keybindingLabel.bottomBorder #6f637366
keybindingLabel.foreground #c285b2
keybindingTable.headerBackground #2e2533
keybindingTable.rowsBackground #261e2a
list.activeSelectionBackground #443c4a33
list.activeSelectionForeground #cdc8d0
list.activeSelectionIconForeground #cdc8d0
list.deemphasizedForeground #6f6373
list.dropBackground #261e2a
list.errorForeground #e06278
list.filterMatchBackground #261e2a
list.filterMatchBorder #e06278
list.focusBackground #443c4a
list.focusForeground #cdc8d0
list.focusOutline #6f637333
list.highlightForeground #e06278
list.hoverBackground #261e2a80
list.hoverForeground #887b8c
list.inactiveFocusBackground #261e2a
list.inactiveSelectionBackground #261e2a
list.inactiveSelectionForeground #887b8c
list.invalidItemForeground #e06278
list.warningForeground #f5c99f
listFilterWidget.background #261e2a
listFilterWidget.noMatchesOutline #e06278
listFilterWidget.outline #2e2533
menu.background #261e2a
menu.border #6f63731a
menu.foreground #cdc8d0
menu.selectionBackground #6f637333
menu.selectionBorder #2e2533
menu.selectionForeground #cdc8d0
menu.separatorBackground #6f637366
menubar.selectionBackground #6f637333
menubar.selectionBorder #6f63731a
menubar.selectionForeground #cdc8d0
merge.border #2e2533
merge.commonContentBackground #6f637333
merge.commonHeaderBackground #6f637333
merge.currentContentBackground #edb39233
merge.currentHeaderBackground #edb39233
merge.incomingContentBackground #4b868633
merge.incomingHeaderBackground #4b868633
minimap.background #261e2a
minimap.errorHighlight #e0627880
minimap.findMatchHighlight #6f637333
minimap.selectionHighlight #6f637333
minimap.warningHighlight #edb39280
minimapGutter.addedBackground #4b8686
minimapGutter.deletedBackground #e06278
minimapGutter.modifiedBackground #e99d90
minimapSlider.activeBackground #6f637366
minimapSlider.background #6f637333
minimapSlider.hoverBackground #6f637333
notebook.cellBorderColor #d27f9180
notebook.cellEditorBackground #261e2a
notebook.cellHoverBackground #2e253380
notebook.focusedCellBackground #6f63731a
notebook.focusedCellBorder #d27f91
notebook.outputContainerBackgroundColor #6f63731a
notificationCenter.border #6f637333
notificationCenterHeader.background #261e2a
notificationCenterHeader.foreground #887b8c
notificationLink.foreground #c285b2
notifications.background #261e2a
notifications.border #6f637333
notifications.foreground #cdc8d0
notificationsErrorIcon.foreground #e06278
notificationsInfoIcon.foreground #d27f91
notificationsWarningIcon.foreground #edb392
notificationToast.border #6f637333
panel.background #261e2a
panel.border #0000
panel.dropBorder #2e2533
panelInput.border #261e2a
panelSection.dropBackground #6f637333
panelSectionHeader.background #261e2a
panelSectionHeader.foreground #cdc8d0
panelTitle.activeBorder #6f637366
panelTitle.activeForeground #cdc8d0
panelTitle.inactiveForeground #887b8c
peekView.border #2e2533
peekViewEditor.background #261e2a
peekViewEditor.matchHighlightBackground #6f637366
peekViewResult.background #261e2a
peekViewResult.fileForeground #887b8c
peekViewResult.lineForeground #887b8c
peekViewResult.matchHighlightBackground #6f637366
peekViewResult.selectionBackground #443c4a
peekViewResult.selectionForeground #887b8c
peekViewTitle.background #2e2533
peekViewTitleDescription.foreground #887b8c
peekViewTitleLabel.foreground #cdc8d0
pickerGroup.border #6f637366
pickerGroup.foreground #c285b2
ports.iconRunningProcessForeground #e06278
problemsErrorIcon.foreground #e06278
problemsInfoIcon.foreground #d27f91
problemsWarningIcon.foreground #edb392
progressBar.background #e06278
quickInput.background #261e2a
quickInput.foreground #887b8c
quickInputList.focusBackground #6f637333
quickInputList.focusForeground #cdc8d0
quickInputList.focusIconForeground #cdc8d0
scrollbar.shadow #1d19204d
scrollbarSlider.activeBackground #4b868680
scrollbarSlider.background #6f637341
scrollbarSlider.hoverBackground #6f637362
searchEditor.findMatchBackground #6f637333
selection.background #443c4a
settings.dropdownForeground #cdc8d0
settings.focusedRowBackground #261e2a
settings.focusedRowBorder #6f637333
settings.headerForeground #cdc8d0
settings.modifiedItemIndicator #e06278
settings.rowHoverBackground #261e2a
sideBar.background #1d1920
sideBar.border #6f637333
sideBar.dropBackground #261e2a
sideBar.foreground #887b8c
sideBarSectionHeader.background #0000
sideBarSectionHeader.border #6f637333
sideBarSectionHeader.foreground #cdc8d0
statusBar.background #1d1920
statusBar.debuggingBackground #c285b2
statusBar.debuggingForeground #1d1920
statusBar.foreground #887b8c
statusBar.noFolderBackground #1d1920
statusBar.noFolderForeground #887b8c
statusBarItem.activeBackground #6f637366
statusBarItem.errorBackground #1d1920
statusBarItem.errorForeground #e06278
statusBarItem.focusBorder #443c4a
statusBarItem.hoverBackground #443c4a
statusBarItem.prominentBackground #2e2533
statusBarItem.prominentForeground #cdc8d0
statusBarItem.prominentHoverBackground #443c4a
statusBarItem.remoteBackground #1d1920
statusBarItem.remoteForeground #edb392
symbolIcon.arrayForeground #887b8c
symbolIcon.classForeground #887b8c
symbolIcon.colorForeground #887b8c
symbolIcon.constantForeground #887b8c
symbolIcon.constructorForeground #887b8c
symbolIcon.enumeratorForeground #887b8c
symbolIcon.enumeratorMemberForeground #887b8c
symbolIcon.eventForeground #887b8c
symbolIcon.fieldForeground #887b8c
symbolIcon.fileForeground #887b8c
symbolIcon.folderForeground #887b8c
symbolIcon.functionForeground #887b8c
symbolIcon.interfaceForeground #887b8c
symbolIcon.keyForeground #887b8c
symbolIcon.keywordForeground #887b8c
symbolIcon.methodForeground #887b8c
symbolIcon.moduleForeground #887b8c
symbolIcon.namespaceForeground #887b8c
symbolIcon.nullForeground #887b8c
symbolIcon.numberForeground #887b8c
symbolIcon.objectForeground #887b8c
symbolIcon.operatorForeground #887b8c
symbolIcon.packageForeground #887b8c
symbolIcon.propertyForeground #887b8c
symbolIcon.referenceForeground #887b8c
symbolIcon.snippetForeground #887b8c
symbolIcon.stringForeground #887b8c
symbolIcon.structForeground #887b8c
symbolIcon.textForeground #887b8c
symbolIcon.typeParameterForeground #887b8c
symbolIcon.unitForeground #887b8c
symbolIcon.variableForeground #887b8c
tab.activeBackground #6f63731a
tab.activeBorder #0000
tab.activeBorderTop #0000
tab.activeForeground #cdc8d0
tab.activeModifiedBorder #d27f91
tab.border #0000
tab.hoverBackground #6f637333
tab.hoverForeground #cdc8d0
tab.inactiveBackground #0000
tab.inactiveForeground #887b8c
tab.inactiveModifiedBorder #d27f9180
tab.lastPinnedBorder #6f6373
tab.unfocusedActiveBackground #0000
tab.unfocusedActiveBorder #0000
tab.unfocusedActiveBorderTop #0000
tab.unfocusedActiveForeground #cdc8d0
tab.unfocusedHoverBackground #0000
tab.unfocusedHoverForeground #cdc8d0
tab.unfocusedInactiveBackground #0000
tab.unfocusedInactiveForeground #887b8c
tab.unfocusedInactiveModifiedBorder #d27f9180
terminal.ansiBlack #362d3b
terminal.ansiBlue #d27f91
terminal.ansiBrightBlack #887b8c
terminal.ansiBrightBlue #d27f91
terminal.ansiBrightCyan #e99d90
terminal.ansiBrightGreen #4b8686
terminal.ansiBrightMagenta #c285b2
terminal.ansiBrightRed #e06278
terminal.ansiBrightWhite #cdc8d0
terminal.ansiBrightYellow #edb392
terminal.ansiCyan #e99d90
terminal.ansiGreen #4b8686
terminal.ansiMagenta #c285b2
terminal.ansiRed #e06278
terminal.ansiWhite #cdc8d0
terminal.ansiYellow #edb392
terminal.dropBackground #6f637333
terminal.foreground #cdc8d0
terminal.selectionBackground #443c4a
terminal.tab.activeBorder #cdc8d0
terminalCursor.background #504757
terminalCursor.foreground #cdc8d0
textBlockQuote.background #261e2a
textBlockQuote.border #6f637333
textCodeBlock.background #261e2a
textLink.activeForeground #c285b2e6
textLink.foreground #c285b2
textPreformat.foreground #edb392
textSeparator.foreground #887b8c
titleBar.activeBackground #1d1920
titleBar.activeForeground #cdc8d0
titleBar.inactiveBackground #1d1920
titleBar.inactiveForeground #887b8c
toolbar.activeBackground #6f637366
toolbar.hoverBackground #6f637333
tree.indentGuidesStroke #887b8c
walkThrough.embeddedEditorBackground #1d1920
welcomePage.background #1d1920
widget.shadow #261e2a4d
window.activeBorder #261e2a
window.inactiveBorder #261e2a #cdc8d0
entity.name.function, meta.function-call.python #e99d90 —
entity.other.attribute-name.tsx #c285b2 —
entity.name.tag, entity.name.variable.parameter.cs, meta.method.body.java #d27f91 —
entity.name.tag.css, entity.name.namespace.cpp #4b8686 —
entity.name.type, keyword.operator.sizeof.cpp, storage.type.cs #d27f91 —
entity.other.attribute-name.id, keyword.operator.logical.cpp, entity.name.function.operator.member.cpp, entity.name.function.operator.cpp #4b8686 —
entity.name.type.cpp, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.pseudo-class #c285b2 —
keyword, keyword.control.new.java, keyword.operator.logical.python, keyword.control.flow.python, support.variable.magic.python, keyword.operator.logical.cpp #4b8686 —
keyword.operator.assignment #887b8c —
keyword.other.unit #4b8686 —
markup.heading, entity.name.section #e99d90 bold
punctuation, punctuation.definition.arguments.end.python, punctuation.definition.arguments.begin.python, punctuation.definition.inheritance.begin.python, punctuation.definition.inheritance.end.python, punctuation.section.class.begin.python, punctuation.section.class.end.python, punctuation.parenthesis.begin.python, punctuation.parenthesis.end.python, punctuation.section.function.begin.python, punctuation.section.function.end.python, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.separator, punctuation.definition.template-expression, punctuation.quasi.element, punctuation.section.embedded, punctuation.definition.list, punctuation.section.block.begin.bracket.curly.java, punctuation.section.block.end.bracket.curly.java, punctuation.definition.parameters.begin.bracket.round.java, punctuation.definition.parameters.end.bracket.round.java, punctuation.bracket.square.java, punctuation.terminator.java, punctuation.bracket.angle.java, punctuation.bracket.round.java, punctuation.section.block.end.bracket.curly.java, punctuation.definition.tag #887b8c —
punctuation.definition.string #edb392 —
storage, storage.type.function.python, storage.modifier.java #4b8686 —
string.quoted, string.template, string.regexp, string.other.link, string.template meta.embedded #edb392 —
support.type.property-name.css #cdc8d0 —
variable.argument.css #cdc8d0 —
variable.language #cdc8d0 —
variable.other.local.cpp, variable.other.global.cpp, variable.parameter.function.language.python, meta.function-call.arguments.python, variable.parameter.cpp, variable.other.definition.java, meta.function-call.java, variable.other.constant.js, variable.other.readwrite.js, variable.other.object.js, variable.other.property.js #cdc8d0 —
meta.preprocessor.cpp, keyword.other.directive.cpp #e06278 —
keyword.operator.stream.cpp, punctuation.separator.scope-resolution.cpp #e06278 —
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 } !` ;
}
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
src
components
fetchUser.ts
fetchUser 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
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*
Button.tsx
31
$
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 } !` ;
}
Corduroy for VSCode | Coding Theme