Skip to main content
New South Wales | Coding Theme
Home Theme VS Code New South Wales A professional theme for Visual Studio Code featuring New South Wales' iconic blue and waratah red colour palette.
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
colors Workbench UI color keys from the theme JSON colors map.
actionBar.toggledBackground #00266440 activityBar.activeBackground #0D0E1450 activityBar.activeBorder #002664 activityBar.activeFocusBorder #002664 activityBar.background #060710 activityBar.border #060710 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #B0BEC580 italic variable, string constant.other.placeholder #E8EDF3 — constant.other.color #002664 — invalid, invalid.illegal #E22339 — keyword, storage.type, storage.modifier
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}!`;
}
New South Wales — New South Wales Dark main*
0 1
Copilot
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Dark+
activityBar.dropBorder #002664
activityBar.foreground #E8EDF3
activityBar.inactiveForeground #B0BEC580
activityBarBadge.background #002664
activityBarBadge.foreground #E8EDF3
activityBarTop.activeBackground #0D0E1450
activityBarTop.activeBorder #002664
activityBarTop.background #060710
activityBarTop.dropBorder #002664
activityBarTop.foreground #E8EDF3
activityBarTop.inactiveForeground #B0BEC580
activityErrorBadge.background #E22339
activityErrorBadge.foreground #E8EDF3
activityWarningBadge.background #FFCC2C
activityWarningBadge.foreground #E8EDF3
agentSessionReadIndicator.foreground #002664
agentSessionSelectedBadge.border #00266450
agentSessionSelectedUnfocusedBadge.border #E8EDF350
agentStatusIndicator.background #1A1B24
aiCustomizationManagement.sashBorder #002664
badge.background #002664
badge.foreground #E8EDF3
banner.background #002664
banner.foreground #E8EDF3
banner.iconForeground #E8EDF3
breadcrumb.activeSelectionForeground #002664
breadcrumb.background #0D0E14
breadcrumb.focusForeground #E8EDF3
breadcrumb.foreground #B0BEC5
breadcrumbPicker.background #14151C
button.background #002664
button.border #00266400
button.foreground #E8EDF3
button.hoverBackground #001A4A
button.secondaryBackground #1A1B24
button.secondaryBorder #00266450
button.secondaryForeground #E8EDF3
button.secondaryHoverBackground #252630
button.separator #E8EDF340
charts.blue #002664
charts.foreground #E8EDF3
charts.green #339D37
charts.lines #B0BEC580
charts.orange #7EB8DA
charts.purple #E63A56
charts.red #E22339
charts.yellow #FFCC2C
chat.avatarBackground #002664
chat.avatarForeground #E8EDF3
chat.checkpointSeparator #00266450
chat.editedFileForeground #002664
chat.inputWorkingBorderColor1 #002664
chat.inputWorkingBorderColor2 #001A4A
chat.inputWorkingBorderColor3 #002664
chat.linesAddedForeground #339D37CC
chat.linesRemovedForeground #E22339CC
chat.requestBackground #1A1B24
chat.requestBorder #00266450
chat.requestBubbleBackground #1A1B24E6
chat.requestBubbleHoverBackground #252630E6
chat.requestCodeBorder #00266430
chat.slashCommandBackground #002664
chat.slashCommandForeground #E8EDF3
chat.thinkingShimmer #00266440
chatManagement.sashBorder #002664
checkbox.background #1E1F28
checkbox.border #00266450
checkbox.disabled.background #1E1F2880
checkbox.disabled.foreground #B0BEC560
checkbox.foreground #002664
checkbox.selectBackground #1E1F28
checkbox.selectBorder #002664
commandCenter.activeBackground #E8EDF325
commandCenter.activeBorder #E8EDF350
commandCenter.activeForeground #E8EDF3
commandCenter.background #E8EDF315
commandCenter.border #E8EDF330
commandCenter.debuggingBackground #339D3730
commandCenter.foreground #E8EDF3
commandCenter.inactiveBorder #E8EDF320
commandCenter.inactiveForeground #B0BEC580
commentsView.resolvedIcon #339D37
commentsView.unresolvedIcon #FFCC2C
contrastActiveBorder #00266400
contrastBorder #00266400
debugConsole.errorForeground #E22339
debugConsole.infoForeground #5B9BD5
debugConsole.sourceForeground #B0BEC5
debugConsole.warningForeground #FFCC2C
debugConsoleInputIcon.foreground #002664
debugExceptionWidget.background #E2233920
debugExceptionWidget.border #E2233980
debugIcon.breakpointCurrentStackframeForeground #FFCC2C
debugIcon.breakpointDisabledForeground #B0BEC580
debugIcon.breakpointForeground #E22339
debugIcon.breakpointStackframeForeground #339D37
debugIcon.breakpointUnverifiedForeground #FFCC2C
debugIcon.continueForeground #339D37
debugIcon.disconnectForeground #E22339
debugIcon.pauseForeground #FFCC2C
debugIcon.restartForeground #339D37
debugIcon.startForeground #339D37
debugIcon.stepBackForeground #002664
debugIcon.stepIntoForeground #002664
debugIcon.stepOutForeground #002664
debugIcon.stepOverForeground #002664
debugIcon.stopForeground #E22339
debugTokenExpression.boolean #7EB8DA
debugTokenExpression.error #E22339
debugTokenExpression.name #E63A56
debugTokenExpression.number #7EB8DA
debugTokenExpression.string #6BBE27
debugTokenExpression.type #E63A56
debugTokenExpression.value #6BBE27
debugToolBar.background #14151C
debugView.exceptionLabelBackground #E2233980
debugView.exceptionLabelForeground #E8EDF3
debugView.stateLabelBackground #00266450
debugView.stateLabelForeground #E8EDF3
debugView.valueChangedHighlight #00266480
descriptionForeground #B0BEC5
diffEditor.border #00266420
diffEditor.diagonalFill #00266420
diffEditor.insertedLineBackground #339D3715
diffEditor.insertedTextBackground #339D3720
diffEditor.insertedTextBorder #339D3750
diffEditor.move.border #00266480
diffEditor.moveActive.border #002664
diffEditor.removedLineBackground #E2233915
diffEditor.removedTextBackground #E2233920
diffEditor.removedTextBorder #E2233950
diffEditor.unchangedCodeBackground #0D0E1480
diffEditor.unchangedRegionBackground #14151C
diffEditor.unchangedRegionForeground #B0BEC580
diffEditor.unchangedRegionShadow #00000030
diffEditorGutter.insertedLineBackground #339D3730
diffEditorGutter.removedLineBackground #E2233930
diffEditorOverview.insertedForeground #339D3780
diffEditorOverview.removedForeground #E2233980
disabledForeground #B0BEC560
dropdown.background #1E1F28
dropdown.border #00266450
dropdown.foreground #E8EDF3
dropdown.listBackground #14151C
editor.background #0D0E14
editor.compositionBorder #002664
editor.findMatchBackground #00266480
editor.findMatchBorder #002664
editor.findMatchForeground #E8EDF3
editor.findMatchHighlightBackground #00266450
editor.findMatchHighlightBorder #00266480
editor.findMatchHighlightForeground #E8EDF3
editor.findRangeHighlightBackground #00266420
editor.findRangeHighlightBorder #00266400
editor.focusedStackFrameHighlightBackground #339D3730
editor.foldBackground #00266415
editor.foldPlaceholderForeground #B0BEC580
editor.foreground #E8EDF3
editor.hoverHighlightBackground #00266425
editor.inactiveLineHighlightBackground #1E1F2880
editor.inactiveSelectionBackground #00266430
editor.inlineValuesBackground #00266415
editor.inlineValuesForeground #B0BEC5CC
editor.lineHighlightBackground #1E1F28
editor.lineHighlightBorder #00266415
editor.linkedEditingBackground #00266430
editor.placeholder.foreground #B0BEC580
editor.rangeHighlightBackground #00266415
editor.rangeHighlightBorder #00266400
editor.selectionBackground #00266450
editor.selectionForeground #E8EDF3
editor.selectionHighlightBackground #00266430
editor.selectionHighlightBorder #00266450
editor.stackFrameHighlightBackground #FFCC2C30
editor.symbolHighlightBackground #00266430
editor.symbolHighlightBorder #00266450
editor.wordHighlightBackground #00266430
editor.wordHighlightBorder #00266450
editor.wordHighlightStrongBackground #00266450
editor.wordHighlightStrongBorder #00266480
editor.wordHighlightTextBackground #00266420
editor.wordHighlightTextBorder #00266440
editorActionList.background #14151C
editorActionList.focusBackground #00266440
editorActionList.focusForeground #E8EDF3
editorActionList.foreground #E8EDF3
editorBracketHighlight.foreground1 #4477BB
editorBracketHighlight.foreground2 #E63A56
editorBracketHighlight.foreground3 #FFCC2C
editorBracketHighlight.foreground4 #6BBE27
editorBracketHighlight.foreground5 #5B9BD5
editorBracketHighlight.foreground6 #7EB8DA
editorBracketHighlight.unexpectedBracket.foreground #E22339
editorBracketMatch.border #00266480
editorBracketMatch.foreground #002664
editorBracketPairGuide.activeBackground1 #4477BB80
editorBracketPairGuide.activeBackground2 #E63A5680
editorBracketPairGuide.activeBackground3 #FFCC2C80
editorBracketPairGuide.activeBackground4 #6BBE2780
editorBracketPairGuide.activeBackground5 #5B9BD580
editorBracketPairGuide.activeBackground6 #7EB8DA80
editorBracketPairGuide.background1 #4477BB40
editorBracketPairGuide.background2 #E63A5640
editorBracketPairGuide.background3 #FFCC2C40
editorBracketPairGuide.background4 #6BBE2740
editorBracketPairGuide.background5 #5B9BD540
editorBracketPairGuide.background6 #7EB8DA40
editorCodeLens.foreground #B0BEC580
editorCommentsWidget.rangeActiveBackground #00266420
editorCommentsWidget.rangeBackground #00266410
editorCommentsWidget.replyInputBackground #1E1F28
editorCommentsWidget.resolvedBorder #339D3750
editorCommentsWidget.unresolvedBorder #FFCC2C
editorCursor.background #0D0E14
editorCursor.foreground #002664
editorError.background #E2233915
editorError.border #E2233900
editorError.foreground #E22339
editorGhostText.background #00266400
editorGhostText.border #00266400
editorGhostText.foreground #00266480
editorGroup.border #00266420
editorGroup.dropBackground #00266430
editorGroup.dropIntoPromptBackground #14151C
editorGroup.dropIntoPromptBorder #00266450
editorGroup.dropIntoPromptForeground #E8EDF3
editorGroup.emptyBackground #0D0E14
editorGroup.focusedEmptyBorder #00266450
editorGroupHeader.border #00266420
editorGroupHeader.noTabsBackground #0D0E14
editorGroupHeader.tabsBackground #14151C
editorGroupHeader.tabsBorder #00266420
editorGutter.addedBackground #339D37
editorGutter.addedSecondaryBackground #339D3780
editorGutter.background #0D0E14
editorGutter.commentDraftGlyphForeground #00266480
editorGutter.commentGlyphForeground #002664
editorGutter.commentRangeForeground #B0BEC550
editorGutter.commentUnresolvedGlyphForeground #FFCC2C
editorGutter.deletedBackground #E22339
editorGutter.deletedSecondaryBackground #E2233980
editorGutter.foldingControlForeground #B0BEC580
editorGutter.itemBackground #14151C
editorGutter.itemGlyphForeground #002664
editorGutter.modifiedBackground #002664
editorGutter.modifiedSecondaryBackground #00266480
editorHint.border #339D3700
editorHint.foreground #339D37
editorHoverWidget.background #14151C
editorHoverWidget.border #00266450
editorHoverWidget.foreground #E8EDF3
editorHoverWidget.highlightForeground #002664
editorHoverWidget.statusBarBackground #1A1B24
editorIndentGuide.activeBackground1 #4477BB
editorIndentGuide.activeBackground2 #E63A56
editorIndentGuide.activeBackground3 #FFCC2C
editorIndentGuide.activeBackground4 #6BBE27
editorIndentGuide.activeBackground5 #5B9BD5
editorIndentGuide.activeBackground6 #7EB8DA
editorIndentGuide.background1 #4477BB25
editorIndentGuide.background2 #E63A5625
editorIndentGuide.background3 #FFCC2C25
editorIndentGuide.background4 #6BBE2725
editorIndentGuide.background5 #5B9BD525
editorIndentGuide.background6 #7EB8DA25
editorInfo.background #5B9BD515
editorInfo.border #5B9BD500
editorInfo.foreground #5B9BD5
editorInlayHint.background #1E1F28
editorInlayHint.foreground #B0BEC5
editorInlayHint.parameterBackground #1E1F28
editorInlayHint.parameterForeground #B0BEC5
editorInlayHint.typeBackground #1E1F28
editorInlayHint.typeForeground #6BBE27
editorLightBulb.foreground #FFCC2C
editorLightBulbAi.foreground #002664
editorLightBulbAutoFix.foreground #339D37
editorLineNumber.activeForeground #002664
editorLineNumber.dimmedForeground #B0BEC550
editorLineNumber.foreground #E63A56
editorLink.activeForeground #002664
editorMarkerNavigation.background #14151C
editorMarkerNavigationError.background #E2233930
editorMarkerNavigationError.headerBackground #E2233920
editorMarkerNavigationInfo.background #5B9BD530
editorMarkerNavigationInfo.headerBackground #5B9BD520
editorMarkerNavigationWarning.background #FFCC2C30
editorMarkerNavigationWarning.headerBackground #FFCC2C20
editorMinimap.inlineChatInserted #339D3740
editorMinimap.inlineChatRemoved #E2233940
editorMultiCursor.primary.background #0D0E14
editorMultiCursor.primary.foreground #002664
editorMultiCursor.secondary.background #0D0E14
editorMultiCursor.secondary.foreground #E63A56
editorOverviewRuler.addedForeground #339D37
editorOverviewRuler.background #0D0E14
editorOverviewRuler.border #00266420
editorOverviewRuler.bracketMatchForeground #00266480
editorOverviewRuler.commentDraftForeground #00266460
editorOverviewRuler.commentForeground #00266440
editorOverviewRuler.commentUnresolvedForeground #FFCC2C80
editorOverviewRuler.commonContentForeground #B0BEC550
editorOverviewRuler.currentContentForeground #339D3780
editorOverviewRuler.deletedForeground #E22339
editorOverviewRuler.errorForeground #E22339
editorOverviewRuler.findMatchForeground #002664CC
editorOverviewRuler.incomingContentForeground #00266480
editorOverviewRuler.infoForeground #5B9BD5
editorOverviewRuler.inlineChatInserted #339D3780
editorOverviewRuler.inlineChatRemoved #E2233980
editorOverviewRuler.modifiedForeground #002664
editorOverviewRuler.rangeHighlightForeground #00266499
editorOverviewRuler.selectionHighlightForeground #00266499
editorOverviewRuler.warningForeground #FFCC2C
editorOverviewRuler.wordHighlightForeground #00266499
editorOverviewRuler.wordHighlightStrongForeground #002664CC
editorOverviewRuler.wordHighlightTextForeground #00266480
editorPane.background #0D0E14
editorRuler.foreground #E63A5630
editorSnippetFinalTabstopHighlightBackground #339D3730
editorSnippetFinalTabstopHighlightBorder #339D3700
editorSnippetTabstopHighlightBackground #00266430
editorSnippetTabstopHighlightBorder #00266400
editorStickyScroll.background #14151C
editorStickyScroll.border #00266420
editorStickyScroll.shadow #00000030
editorStickyScrollGutter.background #14151C
editorStickyScrollHover.background #252630
editorSuggestWidget.background #14151C
editorSuggestWidget.border #00266450
editorSuggestWidget.focusHighlightForeground #002664
editorSuggestWidget.foreground #E8EDF3
editorSuggestWidget.highlightForeground #002664
editorSuggestWidget.selectedBackground #00266450
editorSuggestWidget.selectedForeground #E8EDF3
editorSuggestWidget.selectedIconForeground #E8EDF3
editorSuggestWidgetStatus.foreground #B0BEC580
editorUnicodeHighlight.background #FFCC2C20
editorUnicodeHighlight.border #FFCC2C
editorUnnecessaryCode.border #B0BEC550
editorUnnecessaryCode.opacity #000000AA
editorWarning.background #FFCC2C15
editorWarning.border #FFCC2C00
editorWarning.foreground #FFCC2C
editorWhitespace.foreground #E63A5650
editorWidget.background #14151C
editorWidget.border #00266450
editorWidget.foreground #E8EDF3
editorWidget.resizeBorder #002664
errorForeground #E22339
extensionBadge.remoteBackground #002664
extensionBadge.remoteForeground #E8EDF3
extensionButton.background #002664
extensionButton.border #00266400
extensionButton.foreground #E8EDF3
extensionButton.hoverBackground #001A4A
extensionButton.prominentBackground #002664
extensionButton.prominentForeground #E8EDF3
extensionButton.prominentHoverBackground #001A4A
extensionButton.separator #E8EDF340
extensionIcon.preReleaseForeground #002664
extensionIcon.privateForeground #B0BEC580
extensionIcon.sponsorForeground #E63A56
extensionIcon.starForeground #FFCC2C
extensionIcon.verifiedForeground #339D37
focusBorder #002664
foreground #E8EDF3
gauge.background #14151C
gauge.border #00266430
gauge.errorBackground #E2233930
gauge.errorForeground #E22339
gauge.foreground #E8EDF3
gauge.warningBackground #FFCC2C30
gauge.warningForeground #FFCC2C
git.blame.editorDecorationForeground #B0BEC560
gitDecoration.addedResourceForeground #339D37
gitDecoration.conflictingResourceForeground #FFCC2C
gitDecoration.deletedResourceForeground #E22339
gitDecoration.ignoredResourceForeground #B0BEC580
gitDecoration.modifiedResourceForeground #002664
gitDecoration.renamedResourceForeground #002664
gitDecoration.stageDeletedResourceForeground #E22339CC
gitDecoration.stageModifiedResourceForeground #002664CC
gitDecoration.submoduleResourceForeground #6BBE27
gitDecoration.untrackedResourceForeground #339D37
icon.foreground #002664
inlineChat.background #14151C
inlineChat.border #00266450
inlineChat.foreground #E8EDF3
inlineChat.shadow #00000080
inlineChatDiff.inserted #339D3730
inlineChatDiff.removed #E2233930
inlineChatInput.background #1E1F28
inlineChatInput.border #00266450
inlineChatInput.focusBorder #002664
inlineChatInput.placeholderForeground #B0BEC580
inlineEdit.gutterIndicator.background #14151C
inlineEdit.gutterIndicator.primaryBackground #00266420
inlineEdit.gutterIndicator.primaryBorder #002664
inlineEdit.gutterIndicator.primaryForeground #002664
inlineEdit.gutterIndicator.secondaryBackground #E63A5620
inlineEdit.gutterIndicator.secondaryBorder #E63A56
inlineEdit.gutterIndicator.secondaryForeground #E63A56
inlineEdit.gutterIndicator.successfulBackground #339D3720
inlineEdit.gutterIndicator.successfulBorder #339D37
inlineEdit.gutterIndicator.successfulForeground #339D37
inlineEdit.modifiedBackground #00266415
inlineEdit.modifiedBorder #00266450
inlineEdit.modifiedChangedLineBackground #00266420
inlineEdit.modifiedChangedTextBackground #00266430
inlineEdit.originalBackground #E2233910
inlineEdit.originalBorder #E2233930
inlineEdit.originalChangedLineBackground #E2233915
inlineEdit.originalChangedTextBackground #E2233925
inlineEdit.tabWillAcceptModifiedBorder #339D3780
inlineEdit.tabWillAcceptOriginalBorder #E2233950
input.background #1E1F28
input.border #00266450
input.foreground #E8EDF3
input.placeholderForeground #B0BEC580
inputOption.activeBackground #00266440
inputOption.activeBorder #002664
inputOption.activeForeground #E8EDF3
inputOption.hoverBackground #00266420
inputValidation.errorBackground #E2233920
inputValidation.errorBorder #E22339
inputValidation.errorForeground #E22339
inputValidation.infoBackground #5B9BD520
inputValidation.infoBorder #5B9BD5
inputValidation.infoForeground #5B9BD5
inputValidation.warningBackground #FFCC2C20
inputValidation.warningBorder #FFCC2C
inputValidation.warningForeground #FFCC2C
interactive.activeCodeBorder #002664
interactive.inactiveCodeBorder #00266430
keybindingLabel.background #00266420
keybindingLabel.border #00266440
keybindingLabel.bottomBorder #00266460
keybindingLabel.foreground #E8EDF3
keybindingTable.headerBackground #1A1B24
keybindingTable.rowsBackground #0D0E1480
list.activeSelectionBackground #00266450
list.activeSelectionForeground #E8EDF3
list.activeSelectionIconForeground #E8EDF3
list.deemphasizedForeground #B0BEC580
list.dropBackground #00266430
list.dropBetweenBackground #002664
list.errorForeground #E22339
list.filterMatchBorder #00266480
list.focusAndSelectionOutline #002664
list.focusBackground #00266440
list.focusForeground #E8EDF3
list.focusHighlightForeground #002664
list.focusOutline #00266480
list.highlightForeground #4477BB
list.hoverBackground #00266420
list.hoverForeground #E8EDF3
list.inactiveFocusBackground #00266420
list.inactiveFocusOutline #00266450
list.inactiveSelectionBackground #00266430
list.inactiveSelectionForeground #E8EDF3
list.inactiveSelectionIconForeground #E8EDF3
list.invalidItemForeground #E22339
list.warningForeground #FFCC2C
listFilterWidget.background #1E1F28
listFilterWidget.noMatchesOutline #E22339
listFilterWidget.outline #002664
listFilterWidget.shadow #00000050
markdownAlert.caution.foreground #E22339
markdownAlert.important.foreground #E63A56
markdownAlert.note.foreground #5B9BD5
markdownAlert.tip.foreground #339D37
markdownAlert.warning.foreground #FFCC2C
mcpIcon.starForeground #FFCC2C
menu.background #14151C
menu.border #00266420
menu.foreground #E8EDF3
menu.selectionBackground #00266450
menu.selectionBorder #00266400
menu.selectionForeground #E8EDF3
menu.separatorBackground #00266430
menubar.selectionBackground #00266450
menubar.selectionBorder #00266400
menubar.selectionForeground #E8EDF3
merge.border #00266450
merge.commonContentBackground #B0BEC520
merge.commonHeaderBackground #B0BEC550
merge.currentContentBackground #339D3720
merge.currentHeaderBackground #339D3750
merge.incomingContentBackground #00266420
merge.incomingHeaderBackground #00266450
mergeEditor.change.background #00266420
mergeEditor.change.word.background #00266440
mergeEditor.changeBase.background #B0BEC515
mergeEditor.changeBase.word.background #B0BEC530
mergeEditor.conflict.handled.minimapOverViewRuler #339D37
mergeEditor.conflict.handledFocused.border #339D37
mergeEditor.conflict.handledUnfocused.border #339D3750
mergeEditor.conflict.input1.background #339D3720
mergeEditor.conflict.input2.background #00266420
mergeEditor.conflict.unhandled.minimapOverViewRuler #FFCC2C
mergeEditor.conflict.unhandledFocused.border #FFCC2C
mergeEditor.conflict.unhandledUnfocused.border #FFCC2C80
mergeEditor.conflictingLines.background #FFCC2C20
minimap.background #0D0E14
minimap.chatEditHighlight #00266440
minimap.errorHighlight #E22339
minimap.findMatchHighlight #00266480
minimap.foregroundOpacity #000000FF
minimap.infoHighlight #5B9BD5
minimap.selectionHighlight #00266450
minimap.selectionOccurrenceHighlight #00266440
minimap.warningHighlight #FFCC2C
minimapGutter.addedBackground #339D37
minimapGutter.deletedBackground #E22339
minimapGutter.modifiedBackground #002664
minimapSlider.activeBackground #00266470
minimapSlider.background #00266430
minimapSlider.hoverBackground #00266450
multiDiffEditor.background #0D0E14
multiDiffEditor.border #00266420
multiDiffEditor.headerBackground #14151C
notebook.cellBorderColor #00266430
notebook.cellEditorBackground #14151C
notebook.cellHoverBackground #252630
notebook.cellInsertionIndicator #002664
notebook.cellStatusBarItemHoverBackground #00266430
notebook.cellToolbarSeparator #00266420
notebook.editorBackground #0D0E14
notebook.focusedCellBackground #1A1B24
notebook.focusedCellBorder #002664
notebook.focusedEditorBorder #002664
notebook.inactiveFocusedCellBorder #00266450
notebook.inactiveSelectedCellBorder #00266430
notebook.outputContainerBackgroundColor #060710
notebook.outputContainerBorderColor #00266420
notebook.selectedCellBackground #00266420
notebook.selectedCellBorder #00266480
notebook.symbolHighlightBackground #00266430
notebookEditorOverviewRuler.runningCellForeground #002664
notebookScrollbarSlider.activeBackground #00266470
notebookScrollbarSlider.background #00266430
notebookScrollbarSlider.hoverBackground #00266450
notebookStatusErrorIcon.foreground #E22339
notebookStatusRunningIcon.foreground #002664
notebookStatusSuccessIcon.foreground #339D37
notificationCenter.border #00266420
notificationCenterHeader.background #14151C
notificationCenterHeader.foreground #E8EDF3
notificationLink.foreground #002664
notifications.background #14151C
notifications.border #00266420
notifications.foreground #E8EDF3
notificationsErrorIcon.foreground #E22339
notificationsInfoIcon.foreground #5B9BD5
notificationsWarningIcon.foreground #FFCC2C
notificationToast.border #00266420
outputView.background #14151C
outputViewStickyScroll.background #14151C
panel.background #14151C
panel.border #00266420
panel.dropBorder #002664
panelInput.border #00266450
panelSection.border #00266420
panelSection.dropBackground #00266430
panelSectionHeader.background #14151C80
panelSectionHeader.border #00266420
panelSectionHeader.foreground #002664
panelStickyScroll.background #14151C
panelStickyScroll.border #00266420
panelStickyScroll.shadow #00000030
panelTitle.activeBorder #002664
panelTitle.activeForeground #002664
panelTitle.border #00266420
panelTitle.inactiveForeground #B0BEC580
panelTitleBadge.background #002664
panelTitleBadge.foreground #E8EDF3
peekView.border #002664
peekViewEditor.background #0D0E14
peekViewEditor.matchHighlightBackground #00266450
peekViewEditor.matchHighlightBorder #00266480
peekViewEditorGutter.background #0D0E14
peekViewEditorStickyScroll.background #14151C
peekViewEditorStickyScrollGutter.background #14151C
peekViewResult.background #14151C
peekViewResult.fileForeground #E8EDF3
peekViewResult.lineForeground #B0BEC5
peekViewResult.matchHighlightBackground #00266450
peekViewResult.selectionBackground #00266450
peekViewResult.selectionForeground #E8EDF3
peekViewTitle.background #000000
peekViewTitleDescription.foreground #B0BEC5
peekViewTitleLabel.foreground #002664
pickerGroup.border #00266430
pickerGroup.foreground #002664
ports.iconRunningProcessForeground #339D37
problemsErrorIcon.foreground #E22339
problemsInfoIcon.foreground #5B9BD5
problemsWarningIcon.foreground #FFCC2C
profileBadge.background #002664
profileBadge.foreground #E8EDF3
profiles.sashBorder #002664
progressBar.background #002664
quickInput.background #14151C
quickInput.border #00266430
quickInput.foreground #E8EDF3
quickInputList.focusBackground #00266440
quickInputList.focusForeground #E8EDF3
quickInputList.focusIconForeground #E8EDF3
quickInputList.hoverBackground #252630
quickInputTitle.background #1A1B24
radio.activeBackground #002664
radio.activeBorder #002664
radio.activeForeground #E8EDF3
radio.inactiveBackground #1E1F28
radio.inactiveBorder #00266450
radio.inactiveForeground #B0BEC5
radio.inactiveHoverBackground #252630
sash.hoverBorder #002664
scmGraph.foreground1 #002664
scmGraph.foreground2 #E63A56
scmGraph.foreground3 #6BBE27
scmGraph.foreground4 #FFCC2C
scmGraph.foreground5 #339D37
scmGraph.historyItemBaseRefColor #6BBE27
scmGraph.historyItemHoverAdditionsForeground #339D37
scmGraph.historyItemHoverDeletionsForeground #E22339
scmGraph.historyItemHoverLabelForeground #E8EDF3
scmGraph.historyItemRefColor #002664
scmGraph.historyItemRemoteRefColor #E63A56
scrollbar.background #0D0E1400
scrollbar.shadow #00000050
scrollbarSlider.activeBackground #00266470
scrollbarSlider.background #00266430
scrollbarSlider.hoverBackground #00266450
search.resultsInfoForeground #B0BEC5
searchEditor.findMatchBackground #00266440
searchEditor.findMatchBorder #00266480
searchEditor.textInputBorder #00266450
selection.background #00266450
settings.checkboxBackground #1E1F28
settings.checkboxBorder #00266450
settings.checkboxForeground #002664
settings.dropdownBackground #1E1F28
settings.dropdownBorder #00266450
settings.dropdownForeground #E8EDF3
settings.dropdownListBorder #00266430
settings.focusedRowBackground #00266415
settings.focusedRowBorder #00266440
settings.headerBorder #00266420
settings.headerForeground #E8EDF3
settings.modifiedItemIndicator #002664
settings.numberInputBackground #1E1F28
settings.numberInputBorder #00266450
settings.numberInputForeground #E8EDF3
settings.rowHoverBackground #00266415
settings.sashBorder #002664
settings.settingsHeaderHoverForeground #002664
settings.textInputBackground #1E1F28
settings.textInputBorder #00266450
settings.textInputForeground #E8EDF3
sideBar.background #14151C
sideBar.border #00266420
sideBar.dropBackground #00266430
sideBar.foreground #E8EDF3
sideBarActivityBarTop.border #00266420
sideBarSectionHeader.background #14151C80
sideBarSectionHeader.border #00266420
sideBarSectionHeader.foreground #002664
sideBarStickyScroll.background #14151C
sideBarStickyScroll.border #00266420
sideBarStickyScroll.shadow #00000030
sideBarTitle.background #14151C
sideBarTitle.border #00266420
sideBarTitle.foreground #002664
sideBySideEditor.horizontalBorder #00266420
sideBySideEditor.verticalBorder #00266420
simpleFindWidget.sashBorder #002664
statusBar.background #060710
statusBar.border #060710
statusBar.debuggingBackground #339D37
statusBar.debuggingBorder #339D3780
statusBar.debuggingForeground #E8EDF3
statusBar.focusBorder #002664
statusBar.foreground #E8EDF3
statusBar.noFolderBackground #060710
statusBar.noFolderBorder #060710
statusBar.noFolderForeground #E8EDF3
statusBarItem.activeBackground #00266450
statusBarItem.compactHoverBackground #00266440
statusBarItem.errorBackground #E22339
statusBarItem.errorForeground #E8EDF3
statusBarItem.errorHoverBackground #E22339CC
statusBarItem.errorHoverForeground #E8EDF3
statusBarItem.focusBorder #002664
statusBarItem.hoverBackground #00266430
statusBarItem.hoverForeground #E8EDF3
statusBarItem.offlineBackground #B0BEC580
statusBarItem.offlineForeground #E8EDF3
statusBarItem.offlineHoverBackground #B0BEC560
statusBarItem.offlineHoverForeground #E8EDF3
statusBarItem.prominentBackground #002664
statusBarItem.prominentForeground #E8EDF3
statusBarItem.prominentHoverBackground #001A4A
statusBarItem.prominentHoverForeground #E8EDF3
statusBarItem.remoteBackground #E63A56
statusBarItem.remoteForeground #E8EDF3
statusBarItem.remoteHoverBackground #E63A56CC
statusBarItem.remoteHoverForeground #E8EDF3
statusBarItem.warningBackground #FFCC2C
statusBarItem.warningForeground #060710
statusBarItem.warningHoverBackground #FFCC2CCC
statusBarItem.warningHoverForeground #060710
symbolIcon.arrayForeground #7EB8DA
symbolIcon.booleanForeground #7EB8DA
symbolIcon.classForeground #E63A56
symbolIcon.colorForeground #002664
symbolIcon.constantForeground #7EB8DA
symbolIcon.constructorForeground #4D80C4
symbolIcon.enumeratorForeground #E63A56
symbolIcon.enumeratorMemberForeground #7EB8DA
symbolIcon.eventForeground #FFCC2C
symbolIcon.fieldForeground #002664
symbolIcon.fileForeground #B0BEC5
symbolIcon.folderForeground #002664
symbolIcon.functionForeground #4D80C4
symbolIcon.interfaceForeground #E63A56
symbolIcon.keyForeground #002664
symbolIcon.keywordForeground #E63A56
symbolIcon.methodForeground #4D80C4
symbolIcon.moduleForeground #002664
symbolIcon.namespaceForeground #002664
symbolIcon.nullForeground #B0BEC580
symbolIcon.numberForeground #7EB8DA
symbolIcon.objectForeground #002664
symbolIcon.operatorForeground #4D80C4
symbolIcon.packageForeground #002664
symbolIcon.propertyForeground #E8EDF3
symbolIcon.referenceForeground #002664
symbolIcon.snippetForeground #6BBE27
symbolIcon.stringForeground #6BBE27
symbolIcon.structForeground #E63A56
symbolIcon.textForeground #E8EDF3
symbolIcon.typeParameterForeground #E63A56
symbolIcon.unitForeground #7EB8DA
symbolIcon.variableForeground #E8EDF3
tab.activeBackground #0D0E14
tab.activeBorder #002664
tab.activeBorderTop #00266400
tab.activeForeground #E8EDF3
tab.activeModifiedBorder #002664
tab.border #00266420
tab.dragAndDropBorder #002664
tab.hoverBackground #14151C80
tab.hoverBorder #00266450
tab.hoverForeground #E8EDF3
tab.inactiveBackground #14151C
tab.inactiveForeground #B0BEC580
tab.inactiveModifiedBorder #00266480
tab.lastPinnedBorder #00266440
tab.selectedBackground #0D0E14
tab.selectedBorderTop #002664
tab.selectedForeground #E8EDF3
tab.unfocusedActiveBackground #0D0E14
tab.unfocusedActiveBorder #00266480
tab.unfocusedActiveBorderTop #00266400
tab.unfocusedActiveForeground #E8EDF3CC
tab.unfocusedActiveModifiedBorder #002664CC
tab.unfocusedHoverBackground #14151C60
tab.unfocusedHoverBorder #00266430
tab.unfocusedHoverForeground #E8EDF3CC
tab.unfocusedInactiveBackground #14151C
tab.unfocusedInactiveForeground #B0BEC560
tab.unfocusedInactiveModifiedBorder #00266460
terminal.ansiBlack #0D0E14
terminal.ansiBlue #002664
terminal.ansiBrightBlack #78797E
terminal.ansiBrightBlue #3366AA
terminal.ansiBrightCyan #7EB8DA
terminal.ansiBrightGreen #78D65B
terminal.ansiBrightMagenta #D7153A
terminal.ansiBrightRed #FF4D5E
terminal.ansiBrightWhite #FFFFFF
terminal.ansiBrightYellow #FFE066
terminal.ansiCyan #5B9BD5
terminal.ansiGreen #6BBE27
terminal.ansiMagenta #8B1A4A
terminal.ansiRed #D7153A
terminal.ansiWhite #E8EDF3
terminal.ansiYellow #FFCC2C
terminal.background #0D0E14
terminal.border #00266420
terminal.dropBackground #00266430
terminal.findMatchBackground #00266480
terminal.findMatchBorder #002664
terminal.findMatchHighlightBackground #00266450
terminal.findMatchHighlightBorder #00266480
terminal.foreground #E8EDF3
terminal.hoverHighlightBackground #00266430
terminal.inactiveSelectionBackground #00266430
terminal.initialHintForeground #B0BEC580
terminal.selectionBackground #00266450
terminal.selectionForeground #E8EDF3
terminal.tab.activeBorder #002664
terminalCommandDecoration.defaultBackground #00266450
terminalCommandDecoration.errorBackground #E2233980
terminalCommandDecoration.successBackground #339D3780
terminalCommandGuide.foreground #00266430
terminalCursor.background #0D0E14
terminalCursor.foreground #002664
terminalOverviewRuler.border #00266420
terminalOverviewRuler.cursorForeground #002664
terminalOverviewRuler.findMatchForeground #002664CC
terminalStickyScroll.background #14151C
terminalStickyScroll.border #00266420
terminalStickyScrollHover.background #252630
terminalSymbolIcon.aliasForeground #002664
terminalSymbolIcon.argumentForeground #7EB8DA
terminalSymbolIcon.branchForeground #339D37
terminalSymbolIcon.commitForeground #002664
terminalSymbolIcon.fileForeground #B0BEC5
terminalSymbolIcon.flagForeground #FFCC2C
terminalSymbolIcon.folderForeground #002664
terminalSymbolIcon.inlineSuggestionForeground #B0BEC580
terminalSymbolIcon.methodForeground #4D80C4
terminalSymbolIcon.optionForeground #E8EDF3
terminalSymbolIcon.optionValueForeground #6BBE27
terminalSymbolIcon.pullRequestDoneForeground #339D37
terminalSymbolIcon.pullRequestForeground #002664
terminalSymbolIcon.remoteForeground #E63A56
terminalSymbolIcon.stashForeground #002664
terminalSymbolIcon.symbolicLinkFileForeground #00266480
terminalSymbolIcon.symbolicLinkFolderForeground #00266480
terminalSymbolIcon.symbolText #E8EDF3
terminalSymbolIcon.tagForeground #E63A56
testing.coverCountBadgeBackground #002664
testing.coverCountBadgeForeground #E8EDF3
testing.coveredBackground #339D3715
testing.coveredBorder #339D3740
testing.coveredGutterBackground #339D3750
testing.iconErrored #E22339
testing.iconErrored.retired #E2233960
testing.iconFailed #E22339
testing.iconFailed.retired #E2233960
testing.iconPassed #339D37
testing.iconPassed.retired #339D3760
testing.iconQueued #FFCC2C
testing.iconQueued.retired #FFCC2C60
testing.iconSkipped #B0BEC580
testing.iconSkipped.retired #B0BEC550
testing.iconUnset #B0BEC580
testing.iconUnset.retired #B0BEC550
testing.message.error.badgeBackground #E22339
testing.message.error.badgeBorder #E2233980
testing.message.error.badgeForeground #E8EDF3
testing.message.error.lineBackground #E2233915
testing.message.info.decorationForeground #5B9BD5
testing.message.info.lineBackground #5B9BD515
testing.messagePeekBorder #5B9BD5
testing.messagePeekHeaderBackground #5B9BD520
testing.peekBorder #E22339
testing.peekHeaderBackground #E2233920
testing.runAction #339D37
testing.uncoveredBackground #E2233915
testing.uncoveredBorder #E2233940
testing.uncoveredBranchBackground #E2233930
testing.uncoveredGutterBackground #E2233950
textBlockQuote.background #1A1B24
textBlockQuote.border #00266480
textCodeBlock.background #1E1F28
textLink.activeForeground #002664
textLink.foreground #002664CC
textPreformat.background #1E1F28
textPreformat.border #00266430
textPreformat.foreground #6BBE27
textSeparator.foreground #00266430
titleBar.activeBackground #060710
titleBar.activeForeground #E8EDF3
titleBar.border #060710
titleBar.inactiveBackground #060710
titleBar.inactiveForeground #B0BEC580
toolbar.activeBackground #00266440
toolbar.hoverBackground #00266430
toolbar.hoverOutline #00266400
tree.inactiveIndentGuidesStroke #00266420
tree.indentGuidesStroke #00266440
tree.tableColumnsBorder #00266420
tree.tableOddRowsBackground #0D0E1450
walkThrough.embeddedEditorBackground #14151C
walkthrough.stepTitle.foreground #E8EDF3
welcomePage.background #0D0E14
welcomePage.progress.background #1E1F28
welcomePage.progress.foreground #002664
welcomePage.tileBackground #14151C
welcomePage.tileBorder #00266420
welcomePage.tileHoverBackground #252630
widget.border #00266430
widget.shadow #00000050
window.activeBorder #00266400
window.inactiveBorder #00266400 keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution #4D80C4 —
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter #E63A56 —
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method #4D80C4 —
meta.block variable.other #E8EDF3 —
support.other.variable, string.other.link #E8EDF3 —
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other #7EB8DA —
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js #6BBE27 —
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types #4D80C4 —
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name #4D80C4 —
entity.name.module.js, variable.import.parameter.js, variable.other.class.js #E8EDF3 —
variable.language #E63A56 italic
entity.name.method.js #4D80C4 italic
meta.class-method.js entity.name.function.js, variable.function.constructor #4D80C4 —
entity.other.attribute-name #E63A56 —
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name #4D80C4 italic
entity.other.attribute-name.class #4D80C4 —
source.sass keyword.control #4D80C4 —
constant.character.escape #6BBE27 —
*url*, *link*, *uri* — underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js #4D80C4 italic
source.js constant.other.object.key.js string.unquoted.label.js #E8EDF3 italic
source.json meta.structure.dictionary.json support.type.property-name.json #002664 —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #E63A56 —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #6BBE27 —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #7EB8DA —
text.html.markdown, punctuation.definition.list_item.markdown #E8EDF3 —
text.html.markdown markup.inline.raw.markdown #E63A56 —
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown #4D80C4 —
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown #002664 —
markup.italic #E63A56 italic
markup.bold, markup.bold string #E63A56 bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string #E63A56 bold
markup.underline #6BBE27 underline
markup.quote punctuation.definition.blockquote.markdown #5B9BD5 —
string.other.link.title.markdown #4D80C4 —
string.other.link.description.title.markdown #E63A56 —
constant.other.reference.link.markdown #6BBE27 —
markup.raw.block.fenced.markdown #E8EDF3 —
punctuation.definition.fenced.markdown #E8EDF3 —
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end #E8EDF3 —
variable.language.fenced.markdown #4D80C4 —
meta.separator #002664 bold
Open Editors fetchUser.ts index.ts README.md My-Project src components fetchUser.ts Button.tsx Modal.tsx hooks utils index.ts public package.json tsconfig.json README.md Outline fetchUser.ts
index.ts
README.md
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 $
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}!`;
}