Skip to main content
Home Theme VS Code AI Tour Sydney A modern, premium dark theme inspired by the AI Tour Sydney 20-24 April 2026 event
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 #0F5FD830 activityBar.activeBackground #0F5FD815 activityBar.activeBorder #0F5FD8 activityBar.activeFocusBorder #0F5FD8 activityBar.background #FFFFFF activityBar.border #0F5FD830 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #5B7B9C80 italic variable, string constant.other.placeholder #0F2E74 — constant.other.color #0F5FD8 — invalid, invalid.illegal #E63946 — 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}!`;
}
AI Tour Sydney — AI Tour Sydney Light main*
0 1
Copilot
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Light+
activityBar.dropBorder #0F5FD8
activityBar.foreground #0F2E74
activityBar.inactiveForeground #0F2E7470
activityBarBadge.background #0F5FD8
activityBarBadge.foreground #FFFFFF
activityBarTop.activeBackground #0F5FD815
activityBarTop.activeBorder #0F5FD8
activityBarTop.background #FFFFFF
activityBarTop.dropBorder #0F5FD8
activityBarTop.foreground #0F2E74
activityBarTop.inactiveForeground #0F2E7470
activityErrorBadge.background #E63946
activityErrorBadge.foreground #FFFFFF
activityWarningBadge.background #F77F00
activityWarningBadge.foreground #FFFFFF
agentSessionReadIndicator.foreground #0F5FD8
agentSessionSelectedBadge.border #0F5FD840
agentSessionSelectedUnfocusedBadge.border #0F2E7440
agentStatusIndicator.background #F5F7FA
aiCustomizationManagement.sashBorder #0F5FD8
badge.background #0F5FD8
badge.foreground #FFFFFF
banner.background #0F5FD8
banner.foreground #FFFFFF
banner.iconForeground #FFFFFF
breadcrumb.activeSelectionForeground #0F5FD8
breadcrumb.background #F5F7FA
breadcrumb.focusForeground #0F2E74
breadcrumb.foreground #1E6784
breadcrumbPicker.background #F5F7FA
button.background #0F5FD8
button.border #0F5FD800
button.foreground #FFFFFF
button.hoverBackground #1570EF
button.secondaryBackground #F5F7FA
button.secondaryBorder #0F5FD840
button.secondaryForeground #0F2E74
button.secondaryHoverBackground #E8EFF8
button.separator #FFFFFF40
charts.blue #0F5FD8
charts.foreground #0F2E74
charts.green #06A77D
charts.lines #1E6784
charts.orange #0A1F4F
charts.purple #0F5FD8
charts.red #E63946
charts.yellow #F77F00
chat.avatarBackground #0F5FD8
chat.avatarForeground #FFFFFF
chat.checkpointSeparator #0F5FD830
chat.editedFileForeground #0F5FD8
chat.inputWorkingBorderColor1 #0F5FD8
chat.inputWorkingBorderColor2 #1570EF
chat.inputWorkingBorderColor3 #0F5FD8
chat.linesAddedForeground #06A77DCC
chat.linesRemovedForeground #E63946CC
chat.requestBackground #EEF2F8
chat.requestBorder #0F5FD830
chat.requestBubbleBackground #EEF2F8E6
chat.requestBubbleHoverBackground #E8EFF8E6
chat.requestCodeBorder #0F5FD820
chat.slashCommandBackground #0F5FD8
chat.slashCommandForeground #FFFFFF
chat.thinkingShimmer #0F5FD830
chatManagement.sashBorder #0F5FD8
checkbox.background #E8EFF8
checkbox.border #0F5FD850
checkbox.disabled.background #FFFFFF
checkbox.disabled.foreground #1E6784
checkbox.foreground #0F5FD8
checkbox.selectBackground #E8EFF8
checkbox.selectBorder #0F5FD8
commandCenter.activeBackground #0F2E7425
commandCenter.activeBorder #0F2E7450
commandCenter.activeForeground #0F2E74
commandCenter.background #0F2E7415
commandCenter.border #0F2E7430
commandCenter.debuggingBackground #1E678420
commandCenter.foreground #0F2E74
commandCenter.inactiveBorder #0F2E7415
commandCenter.inactiveForeground #0F2E7470
commentsView.resolvedIcon #06A77D
commentsView.unresolvedIcon #F77F00
contrastActiveBorder #0F5FD800
contrastBorder #0F5FD800
debugConsole.errorForeground #E63946
debugConsole.infoForeground #1E6784
debugConsole.sourceForeground #1E6784
debugConsole.warningForeground #F77F00
debugConsoleInputIcon.foreground #0F5FD8
debugExceptionWidget.background #E6394615
debugExceptionWidget.border #E6394660
debugIcon.breakpointCurrentStackframeForeground #F77F00
debugIcon.breakpointDisabledForeground #1E6784
debugIcon.breakpointForeground #E63946
debugIcon.breakpointStackframeForeground #06A77D
debugIcon.breakpointUnverifiedForeground #F77F00
debugIcon.continueForeground #06A77D
debugIcon.disconnectForeground #E63946
debugIcon.pauseForeground #F77F00
debugIcon.restartForeground #06A77D
debugIcon.startForeground #06A77D
debugIcon.stepBackForeground #0F5FD8
debugIcon.stepIntoForeground #0F5FD8
debugIcon.stepOutForeground #0F5FD8
debugIcon.stepOverForeground #0F5FD8
debugIcon.stopForeground #E63946
debugTokenExpression.boolean #0A1F4F
debugTokenExpression.error #E63946
debugTokenExpression.name #0F5FD8
debugTokenExpression.number #0A1F4F
debugTokenExpression.string #1E6784
debugTokenExpression.type #0F5FD8
debugTokenExpression.value #1E6784
debugToolBar.background #F5F7FA
debugView.exceptionLabelBackground #E63946
debugView.exceptionLabelForeground #FFFFFF
debugView.stateLabelBackground #0F5FD8
debugView.stateLabelForeground #FFFFFF
debugView.valueChangedHighlight #0F5FD860
descriptionForeground #1E6784
diffEditor.border #0F5FD820
diffEditor.diagonalFill #1E678415
diffEditor.insertedLineBackground #06A77D10
diffEditor.insertedTextBackground #06A77D20
diffEditor.insertedTextBorder #06A77D50
diffEditor.move.border #0F5FD860
diffEditor.moveActive.border #0F5FD8
diffEditor.removedLineBackground #E6394610
diffEditor.removedTextBackground #E6394620
diffEditor.removedTextBorder #E6394650
diffEditor.unchangedCodeBackground #F5F7FA80
diffEditor.unchangedRegionBackground #FFFFFF
diffEditor.unchangedRegionForeground #1E6784
diffEditor.unchangedRegionShadow #0F2E742015
diffEditorGutter.insertedLineBackground #06A77D20
diffEditorGutter.removedLineBackground #E6394620
diffEditorOverview.insertedForeground #06A77D60
diffEditorOverview.removedForeground #E6394660
disabledForeground #1E6784
dropdown.background #E8EFF8
dropdown.border #0F5FD850
dropdown.foreground #0F2E74
dropdown.listBackground #F5F7FA
editor.background #F5F7FA
editor.compositionBorder #0F5FD8
editor.findMatchBackground #0F5FD850
editor.findMatchBorder #0F5FD8
editor.findMatchForeground #0F2E74
editor.findMatchHighlightBackground #0F5FD830
editor.findMatchHighlightBorder #0F5FD860
editor.findMatchHighlightForeground #0F2E74
editor.findRangeHighlightBackground #0F5FD815
editor.findRangeHighlightBorder #0F5FD800
editor.focusedStackFrameHighlightBackground #06A77D20
editor.foldBackground #0F5FD810
editor.foldPlaceholderForeground #1E6784
editor.foreground #0F2E74
editor.hoverHighlightBackground #0F5FD815
editor.inactiveLineHighlightBackground #FFFFFF80
editor.inactiveSelectionBackground #0F5FD820
editor.inlineValuesBackground #0F5FD810
editor.inlineValuesForeground #1E6784
editor.lineHighlightBackground #FFFFFF
editor.lineHighlightBorder #0F5FD810
editor.linkedEditingBackground #0F5FD820
editor.placeholder.foreground #1E6784
editor.rangeHighlightBackground #0F5FD810
editor.rangeHighlightBorder #0F5FD800
editor.selectionBackground #0F5FD830
editor.selectionForeground #0F2E74
editor.selectionHighlightBackground #0F5FD820
editor.selectionHighlightBorder #0F5FD840
editor.stackFrameHighlightBackground #F77F0020
editor.symbolHighlightBackground #0F5FD820
editor.symbolHighlightBorder #0F5FD840
editor.wordHighlightBackground #0F5FD820
editor.wordHighlightBorder #0F5FD840
editor.wordHighlightStrongBackground #0F5FD830
editor.wordHighlightStrongBorder #0F5FD860
editor.wordHighlightTextBackground #0F5FD815
editor.wordHighlightTextBorder #0F5FD830
editorActionList.background #F5F7FA
editorActionList.focusBackground #0F5FD830
editorActionList.focusForeground #0F2E74
editorActionList.foreground #0F2E74
editorBracketHighlight.foreground1 #0F5FD8
editorBracketHighlight.foreground2 #1E6784
editorBracketHighlight.foreground3 #F77F00
editorBracketHighlight.foreground4 #06A77D
editorBracketHighlight.foreground5 #1E9BA5
editorBracketHighlight.foreground6 #1E6784
editorBracketHighlight.unexpectedBracket.foreground #E63946
editorBracketMatch.border #0F5FD860
editorBracketMatch.foreground #0F5FD8
editorBracketPairGuide.activeBackground1 #0F5FD880
editorBracketPairGuide.activeBackground2 #1E678480
editorBracketPairGuide.activeBackground3 #F77F0080
editorBracketPairGuide.activeBackground4 #06A77D80
editorBracketPairGuide.activeBackground5 #1E9BA580
editorBracketPairGuide.activeBackground6 #1E678480
editorBracketPairGuide.background1 #0F5FD840
editorBracketPairGuide.background2 #1E678440
editorBracketPairGuide.background3 #F77F0040
editorBracketPairGuide.background4 #06A77D40
editorBracketPairGuide.background5 #1E9BA540
editorBracketPairGuide.background6 #1E678440
editorCodeLens.foreground #1E6784
editorCommentsWidget.rangeActiveBackground #0F5FD815
editorCommentsWidget.rangeBackground #0F5FD808
editorCommentsWidget.replyInputBackground #E8EFF8
editorCommentsWidget.resolvedBorder #06A77D50
editorCommentsWidget.unresolvedBorder #F77F00
editorCursor.background #F5F7FA
editorCursor.foreground #0F5FD8
editorError.background #E6394610
editorError.border #E6394600
editorError.foreground #E63946
editorGhostText.background #0F5FD800
editorGhostText.border #0F5FD800
editorGhostText.foreground #0F2E7466
editorGroup.border #0F5FD820
editorGroup.dropBackground #0F5FD820
editorGroup.dropIntoPromptBackground #F5F7FA
editorGroup.dropIntoPromptBorder #0F5FD850
editorGroup.dropIntoPromptForeground #0F2E74
editorGroup.emptyBackground #F5F7FA
editorGroup.focusedEmptyBorder #0F5FD840
editorGroupHeader.border #0F5FD815
editorGroupHeader.noTabsBackground #F5F7FA
editorGroupHeader.tabsBackground #FFFFFF
editorGroupHeader.tabsBorder #0F5FD820
editorGutter.addedBackground #06A77D
editorGutter.addedSecondaryBackground #06A77D60
editorGutter.background #F5F7FA
editorGutter.commentDraftGlyphForeground #0F5FD880
editorGutter.commentGlyphForeground #0F5FD8
editorGutter.commentRangeForeground #1E678440
editorGutter.commentUnresolvedGlyphForeground #F77F00
editorGutter.deletedBackground #E63946
editorGutter.deletedSecondaryBackground #E6394660
editorGutter.foldingControlForeground #1E6784
editorGutter.itemBackground #F5F7FA
editorGutter.itemGlyphForeground #0F5FD8
editorGutter.modifiedBackground #0F5FD8
editorGutter.modifiedSecondaryBackground #0F5FD860
editorHint.border #06A77D00
editorHint.foreground #06A77D
editorHoverWidget.background #F5F7FA
editorHoverWidget.border #0F5FD850
editorHoverWidget.foreground #0F2E74
editorHoverWidget.highlightForeground #0F5FD8
editorHoverWidget.statusBarBackground #FFFFFF
editorIndentGuide.activeBackground1 #0F5FD8
editorIndentGuide.activeBackground2 #1E6784
editorIndentGuide.activeBackground3 #F77F00
editorIndentGuide.activeBackground4 #06A77D
editorIndentGuide.activeBackground5 #1E9BA5
editorIndentGuide.activeBackground6 #1E6784
editorIndentGuide.background1 #0F5FD820
editorIndentGuide.background2 #1E678420
editorIndentGuide.background3 #F77F0020
editorIndentGuide.background4 #06A77D20
editorIndentGuide.background5 #1E9BA520
editorIndentGuide.background6 #1E678420
editorInfo.background #1E678410
editorInfo.border #1E678400
editorInfo.foreground #1E6784
editorInlayHint.background #FFFFFF
editorInlayHint.foreground #0F2E7470
editorInlayHint.parameterBackground #FFFFFF
editorInlayHint.parameterForeground #0F2E7470
editorInlayHint.typeBackground #FFFFFF
editorInlayHint.typeForeground #0F2E74
editorLightBulb.foreground #F77F00
editorLightBulbAi.foreground #0F5FD8
editorLightBulbAutoFix.foreground #06A77D
editorLineNumber.activeForeground #0F5FD8
editorLineNumber.dimmedForeground #1E678450
editorLineNumber.foreground #0F5FD8
editorLink.activeForeground #0F5FD8
editorMarkerNavigation.background #F5F7FA
editorMarkerNavigationError.background #E6394620
editorMarkerNavigationError.headerBackground #E6394615
editorMarkerNavigationInfo.background #1E678420
editorMarkerNavigationInfo.headerBackground #1E678415
editorMarkerNavigationWarning.background #F77F0020
editorMarkerNavigationWarning.headerBackground #F77F0015
editorMinimap.inlineChatInserted #06A77D30
editorMinimap.inlineChatRemoved #E6394630
editorMultiCursor.primary.background #F5F7FA
editorMultiCursor.primary.foreground #0F5FD8
editorMultiCursor.secondary.background #F5F7FA
editorMultiCursor.secondary.foreground #0F5FD8
editorOverviewRuler.addedForeground #06A77D
editorOverviewRuler.background #F5F7FA
editorOverviewRuler.border #0F5FD820
editorOverviewRuler.bracketMatchForeground #0F5FD860
editorOverviewRuler.commentDraftForeground #0F5FD850
editorOverviewRuler.commentForeground #0F5FD830
editorOverviewRuler.commentUnresolvedForeground #F77F0060
editorOverviewRuler.commonContentForeground #1E678440
editorOverviewRuler.currentContentForeground #06A77D60
editorOverviewRuler.deletedForeground #E63946
editorOverviewRuler.errorForeground #E63946
editorOverviewRuler.findMatchForeground #0F5FD8CC
editorOverviewRuler.incomingContentForeground #0F5FD860
editorOverviewRuler.infoForeground #1E6784
editorOverviewRuler.inlineChatInserted #06A77D60
editorOverviewRuler.inlineChatRemoved #E6394660
editorOverviewRuler.modifiedForeground #0F5FD8
editorOverviewRuler.rangeHighlightForeground #0F5FD899
editorOverviewRuler.selectionHighlightForeground #0F5FD899
editorOverviewRuler.warningForeground #F77F00
editorOverviewRuler.wordHighlightForeground #0F5FD899
editorOverviewRuler.wordHighlightStrongForeground #0F5FD8CC
editorOverviewRuler.wordHighlightTextForeground #0F5FD860
editorPane.background #F5F7FA
editorRuler.foreground #1E678430
editorSnippetFinalTabstopHighlightBackground #06A77D20
editorSnippetFinalTabstopHighlightBorder #06A77D00
editorSnippetTabstopHighlightBackground #0F5FD820
editorSnippetTabstopHighlightBorder #0F5FD800
editorStickyScroll.background #FFFFFF
editorStickyScroll.border #0F5FD815
editorStickyScroll.shadow #0F2E742015
editorStickyScrollGutter.background #FFFFFF
editorStickyScrollHover.background #E8EFF8
editorSuggestWidget.background #F5F7FA
editorSuggestWidget.border #0F5FD850
editorSuggestWidget.focusHighlightForeground #0F5FD8
editorSuggestWidget.foreground #0F2E74
editorSuggestWidget.highlightForeground #0F5FD8
editorSuggestWidget.selectedBackground #0F5FD850
editorSuggestWidget.selectedForeground #0F2E74
editorSuggestWidget.selectedIconForeground #0F2E74
editorSuggestWidgetStatus.foreground #1E6784
editorUnicodeHighlight.background #F77F0015
editorUnicodeHighlight.border #F77F00
editorUnnecessaryCode.border #1E678440
editorUnnecessaryCode.opacity #00000077
editorWarning.background #F77F0010
editorWarning.border #F77F0000
editorWarning.foreground #F77F00
editorWhitespace.foreground #1E678450
editorWidget.background #F5F7FA
editorWidget.border #0F5FD850
editorWidget.foreground #0F2E74
editorWidget.resizeBorder #0F5FD8
errorForeground #E63946
extensionBadge.remoteBackground #0F5FD8
extensionBadge.remoteForeground #FFFFFF
extensionButton.background #0F5FD8
extensionButton.border #0F5FD800
extensionButton.foreground #FFFFFF
extensionButton.hoverBackground #1570EF
extensionButton.prominentBackground #0F5FD8
extensionButton.prominentForeground #FFFFFF
extensionButton.prominentHoverBackground #1570EF
extensionButton.separator #FFFFFF40
extensionIcon.preReleaseForeground #0F5FD8
extensionIcon.privateForeground #1E6784
extensionIcon.sponsorForeground #0F5FD8
extensionIcon.starForeground #F77F00
extensionIcon.verifiedForeground #06A77D
focusBorder #0F5FD8
foreground #0F2E74
gauge.background #F5F7FA
gauge.border #0F5FD820
gauge.errorBackground #E6394620
gauge.errorForeground #E63946
gauge.foreground #0F2E74
gauge.warningBackground #F77F0020
gauge.warningForeground #F77F00
git.blame.editorDecorationForeground #1E678480
gitDecoration.addedResourceForeground #06A77D
gitDecoration.conflictingResourceForeground #F77F00
gitDecoration.deletedResourceForeground #E63946
gitDecoration.ignoredResourceForeground #1E6784
gitDecoration.modifiedResourceForeground #0F5FD8
gitDecoration.renamedResourceForeground #0F5FD8
gitDecoration.stageDeletedResourceForeground #E63946CC
gitDecoration.stageModifiedResourceForeground #0F5FD8CC
gitDecoration.submoduleResourceForeground #1E6784
gitDecoration.untrackedResourceForeground #06A77D
icon.foreground #0F5FD8
inlineChat.background #EEF2F8
inlineChat.border #0F5FD830
inlineChat.foreground #0F2E74
inlineChat.shadow #0F2E742020
inlineChatDiff.inserted #06A77D20
inlineChatDiff.removed #E6394615
inlineChatInput.background #E8EFF8
inlineChatInput.border #0F5FD850
inlineChatInput.focusBorder #0F5FD8
inlineChatInput.placeholderForeground #1E6784
inlineEdit.gutterIndicator.background #F5F7FA
inlineEdit.gutterIndicator.primaryBackground #0F5FD815
inlineEdit.gutterIndicator.primaryBorder #0F5FD8
inlineEdit.gutterIndicator.primaryForeground #0F5FD8
inlineEdit.gutterIndicator.secondaryBackground #0F5FD815
inlineEdit.gutterIndicator.secondaryBorder #0F5FD8
inlineEdit.gutterIndicator.secondaryForeground #0F5FD8
inlineEdit.gutterIndicator.successfulBackground #06A77D15
inlineEdit.gutterIndicator.successfulBorder #06A77D
inlineEdit.gutterIndicator.successfulForeground #06A77D
inlineEdit.modifiedBackground #0F5FD810
inlineEdit.modifiedBorder #0F5FD840
inlineEdit.modifiedChangedLineBackground #0F5FD815
inlineEdit.modifiedChangedTextBackground #0F5FD825
inlineEdit.originalBackground #E6394608
inlineEdit.originalBorder #E6394625
inlineEdit.originalChangedLineBackground #E6394610
inlineEdit.originalChangedTextBackground #E6394620
inlineEdit.tabWillAcceptModifiedBorder #06A77D60
inlineEdit.tabWillAcceptOriginalBorder #E6394640
input.background #E8EFF8
input.border #0F5FD850
input.foreground #0F2E74
input.placeholderForeground #1E6784
inputOption.activeBackground #0F5FD830
inputOption.activeBorder #0F5FD8
inputOption.activeForeground #0F2E74
inputOption.hoverBackground #0F5FD815
inputValidation.errorBackground #E6394615
inputValidation.errorBorder #E63946
inputValidation.errorForeground #E63946
inputValidation.infoBackground #1E678415
inputValidation.infoBorder #1E6784
inputValidation.infoForeground #1E6784
inputValidation.warningBackground #F77F0015
inputValidation.warningBorder #F77F00
inputValidation.warningForeground #F77F00
interactive.activeCodeBorder #0F5FD8
interactive.inactiveCodeBorder #0F5FD820
keybindingLabel.background #0F5FD815
keybindingLabel.border #0F5FD830
keybindingLabel.bottomBorder #0F5FD850
keybindingLabel.foreground #0F2E74
keybindingTable.headerBackground #FFFFFF
keybindingTable.rowsBackground #FFFFFF80
list.activeSelectionBackground #0F5FD840
list.activeSelectionForeground #0F2E74
list.activeSelectionIconForeground #0F2E74
list.deemphasizedForeground #1E6784
list.dropBackground #0F5FD820
list.dropBetweenBackground #0F5FD8
list.errorForeground #E63946
list.filterMatchBorder #0F5FD860
list.focusAndSelectionOutline #0F5FD8
list.focusBackground #0F5FD830
list.focusForeground #0F2E74
list.focusHighlightForeground #0F5FD8
list.focusOutline #0F5FD860
list.highlightForeground #0F5FD8
list.hoverBackground #0F5FD815
list.hoverForeground #0F2E74
list.inactiveFocusBackground #0F5FD815
list.inactiveFocusOutline #0F5FD840
list.inactiveSelectionBackground #0F5FD820
list.inactiveSelectionForeground #0F2E74
list.inactiveSelectionIconForeground #0F2E74
list.invalidItemForeground #E63946
list.warningForeground #F77F00
listFilterWidget.background #E8EFF8
listFilterWidget.noMatchesOutline #E63946
listFilterWidget.outline #0F5FD8
listFilterWidget.shadow #0F2E742030
markdownAlert.caution.foreground #E63946
markdownAlert.important.foreground #0F5FD8
markdownAlert.note.foreground #1E6784
markdownAlert.tip.foreground #06A77D
markdownAlert.warning.foreground #F77F00
mcpIcon.starForeground #F77F00
menu.background #F5F7FA
menu.border #0F5FD830
menu.foreground #0F2E74
menu.selectionBackground #0F5FD830
menu.selectionBorder #0F5FD800
menu.selectionForeground #0F2E74
menu.separatorBackground #0F5FD820
menubar.selectionBackground #0F5FD830
menubar.selectionBorder #0F5FD800
menubar.selectionForeground #0F2E74
merge.border #0F5FD850
merge.commonContentBackground #1E678415
merge.commonHeaderBackground #1E678430
merge.currentContentBackground #06A77D20
merge.currentHeaderBackground #06A77D50
merge.incomingContentBackground #0F5FD820
merge.incomingHeaderBackground #0F5FD850
mergeEditor.change.background #0F5FD815
mergeEditor.change.word.background #0F5FD830
mergeEditor.changeBase.background #1E678410
mergeEditor.changeBase.word.background #1E678420
mergeEditor.conflict.handled.minimapOverViewRuler #06A77D
mergeEditor.conflict.handledFocused.border #06A77D
mergeEditor.conflict.handledUnfocused.border #06A77D40
mergeEditor.conflict.input1.background #06A77D15
mergeEditor.conflict.input2.background #0F5FD815
mergeEditor.conflict.unhandled.minimapOverViewRuler #F77F00
mergeEditor.conflict.unhandledFocused.border #F77F00
mergeEditor.conflict.unhandledUnfocused.border #F77F0060
mergeEditor.conflictingLines.background #F77F0015
minimap.background #F5F7FA
minimap.chatEditHighlight #0F5FD830
minimap.errorHighlight #E63946
minimap.findMatchHighlight #0F5FD880
minimap.foregroundOpacity #000000FF
minimap.infoHighlight #1E6784
minimap.selectionHighlight #0F5FD850
minimap.selectionOccurrenceHighlight #0F5FD830
minimap.warningHighlight #F77F00
minimapGutter.addedBackground #06A77D
minimapGutter.deletedBackground #E63946
minimapGutter.modifiedBackground #0F5FD8
minimapSlider.activeBackground #0F5FD870
minimapSlider.background #0F5FD830
minimapSlider.hoverBackground #0F5FD850
multiDiffEditor.background #F5F7FA
multiDiffEditor.border #0F5FD820
multiDiffEditor.headerBackground #FFFFFF
notebook.cellBorderColor #0F5FD820
notebook.cellEditorBackground #F5F7FA
notebook.cellHoverBackground #E8EFF8
notebook.cellInsertionIndicator #0F5FD8
notebook.cellStatusBarItemHoverBackground #0F5FD820
notebook.cellToolbarSeparator #0F5FD815
notebook.editorBackground #F5F7FA
notebook.focusedCellBackground #FFFFFF
notebook.focusedCellBorder #0F5FD8
notebook.focusedEditorBorder #0F5FD8
notebook.inactiveFocusedCellBorder #0F5FD840
notebook.inactiveSelectedCellBorder #0F5FD820
notebook.outputContainerBackgroundColor #FFFFFF
notebook.outputContainerBorderColor #0F5FD815
notebook.selectedCellBackground #0F5FD815
notebook.selectedCellBorder #0F5FD860
notebook.symbolHighlightBackground #0F5FD820
notebookEditorOverviewRuler.runningCellForeground #0F5FD8
notebookScrollbarSlider.activeBackground #0F5FD870
notebookScrollbarSlider.background #0F5FD830
notebookScrollbarSlider.hoverBackground #0F5FD850
notebookStatusErrorIcon.foreground #E63946
notebookStatusRunningIcon.foreground #0F5FD8
notebookStatusSuccessIcon.foreground #06A77D
notificationCenter.border #0F5FD820
notificationCenterHeader.background #F5F7FA
notificationCenterHeader.foreground #0F2E74
notificationLink.foreground #0F5FD8
notifications.background #F5F7FA
notifications.border #0F5FD820
notifications.foreground #0F2E74
notificationsErrorIcon.foreground #E63946
notificationsInfoIcon.foreground #1E6784
notificationsWarningIcon.foreground #F77F00
notificationToast.border #0F5FD820
outputView.background #EEF2F8
outputViewStickyScroll.background #EEF2F8
panel.background #EEF2F8
panel.border #0F5FD820
panel.dropBorder #0F5FD8
panelInput.border #0F5FD850
panelSection.border #0F5FD820
panelSection.dropBackground #0F5FD820
panelSectionHeader.background #0F5FD815
panelSectionHeader.border #0F5FD820
panelSectionHeader.foreground #0F5FD8
panelStickyScroll.background #EEF2F8
panelStickyScroll.border #0F5FD815
panelStickyScroll.shadow #0F2E742015
panelTitle.activeBorder #0F5FD8
panelTitle.activeForeground #0F5FD8
panelTitle.border #0F5FD815
panelTitle.inactiveForeground #0F2E7460
panelTitleBadge.background #0F5FD8
panelTitleBadge.foreground #FFFFFF
peekView.border #0F5FD8
peekViewEditor.background #FFFFFF
peekViewEditor.matchHighlightBackground #0F5FD850
peekViewEditor.matchHighlightBorder #0F5FD880
peekViewEditorGutter.background #FFFFFF
peekViewEditorStickyScroll.background #FFFFFF
peekViewEditorStickyScrollGutter.background #FFFFFF
peekViewResult.background #EEF2F8
peekViewResult.fileForeground #0F2E74
peekViewResult.lineForeground #1E6784
peekViewResult.matchHighlightBackground #0F5FD850
peekViewResult.selectionBackground #0F5FD850
peekViewResult.selectionForeground #0F2E74
peekViewTitle.background #0F2E7420
peekViewTitleDescription.foreground #1E6784
peekViewTitleLabel.foreground #0F5FD8
pickerGroup.border #0F5FD820
pickerGroup.foreground #0F5FD8
ports.iconRunningProcessForeground #06A77D
problemsErrorIcon.foreground #E63946
problemsInfoIcon.foreground #1E6784
problemsWarningIcon.foreground #F77F00
profileBadge.background #0F5FD8
profileBadge.foreground #FFFFFF
profiles.sashBorder #0F5FD8
progressBar.background #0F5FD8
quickInput.background #F5F7FA
quickInput.border #0F5FD825
quickInput.foreground #0F2E74
quickInputList.focusBackground #0F5FD830
quickInputList.focusForeground #0F2E74
quickInputList.focusIconForeground #0F2E74
quickInputList.hoverBackground #E8EFF8
quickInputTitle.background #FFFFFF
radio.activeBackground #0F5FD8
radio.activeBorder #0F5FD8
radio.activeForeground #FFFFFF
radio.inactiveBackground #E8EFF8
radio.inactiveBorder #0F5FD840
radio.inactiveForeground #0F2E74
radio.inactiveHoverBackground #E8EFF8
sash.hoverBorder #0F5FD8
scmGraph.foreground1 #0F5FD8
scmGraph.foreground2 #0F5FD8
scmGraph.foreground3 #1E6784
scmGraph.foreground4 #F77F00
scmGraph.foreground5 #06A77D
scmGraph.historyItemBaseRefColor #1E6784
scmGraph.historyItemHoverAdditionsForeground #06A77D
scmGraph.historyItemHoverDeletionsForeground #E63946
scmGraph.historyItemHoverLabelForeground #0F2E74
scmGraph.historyItemRefColor #0F5FD8
scmGraph.historyItemRemoteRefColor #0F5FD8
scrollbar.background #F5F7FA00
scrollbar.shadow #0F2E742050
scrollbarSlider.activeBackground #0F5FD870
scrollbarSlider.background #0F5FD830
scrollbarSlider.hoverBackground #0F5FD850
search.resultsInfoForeground #1E6784
searchEditor.findMatchBackground #0F5FD830
searchEditor.findMatchBorder #0F5FD860
searchEditor.textInputBorder #0F5FD850
selection.background #0F5FD850
settings.checkboxBackground #E8EFF8
settings.checkboxBorder #0F5FD850
settings.checkboxForeground #0F5FD8
settings.dropdownBackground #E8EFF8
settings.dropdownBorder #0F5FD850
settings.dropdownForeground #0F2E74
settings.dropdownListBorder #0F5FD820
settings.focusedRowBackground #0F5FD810
settings.focusedRowBorder #0F5FD830
settings.headerBorder #0F5FD815
settings.headerForeground #0F2E74
settings.modifiedItemIndicator #0F5FD8
settings.numberInputBackground #E8EFF8
settings.numberInputBorder #0F5FD850
settings.numberInputForeground #0F2E74
settings.rowHoverBackground #0F5FD810
settings.sashBorder #0F5FD8
settings.settingsHeaderHoverForeground #0F5FD8
settings.textInputBackground #E8EFF8
settings.textInputBorder #0F5FD850
settings.textInputForeground #0F2E74
sideBar.background #EEF2F8
sideBar.border #0F5FD830
sideBar.dropBackground #0F5FD820
sideBar.foreground #0F2E74
sideBarActivityBarTop.border #0F5FD820
sideBarSectionHeader.background #0F5FD815
sideBarSectionHeader.border #0F5FD820
sideBarSectionHeader.foreground #0F5FD8
sideBarStickyScroll.background #EEF2F8
sideBarStickyScroll.border #0F5FD815
sideBarStickyScroll.shadow #0F2E742015
sideBarTitle.background #EEF2F8
sideBarTitle.border #0F5FD815
sideBarTitle.foreground #0F5FD8
sideBySideEditor.horizontalBorder #0F5FD820
sideBySideEditor.verticalBorder #0F5FD820
simpleFindWidget.sashBorder #0F5FD8
statusBar.background #0F5FD8
statusBar.border #0F5FD8
statusBar.debuggingBackground #1E6784
statusBar.debuggingBorder #1E6784CC
statusBar.debuggingForeground #FFFFFF
statusBar.focusBorder #0F5FD8
statusBar.foreground #FFFFFF
statusBar.noFolderBackground #0F5FD8
statusBar.noFolderBorder #0F5FD8
statusBar.noFolderForeground #FFFFFF
statusBarItem.activeBackground #0F5FD880
statusBarItem.compactHoverBackground #0F5FD860
statusBarItem.errorBackground #E63946
statusBarItem.errorForeground #FFFFFF
statusBarItem.errorHoverBackground #E63946CC
statusBarItem.errorHoverForeground #FFFFFF
statusBarItem.focusBorder #0F5FD8
statusBarItem.hoverBackground #0F5FD880
statusBarItem.hoverForeground #FFFFFF
statusBarItem.offlineBackground #1E6784
statusBarItem.offlineForeground #FFFFFF
statusBarItem.offlineHoverBackground #1E6784CC
statusBarItem.offlineHoverForeground #FFFFFF
statusBarItem.prominentBackground #0F5FD8
statusBarItem.prominentForeground #FFFFFF
statusBarItem.prominentHoverBackground #1570EF
statusBarItem.prominentHoverForeground #FFFFFF
statusBarItem.remoteBackground #0F5FD8
statusBarItem.remoteForeground #FFFFFF
statusBarItem.remoteHoverBackground #0F5FD8CC
statusBarItem.remoteHoverForeground #FFFFFF
statusBarItem.warningBackground #F77F00
statusBarItem.warningForeground #FFFFFF
statusBarItem.warningHoverBackground #F77F00CC
statusBarItem.warningHoverForeground #FFFFFF
symbolIcon.arrayForeground #0A1F4F
symbolIcon.booleanForeground #0A1F4F
symbolIcon.classForeground #0F5FD8
symbolIcon.colorForeground #0F5FD8
symbolIcon.constantForeground #0A1F4F
symbolIcon.constructorForeground #1E9BA5
symbolIcon.enumeratorForeground #0F5FD8
symbolIcon.enumeratorMemberForeground #0A1F4F
symbolIcon.eventForeground #F77F00
symbolIcon.fieldForeground #0F5FD8
symbolIcon.fileForeground #1E6784
symbolIcon.folderForeground #0F5FD8
symbolIcon.functionForeground #1E9BA5
symbolIcon.interfaceForeground #0F5FD8
symbolIcon.keyForeground #0F5FD8
symbolIcon.keywordForeground #0F5FD8
symbolIcon.methodForeground #1E9BA5
symbolIcon.moduleForeground #0F5FD8
symbolIcon.namespaceForeground #0F5FD8
symbolIcon.nullForeground #1E6784
symbolIcon.numberForeground #0A1F4F
symbolIcon.objectForeground #0F5FD8
symbolIcon.operatorForeground #1E9BA5
symbolIcon.packageForeground #0F5FD8
symbolIcon.propertyForeground #0F2E74
symbolIcon.referenceForeground #0F5FD8
symbolIcon.snippetForeground #1E6784
symbolIcon.stringForeground #1E6784
symbolIcon.structForeground #0F5FD8
symbolIcon.textForeground #0F2E74
symbolIcon.typeParameterForeground #0F5FD8
symbolIcon.unitForeground #0A1F4F
symbolIcon.variableForeground #0F2E74
tab.activeBackground #F5F7FA
tab.activeBorder #0F5FD8
tab.activeBorderTop #0F5FD800
tab.activeForeground #0F2E74
tab.activeModifiedBorder #0F5FD8
tab.border #0F5FD820
tab.dragAndDropBorder #0F5FD8
tab.hoverBackground #FFFFFF
tab.hoverBorder #0F5FD840
tab.hoverForeground #0F2E74
tab.inactiveBackground #FFFFFF
tab.inactiveForeground #0F2E7470
tab.inactiveModifiedBorder #0F5FD860
tab.lastPinnedBorder #0F5FD830
tab.selectedBackground #F5F7FA
tab.selectedBorderTop #0F5FD8
tab.selectedForeground #0F2E74
tab.unfocusedActiveBackground #F5F7FA
tab.unfocusedActiveBorder #0F5FD860
tab.unfocusedActiveBorderTop #0F5FD800
tab.unfocusedActiveForeground #0F2E74CC
tab.unfocusedActiveModifiedBorder #0F5FD8CC
tab.unfocusedHoverBackground #FFFFFF
tab.unfocusedHoverBorder #0F5FD830
tab.unfocusedHoverForeground #0F2E74CC
tab.unfocusedInactiveBackground #FFFFFF
tab.unfocusedInactiveForeground #0F2E7450
tab.unfocusedInactiveModifiedBorder #0F5FD850
terminal.ansiBlack #0F2E74
terminal.ansiBlue #0F5FD8
terminal.ansiBrightBlack #5B7B9C
terminal.ansiBrightBlue #4B9CFF
terminal.ansiBrightCyan #2DB5C1
terminal.ansiBrightGreen #2BB395
terminal.ansiBrightMagenta #6B5BA1
terminal.ansiBrightRed #EE5A6F
terminal.ansiBrightWhite #0F2E74
terminal.ansiBrightYellow #FB9500
terminal.ansiCyan #1E9BA5
terminal.ansiGreen #06A77D
terminal.ansiMagenta #0F2E74
terminal.ansiRed #E63946
terminal.ansiWhite #F5F7FA
terminal.ansiYellow #F77F00
terminal.background #F5F7FA
terminal.border #0F5FD820
terminal.dropBackground #0F5FD820
terminal.findMatchBackground #0F5FD860
terminal.findMatchBorder #0F5FD8
terminal.findMatchHighlightBackground #0F5FD840
terminal.findMatchHighlightBorder #0F5FD880
terminal.foreground #0F2E74
terminal.hoverHighlightBackground #0F5FD820
terminal.inactiveSelectionBackground #0F5FD820
terminal.initialHintForeground #1E6784
terminal.selectionBackground #0F5FD840
terminal.selectionForeground #0F2E74
terminal.tab.activeBorder #0F5FD8
terminalCommandDecoration.defaultBackground #0F5FD840
terminalCommandDecoration.errorBackground #E6394660
terminalCommandDecoration.successBackground #06A77D60
terminalCommandGuide.foreground #0F5FD820
terminalCursor.background #F5F7FA
terminalCursor.foreground #0F5FD8
terminalOverviewRuler.border #0F5FD820
terminalOverviewRuler.cursorForeground #0F5FD8
terminalOverviewRuler.findMatchForeground #0F5FD8CC
terminalStickyScroll.background #FFFFFF
terminalStickyScroll.border #0F5FD815
terminalStickyScrollHover.background #E8EFF8
terminalSymbolIcon.aliasForeground #0F5FD8
terminalSymbolIcon.argumentForeground #0A1F4F
terminalSymbolIcon.branchForeground #06A77D
terminalSymbolIcon.commitForeground #0F5FD8
terminalSymbolIcon.fileForeground #1E6784
terminalSymbolIcon.flagForeground #F77F00
terminalSymbolIcon.folderForeground #0F5FD8
terminalSymbolIcon.inlineSuggestionForeground #1E6784
terminalSymbolIcon.methodForeground #1E9BA5
terminalSymbolIcon.optionForeground #0F2E74
terminalSymbolIcon.optionValueForeground #1E6784
terminalSymbolIcon.pullRequestDoneForeground #06A77D
terminalSymbolIcon.pullRequestForeground #0F5FD8
terminalSymbolIcon.remoteForeground #0F5FD8
terminalSymbolIcon.stashForeground #0F5FD8
terminalSymbolIcon.symbolicLinkFileForeground #0F5FD880
terminalSymbolIcon.symbolicLinkFolderForeground #0F5FD880
terminalSymbolIcon.symbolText #0F2E74
terminalSymbolIcon.tagForeground #0F5FD8
testing.coverCountBadgeBackground #0F5FD8
testing.coverCountBadgeForeground #FFFFFF
testing.coveredBackground #06A77D10
testing.coveredBorder #06A77D30
testing.coveredGutterBackground #06A77D40
testing.iconErrored #E63946
testing.iconErrored.retired #E6394650
testing.iconFailed #E63946
testing.iconFailed.retired #E6394650
testing.iconPassed #06A77D
testing.iconPassed.retired #06A77D50
testing.iconQueued #F77F00
testing.iconQueued.retired #F77F0050
testing.iconSkipped #1E6784
testing.iconSkipped.retired #1E678450
testing.iconUnset #1E6784
testing.iconUnset.retired #1E678450
testing.message.error.badgeBackground #E63946
testing.message.error.badgeBorder #E6394660
testing.message.error.badgeForeground #FFFFFF
testing.message.error.lineBackground #E6394610
testing.message.info.decorationForeground #1E6784
testing.message.info.lineBackground #1E678410
testing.messagePeekBorder #1E6784
testing.messagePeekHeaderBackground #1E678415
testing.peekBorder #E63946
testing.peekHeaderBackground #E6394615
testing.runAction #06A77D
testing.uncoveredBackground #E6394610
testing.uncoveredBorder #E6394630
testing.uncoveredBranchBackground #E6394620
testing.uncoveredGutterBackground #E6394640
textBlockQuote.background #FFFFFF
textBlockQuote.border #0F5FD860
textCodeBlock.background #FFFFFF
textLink.activeForeground #0F5FD8
textLink.foreground #0F5FD8
textPreformat.background #FFFFFF
textPreformat.border #0F5FD820
textPreformat.foreground #1E6784
textSeparator.foreground #0F5FD820
titleBar.activeBackground #FFFFFF
titleBar.activeForeground #0F2E74
titleBar.border #0F5FD830
titleBar.inactiveBackground #FFFFFF
titleBar.inactiveForeground #0F2E7470
toolbar.activeBackground #0F5FD830
toolbar.hoverBackground #0F5FD820
toolbar.hoverOutline #0F5FD800
tree.inactiveIndentGuidesStroke #0F5FD815
tree.indentGuidesStroke #0F5FD830
tree.tableColumnsBorder #0F5FD815
tree.tableOddRowsBackground #FFFFFF80
walkThrough.embeddedEditorBackground #FFFFFF
walkthrough.stepTitle.foreground #0F2E74
welcomePage.background #F5F7FA
welcomePage.progress.background #FFFFFF
welcomePage.progress.foreground #0F5FD8
welcomePage.tileBackground #FFFFFF
welcomePage.tileBorder #0F5FD815
welcomePage.tileHoverBackground #E8EFF8
widget.border #0F5FD820
widget.shadow #0F2E742030
window.activeBorder #0F5FD800
window.inactiveBorder #0F5FD800 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 #1E9BA5 —
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter #0F5FD8 —
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method #1E9BA5 —
meta.block variable.other #0F2E74 —
support.other.variable, string.other.link #0F2E74 —
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other #0A1F4F —
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 #1E6784 —
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 #0F5FD8 —
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 #0F5FD8 —
entity.name.module.js, variable.import.parameter.js, variable.other.class.js #0F2E74 —
variable.language #0F5FD8 italic
entity.name.method.js #1E9BA5 italic
meta.class-method.js entity.name.function.js, variable.function.constructor #1E9BA5 —
entity.other.attribute-name #0F5FD8 —
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name #1E9BA5 italic
entity.other.attribute-name.class #1E9BA5 —
source.sass keyword.control #0F5FD8 —
constant.character.escape #0F5FD8 —
*url*, *link*, *uri* — underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js #1E9BA5 italic
source.js constant.other.object.key.js string.unquoted.label.js #0F2E74 italic
source.json meta.structure.dictionary.json support.type.property-name.json #0F5FD8 —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #1E9BA5 —
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 #1E6784 —
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 #1E6784 —
text.html.markdown, punctuation.definition.list_item.markdown #0F2E74 —
text.html.markdown markup.inline.raw.markdown #1E9BA5 —
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown #1E9BA5 —
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown #0F5FD8 —
markup.italic #0F5FD8 italic
markup.bold, markup.bold string #0F5FD8 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 #0F5FD8 bold
markup.underline #1E6784 underline
markup.quote punctuation.definition.blockquote.markdown #1E6784 —
string.other.link.title.markdown #0F5FD8 —
string.other.link.description.title.markdown #0F5FD8 —
constant.other.reference.link.markdown #1E6784 —
markup.raw.block.fenced.markdown #0F2E74 —
punctuation.definition.fenced.markdown #0F2E74 —
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end #0F2E74 —
variable.language.fenced.markdown #0F5FD8 —
meta.separator #0F5FD8 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}!`;
}
AI Tour Sydney | Coding Theme