Skip to main content
Aurora Dairies | Coding Theme
Home Theme VS Code Aurora Dairies A calm, modern VS Code colour theme inspired by the Aurora Dairies visual identity. Features deep aurora-blue surfaces with cream foreground and pasture-green syntax accents, evoking dawn skies over Australian and New Zealand pasture-based dairy farms. Built and published by Lucid Labs on behalf of
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 #00359930 activityBar.activeBackground #00359915 activityBar.activeBorder #003599 activityBar.activeFocusBorder #003599 activityBar.background #F2F5FA activityBar.border #00359930 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #5C6B82 italic variable, string constant.other.placeholder #0A1530 — constant.other.color #003599 — invalid, invalid.illegal #C82E2E — 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}!`;
}
Aurora Dairies — Aurora Dairies Light main*
0 1
Copilot
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Light+
activityBar.dropBorder #003599
activityBar.foreground #0A1530
activityBar.inactiveForeground #0A153070
activityBarBadge.background #003599
activityBarBadge.foreground #FFFFFF
activityBarTop.activeBackground #00359915
activityBarTop.activeBorder #003599
activityBarTop.background #F2F5FA
activityBarTop.dropBorder #003599
activityBarTop.foreground #0A1530
activityBarTop.inactiveForeground #0A153070
activityErrorBadge.background #C82E2E
activityErrorBadge.foreground #FFFFFF
activityWarningBadge.background #8B6B20
activityWarningBadge.foreground #FFFFFF
agentSessionReadIndicator.foreground #003599
agentSessionSelectedBadge.border #00359940
agentSessionSelectedUnfocusedBadge.border #0A153040
agentStatusIndicator.background #F2F5FA
aiCustomizationManagement.sashBorder #003599
badge.background #003599
badge.foreground #FFFFFF
banner.background #003599
banner.foreground #FFFFFF
banner.iconForeground #FFFFFF
breadcrumb.activeSelectionForeground #003599
breadcrumb.background #FFFFFF
breadcrumb.focusForeground #0A1530
breadcrumb.foreground #5C6B82
breadcrumbPicker.background #FFFFFF
button.background #003599
button.border #00359900
button.foreground #FFFFFF
button.hoverBackground #002878
button.secondaryBackground #F2F5FA
button.secondaryBorder #00359940
button.secondaryForeground #0A1530
button.secondaryHoverBackground #E6EBF2
button.separator #FFFFFF40
charts.blue #003599
charts.foreground #0A1530
charts.green #2D7A3F
charts.lines #5C6B82
charts.orange #8B6B20
charts.purple #003599
charts.red #C82E2E
charts.yellow #8B6B20
chat.avatarBackground #003599
chat.avatarForeground #FFFFFF
chat.checkpointSeparator #00359930
chat.editedFileForeground #003599
chat.inputWorkingBorderColor1 #003599
chat.inputWorkingBorderColor2 #002878
chat.inputWorkingBorderColor3 #003599
chat.linesAddedForeground #2D7A3FCC
chat.linesRemovedForeground #C82E2ECC
chat.requestBackground #F2F5FA
chat.requestBorder #00359930
chat.requestBubbleBackground #F2F5FAE6
chat.requestBubbleHoverBackground #E6EBF2E6
chat.requestCodeBorder #00359920
chat.slashCommandBackground #003599
chat.slashCommandForeground #FFFFFF
chat.thinkingShimmer #00359930
chatManagement.sashBorder #003599
checkbox.background #FFFFFF
checkbox.border #00359950
checkbox.disabled.background #F2F5FA
checkbox.disabled.foreground #5C6B82
checkbox.foreground #003599
checkbox.selectBackground #FFFFFF
checkbox.selectBorder #003599
commandCenter.activeBackground #0A153025
commandCenter.activeBorder #0A153050
commandCenter.activeForeground #0A1530
commandCenter.background #0A153015
commandCenter.border #0A153030
commandCenter.debuggingBackground #2D7A3F20
commandCenter.foreground #0A1530
commandCenter.inactiveBorder #0A153015
commandCenter.inactiveForeground #0A153070
commentsView.resolvedIcon #2D7A3F
commentsView.unresolvedIcon #8B6B20
contrastActiveBorder #00359900
contrastBorder #00359900
debugConsole.errorForeground #C82E2E
debugConsole.infoForeground #003599
debugConsole.sourceForeground #5C6B82
debugConsole.warningForeground #8B6B20
debugConsoleInputIcon.foreground #003599
debugExceptionWidget.background #C82E2E15
debugExceptionWidget.border #C82E2E60
debugIcon.breakpointCurrentStackframeForeground #8B6B20
debugIcon.breakpointDisabledForeground #5C6B82
debugIcon.breakpointForeground #C82E2E
debugIcon.breakpointStackframeForeground #2D7A3F
debugIcon.breakpointUnverifiedForeground #8B6B20
debugIcon.continueForeground #2D7A3F
debugIcon.disconnectForeground #C82E2E
debugIcon.pauseForeground #8B6B20
debugIcon.restartForeground #2D7A3F
debugIcon.startForeground #2D7A3F
debugIcon.stepBackForeground #003599
debugIcon.stepIntoForeground #003599
debugIcon.stepOutForeground #003599
debugIcon.stepOverForeground #003599
debugIcon.stopForeground #C82E2E
debugTokenExpression.boolean #8B6B20
debugTokenExpression.error #C82E2E
debugTokenExpression.name #003599
debugTokenExpression.number #8B6B20
debugTokenExpression.string #2D7A3F
debugTokenExpression.type #003599
debugTokenExpression.value #2D7A3F
debugToolBar.background #FFFFFF
debugView.exceptionLabelBackground #C82E2E
debugView.exceptionLabelForeground #FFFFFF
debugView.stateLabelBackground #003599
debugView.stateLabelForeground #FFFFFF
debugView.valueChangedHighlight #00359960
descriptionForeground #5C6B82
diffEditor.border #00359920
diffEditor.diagonalFill #5C6B8215
diffEditor.insertedLineBackground #2D7A3F10
diffEditor.insertedTextBackground #2D7A3F20
diffEditor.insertedTextBorder #2D7A3F50
diffEditor.move.border #00359960
diffEditor.moveActive.border #003599
diffEditor.removedLineBackground #C82E2E10
diffEditor.removedTextBackground #C82E2E20
diffEditor.removedTextBorder #C82E2E50
diffEditor.unchangedCodeBackground #FFFFFF80
diffEditor.unchangedRegionBackground #F2F5FA
diffEditor.unchangedRegionForeground #5C6B82
diffEditor.unchangedRegionShadow #0A153015
diffEditorGutter.insertedLineBackground #2D7A3F20
diffEditorGutter.removedLineBackground #C82E2E20
diffEditorOverview.insertedForeground #2D7A3F60
diffEditorOverview.removedForeground #C82E2E60
disabledForeground #5C6B82
dropdown.background #FFFFFF
dropdown.border #00359950
dropdown.foreground #0A1530
dropdown.listBackground #FFFFFF
editor.background #FFFFFF
editor.compositionBorder #003599
editor.findMatchBackground #0035998050
editor.findMatchBorder #00359980
editor.findMatchForeground #0A1530
editor.findMatchHighlightBackground #0035998030
editor.findMatchHighlightBorder #0035998060
editor.findMatchHighlightForeground #0A1530
editor.findRangeHighlightBackground #00359915
editor.findRangeHighlightBorder #00359900
editor.focusedStackFrameHighlightBackground #2D7A3F20
editor.foldBackground #00359910
editor.foldPlaceholderForeground #5C6B82
editor.foreground #0A1530
editor.hoverHighlightBackground #00359915
editor.inactiveLineHighlightBackground #F2F5FA80
editor.inactiveSelectionBackground #00359920
editor.inlineValuesBackground #00359910
editor.inlineValuesForeground #5C6B82
editor.lineHighlightBackground #F2F5FA
editor.lineHighlightBorder #00359910
editor.linkedEditingBackground #00359920
editor.placeholder.foreground #5C6B82
editor.rangeHighlightBackground #00359910
editor.rangeHighlightBorder #00359900
editor.selectionBackground #00359930
editor.selectionForeground #0A1530
editor.selectionHighlightBackground #00359920
editor.selectionHighlightBorder #00359940
editor.stackFrameHighlightBackground #8B6B2020
editor.symbolHighlightBackground #00359920
editor.symbolHighlightBorder #00359940
editor.wordHighlightBackground #00359920
editor.wordHighlightBorder #00359940
editor.wordHighlightStrongBackground #00359930
editor.wordHighlightStrongBorder #00359960
editor.wordHighlightTextBackground #00359915
editor.wordHighlightTextBorder #00359930
editorActionList.background #FFFFFF
editorActionList.focusBackground #00359930
editorActionList.focusForeground #0A1530
editorActionList.foreground #0A1530
editorBracketHighlight.foreground1 #003599
editorBracketHighlight.foreground2 #C8552E
editorBracketHighlight.foreground3 #8B6B20
editorBracketHighlight.foreground4 #2D7A3F
editorBracketHighlight.foreground5 #8B30A8
editorBracketHighlight.foreground6 #1B7264
editorBracketHighlight.unexpectedBracket.foreground #C82E2E
editorBracketMatch.border #00359960
editorBracketMatch.foreground #003599
editorBracketPairGuide.activeBackground1 #00359980
editorBracketPairGuide.activeBackground2 #C8552E80
editorBracketPairGuide.activeBackground3 #8B6B2080
editorBracketPairGuide.activeBackground4 #2D7A3F80
editorBracketPairGuide.activeBackground5 #8B30A880
editorBracketPairGuide.activeBackground6 #1B726480
editorBracketPairGuide.background1 #00359940
editorBracketPairGuide.background2 #C8552E40
editorBracketPairGuide.background3 #8B6B2040
editorBracketPairGuide.background4 #2D7A3F40
editorBracketPairGuide.background5 #8B30A840
editorBracketPairGuide.background6 #1B726440
editorCodeLens.foreground #5C6B82
editorCommentsWidget.rangeActiveBackground #00359915
editorCommentsWidget.rangeBackground #00359908
editorCommentsWidget.replyInputBackground #FFFFFF
editorCommentsWidget.resolvedBorder #2D7A3F50
editorCommentsWidget.unresolvedBorder #8B6B20
editorCursor.background #FFFFFF
editorCursor.foreground #003599
editorError.background #C82E2E10
editorError.border #C82E2E00
editorError.foreground #C82E2E
editorGhostText.background #00359900
editorGhostText.border #00359900
editorGhostText.foreground #0A153066
editorGroup.border #00359920
editorGroup.dropBackground #00359920
editorGroup.dropIntoPromptBackground #FFFFFF
editorGroup.dropIntoPromptBorder #00359950
editorGroup.dropIntoPromptForeground #0A1530
editorGroup.emptyBackground #FFFFFF
editorGroup.focusedEmptyBorder #00359940
editorGroupHeader.border #00359915
editorGroupHeader.noTabsBackground #FFFFFF
editorGroupHeader.tabsBackground #F2F5FA
editorGroupHeader.tabsBorder #00359920
editorGutter.addedBackground #2D7A3F
editorGutter.addedSecondaryBackground #2D7A3F60
editorGutter.background #FFFFFF
editorGutter.commentDraftGlyphForeground #00359980
editorGutter.commentGlyphForeground #003599
editorGutter.commentRangeForeground #5C6B8240
editorGutter.commentUnresolvedGlyphForeground #8B6B20
editorGutter.deletedBackground #C82E2E
editorGutter.deletedSecondaryBackground #C82E2E60
editorGutter.foldingControlForeground #5C6B82
editorGutter.itemBackground #FFFFFF
editorGutter.itemGlyphForeground #003599
editorGutter.modifiedBackground #003599
editorGutter.modifiedSecondaryBackground #00359960
editorHint.border #2D7A3F00
editorHint.foreground #2D7A3F
editorHoverWidget.background #FFFFFF
editorHoverWidget.border #00359950
editorHoverWidget.foreground #0A1530
editorHoverWidget.highlightForeground #003599
editorHoverWidget.statusBarBackground #F2F5FA
editorIndentGuide.activeBackground1 #003599
editorIndentGuide.activeBackground2 #C8552E
editorIndentGuide.activeBackground3 #8B6B20
editorIndentGuide.activeBackground4 #2D7A3F
editorIndentGuide.activeBackground5 #8B30A8
editorIndentGuide.activeBackground6 #1B7264
editorIndentGuide.background1 #00359920
editorIndentGuide.background2 #C8552E20
editorIndentGuide.background3 #8B6B2020
editorIndentGuide.background4 #2D7A3F20
editorIndentGuide.background5 #8B30A820
editorIndentGuide.background6 #1B726420
editorInfo.background #00359910
editorInfo.border #00359900
editorInfo.foreground #003599
editorInlayHint.background #F2F5FA
editorInlayHint.foreground #0A153070
editorInlayHint.parameterBackground #F2F5FA
editorInlayHint.parameterForeground #0A153070
editorInlayHint.typeBackground #F2F5FA
editorInlayHint.typeForeground #0A1530
editorLightBulb.foreground #8B6B20
editorLightBulbAi.foreground #003599
editorLightBulbAutoFix.foreground #2D7A3F
editorLineNumber.activeForeground #003599
editorLineNumber.dimmedForeground #5C6B8250
editorLineNumber.foreground #003599
editorLink.activeForeground #003599
editorMarkerNavigation.background #FFFFFF
editorMarkerNavigationError.background #C82E2E20
editorMarkerNavigationError.headerBackground #C82E2E15
editorMarkerNavigationInfo.background #00359920
editorMarkerNavigationInfo.headerBackground #00359915
editorMarkerNavigationWarning.background #8B6B2020
editorMarkerNavigationWarning.headerBackground #8B6B2015
editorMinimap.inlineChatInserted #2D7A3F30
editorMinimap.inlineChatRemoved #C82E2E30
editorMultiCursor.primary.background #FFFFFF
editorMultiCursor.primary.foreground #003599
editorMultiCursor.secondary.background #FFFFFF
editorMultiCursor.secondary.foreground #003599
editorOverviewRuler.addedForeground #2D7A3F
editorOverviewRuler.background #FFFFFF
editorOverviewRuler.border #00359920
editorOverviewRuler.bracketMatchForeground #00359960
editorOverviewRuler.commentDraftForeground #00359950
editorOverviewRuler.commentForeground #00359930
editorOverviewRuler.commentUnresolvedForeground #8B6B2060
editorOverviewRuler.commonContentForeground #5C6B8240
editorOverviewRuler.currentContentForeground #2D7A3F60
editorOverviewRuler.deletedForeground #C82E2E
editorOverviewRuler.errorForeground #C82E2E
editorOverviewRuler.findMatchForeground #003599CC
editorOverviewRuler.incomingContentForeground #00359960
editorOverviewRuler.infoForeground #003599
editorOverviewRuler.inlineChatInserted #2D7A3F60
editorOverviewRuler.inlineChatRemoved #C82E2E60
editorOverviewRuler.modifiedForeground #003599
editorOverviewRuler.rangeHighlightForeground #00359999
editorOverviewRuler.selectionHighlightForeground #00359999
editorOverviewRuler.warningForeground #8B6B20
editorOverviewRuler.wordHighlightForeground #00359999
editorOverviewRuler.wordHighlightStrongForeground #003599CC
editorOverviewRuler.wordHighlightTextForeground #00359960
editorPane.background #FFFFFF
editorRuler.foreground #CCCCCC30
editorSnippetFinalTabstopHighlightBackground #2D7A3F20
editorSnippetFinalTabstopHighlightBorder #2D7A3F00
editorSnippetTabstopHighlightBackground #00359920
editorSnippetTabstopHighlightBorder #00359900
editorStickyScroll.background #F2F5FA
editorStickyScroll.border #00359915
editorStickyScroll.shadow #0A153015
editorStickyScrollGutter.background #F2F5FA
editorStickyScrollHover.background #E6EBF2
editorSuggestWidget.background #FFFFFF
editorSuggestWidget.border #00359950
editorSuggestWidget.focusHighlightForeground #003599
editorSuggestWidget.foreground #0A1530
editorSuggestWidget.highlightForeground #003599
editorSuggestWidget.selectedBackground #00359950
editorSuggestWidget.selectedForeground #0A1530
editorSuggestWidget.selectedIconForeground #0A1530
editorSuggestWidgetStatus.foreground #5C6B82
editorUnicodeHighlight.background #8B6B2015
editorUnicodeHighlight.border #8B6B20
editorUnnecessaryCode.border #5C6B8240
editorUnnecessaryCode.opacity #00000077
editorWarning.background #8B6B2010
editorWarning.border #8B6B2000
editorWarning.foreground #8B6B20
editorWhitespace.foreground #CCCCCC50
editorWidget.background #FFFFFF
editorWidget.border #00359950
editorWidget.foreground #0A1530
editorWidget.resizeBorder #003599
errorForeground #C82E2E
extensionBadge.remoteBackground #003599
extensionBadge.remoteForeground #FFFFFF
extensionButton.background #003599
extensionButton.border #00359900
extensionButton.foreground #FFFFFF
extensionButton.hoverBackground #002878
extensionButton.prominentBackground #003599
extensionButton.prominentForeground #FFFFFF
extensionButton.prominentHoverBackground #002878
extensionButton.separator #FFFFFF40
extensionIcon.preReleaseForeground #003599
extensionIcon.privateForeground #5C6B82
extensionIcon.sponsorForeground #003599
extensionIcon.starForeground #8B6B20
extensionIcon.verifiedForeground #2D7A3F
focusBorder #003599
foreground #0A1530
gauge.background #FFFFFF
gauge.border #00359920
gauge.errorBackground #C82E2E20
gauge.errorForeground #C82E2E
gauge.foreground #0A1530
gauge.warningBackground #8B6B2020
gauge.warningForeground #8B6B20
git.blame.editorDecorationForeground #5C6B8280
gitDecoration.addedResourceForeground #2D7A3F
gitDecoration.conflictingResourceForeground #8B6B20
gitDecoration.deletedResourceForeground #C82E2E
gitDecoration.ignoredResourceForeground #5C6B82
gitDecoration.modifiedResourceForeground #003599
gitDecoration.renamedResourceForeground #003599
gitDecoration.stageDeletedResourceForeground #C82E2ECC
gitDecoration.stageModifiedResourceForeground #003599CC
gitDecoration.submoduleResourceForeground #2D7A3F
gitDecoration.untrackedResourceForeground #2D7A3F
icon.foreground #003599
inlineChat.background #F2F5FA
inlineChat.border #00359930
inlineChat.foreground #0A1530
inlineChat.shadow #0A153020
inlineChatDiff.inserted #2D7A3F20
inlineChatDiff.removed #C82E2E15
inlineChatInput.background #FFFFFF
inlineChatInput.border #00359950
inlineChatInput.focusBorder #003599
inlineChatInput.placeholderForeground #0A153070
inlineEdit.gutterIndicator.background #FFFFFF
inlineEdit.gutterIndicator.primaryBackground #00359915
inlineEdit.gutterIndicator.primaryBorder #003599
inlineEdit.gutterIndicator.primaryForeground #003599
inlineEdit.gutterIndicator.secondaryBackground #00359915
inlineEdit.gutterIndicator.secondaryBorder #003599
inlineEdit.gutterIndicator.secondaryForeground #003599
inlineEdit.gutterIndicator.successfulBackground #2D7A3F15
inlineEdit.gutterIndicator.successfulBorder #2D7A3F
inlineEdit.gutterIndicator.successfulForeground #2D7A3F
inlineEdit.modifiedBackground #00359910
inlineEdit.modifiedBorder #00359940
inlineEdit.modifiedChangedLineBackground #00359915
inlineEdit.modifiedChangedTextBackground #00359925
inlineEdit.originalBackground #C82E2E08
inlineEdit.originalBorder #C82E2E25
inlineEdit.originalChangedLineBackground #C82E2E10
inlineEdit.originalChangedTextBackground #C82E2E20
inlineEdit.tabWillAcceptModifiedBorder #2D7A3F60
inlineEdit.tabWillAcceptOriginalBorder #C82E2E40
input.background #FFFFFF
input.border #00359950
input.foreground #0A1530
input.placeholderForeground #5C6B82
inputOption.activeBackground #00359930
inputOption.activeBorder #003599
inputOption.activeForeground #0A1530
inputOption.hoverBackground #00359915
inputValidation.errorBackground #C82E2E15
inputValidation.errorBorder #C82E2E
inputValidation.errorForeground #C82E2E
inputValidation.infoBackground #00359915
inputValidation.infoBorder #003599
inputValidation.infoForeground #003599
inputValidation.warningBackground #8B6B2015
inputValidation.warningBorder #8B6B20
inputValidation.warningForeground #8B6B20
interactive.activeCodeBorder #003599
interactive.inactiveCodeBorder #00359920
keybindingLabel.background #00359915
keybindingLabel.border #00359930
keybindingLabel.bottomBorder #00359950
keybindingLabel.foreground #0A1530
keybindingTable.headerBackground #F2F5FA
keybindingTable.rowsBackground #F2F5FA80
list.activeSelectionBackground #00359940
list.activeSelectionForeground #FFFFFF
list.activeSelectionIconForeground #FFFFFF
list.deemphasizedForeground #5C6B82
list.dropBackground #00359920
list.dropBetweenBackground #003599
list.errorForeground #C82E2E
list.filterMatchBorder #00359960
list.focusAndSelectionOutline #003599
list.focusBackground #00359930
list.focusForeground #0A1530
list.focusHighlightForeground #003599
list.focusOutline #00359960
list.highlightForeground #003599
list.hoverBackground #00359915
list.hoverForeground #0A1530
list.inactiveFocusBackground #00359915
list.inactiveFocusOutline #00359940
list.inactiveSelectionBackground #00359920
list.inactiveSelectionForeground #0A1530
list.inactiveSelectionIconForeground #0A1530
list.invalidItemForeground #C82E2E
list.warningForeground #8B6B20
listFilterWidget.background #FFFFFF
listFilterWidget.noMatchesOutline #C82E2E
listFilterWidget.outline #003599
listFilterWidget.shadow #0A153030
markdownAlert.caution.foreground #C82E2E
markdownAlert.important.foreground #003599
markdownAlert.note.foreground #003599
markdownAlert.tip.foreground #2D7A3F
markdownAlert.warning.foreground #8B6B20
mcpIcon.starForeground #8B6B20
menu.background #FFFFFF
menu.border #00359930
menu.foreground #0A1530
menu.selectionBackground #00359930
menu.selectionBorder #00359900
menu.selectionForeground #0A1530
menu.separatorBackground #00359920
menubar.selectionBackground #00359930
menubar.selectionBorder #00359900
menubar.selectionForeground #0A1530
merge.border #00359950
merge.commonContentBackground #5C6B8215
merge.commonHeaderBackground #5C6B8230
merge.currentContentBackground #2D7A3F20
merge.currentHeaderBackground #2D7A3F50
merge.incomingContentBackground #00359920
merge.incomingHeaderBackground #00359950
mergeEditor.change.background #00359915
mergeEditor.change.word.background #00359930
mergeEditor.changeBase.background #5C6B8210
mergeEditor.changeBase.word.background #5C6B8220
mergeEditor.conflict.handled.minimapOverViewRuler #2D7A3F
mergeEditor.conflict.handledFocused.border #2D7A3F
mergeEditor.conflict.handledUnfocused.border #2D7A3F40
mergeEditor.conflict.input1.background #2D7A3F15
mergeEditor.conflict.input2.background #00359915
mergeEditor.conflict.unhandled.minimapOverViewRuler #8B6B20
mergeEditor.conflict.unhandledFocused.border #8B6B20
mergeEditor.conflict.unhandledUnfocused.border #8B6B2060
mergeEditor.conflictingLines.background #8B6B2015
minimap.background #FFFFFF
minimap.chatEditHighlight #00359930
minimap.errorHighlight #C82E2E
minimap.findMatchHighlight #00359980
minimap.foregroundOpacity #000000FF
minimap.infoHighlight #003599
minimap.selectionHighlight #00359950
minimap.selectionOccurrenceHighlight #00359930
minimap.warningHighlight #8B6B20
minimapGutter.addedBackground #2D7A3F
minimapGutter.deletedBackground #C82E2E
minimapGutter.modifiedBackground #003599
minimapSlider.activeBackground #00359970
minimapSlider.background #00359930
minimapSlider.hoverBackground #00359950
multiDiffEditor.background #FFFFFF
multiDiffEditor.border #00359920
multiDiffEditor.headerBackground #F2F5FA
notebook.cellBorderColor #00359920
notebook.cellEditorBackground #FFFFFF
notebook.cellHoverBackground #E6EBF2
notebook.cellInsertionIndicator #003599
notebook.cellStatusBarItemHoverBackground #00359920
notebook.cellToolbarSeparator #00359915
notebook.editorBackground #FFFFFF
notebook.focusedCellBackground #F2F5FA
notebook.focusedCellBorder #003599
notebook.focusedEditorBorder #003599
notebook.inactiveFocusedCellBorder #00359940
notebook.inactiveSelectedCellBorder #00359920
notebook.outputContainerBackgroundColor #F2F5FA
notebook.outputContainerBorderColor #00359915
notebook.selectedCellBackground #00359915
notebook.selectedCellBorder #00359960
notebook.symbolHighlightBackground #00359920
notebookEditorOverviewRuler.runningCellForeground #003599
notebookScrollbarSlider.activeBackground #00359970
notebookScrollbarSlider.background #00359930
notebookScrollbarSlider.hoverBackground #00359950
notebookStatusErrorIcon.foreground #C82E2E
notebookStatusRunningIcon.foreground #003599
notebookStatusSuccessIcon.foreground #2D7A3F
notificationCenter.border #00359920
notificationCenterHeader.background #F2F5FA
notificationCenterHeader.foreground #0A1530
notificationLink.foreground #003599
notifications.background #FFFFFF
notifications.border #00359920
notifications.foreground #0A1530
notificationsErrorIcon.foreground #C82E2E
notificationsInfoIcon.foreground #003599
notificationsWarningIcon.foreground #8B6B20
notificationToast.border #00359920
outputView.background #F2F5FA
outputViewStickyScroll.background #F2F5FA
panel.background #F2F5FA
panel.border #00359920
panel.dropBorder #003599
panelInput.border #00359950
panelSection.border #00359920
panelSection.dropBackground #00359920
panelSectionHeader.background #00359915
panelSectionHeader.border #00359920
panelSectionHeader.foreground #003599
panelStickyScroll.background #F2F5FA
panelStickyScroll.border #00359915
panelStickyScroll.shadow #0A153015
panelTitle.activeBorder #003599
panelTitle.activeForeground #003599
panelTitle.border #00359915
panelTitle.inactiveForeground #0A153060
panelTitleBadge.background #003599
panelTitleBadge.foreground #FFFFFF
peekView.border #003599
peekViewEditor.background #0A1530
peekViewEditor.matchHighlightBackground #00359950
peekViewEditor.matchHighlightBorder #00359980
peekViewEditorGutter.background #0A1530
peekViewEditorStickyScroll.background #0A1530
peekViewEditorStickyScrollGutter.background #0A1530
peekViewResult.background #060F22
peekViewResult.fileForeground #FFFFFF
peekViewResult.lineForeground #8FA0BD
peekViewResult.matchHighlightBackground #00359950
peekViewResult.selectionBackground #00359950
peekViewResult.selectionForeground #FFFFFF
peekViewTitle.background #050B1A
peekViewTitleDescription.foreground #5C6B82
peekViewTitleLabel.foreground #003599
pickerGroup.border #00359920
pickerGroup.foreground #003599
ports.iconRunningProcessForeground #2D7A3F
problemsErrorIcon.foreground #C82E2E
problemsInfoIcon.foreground #003599
problemsWarningIcon.foreground #8B6B20
profileBadge.background #003599
profileBadge.foreground #FFFFFF
profiles.sashBorder #003599
progressBar.background #003599
quickInput.background #FFFFFF
quickInput.border #00359925
quickInput.foreground #0A1530
quickInputList.focusBackground #00359930
quickInputList.focusForeground #0A1530
quickInputList.focusIconForeground #0A1530
quickInputList.hoverBackground #E6EBF2
quickInputTitle.background #F2F5FA
radio.activeBackground #003599
radio.activeBorder #003599
radio.activeForeground #FFFFFF
radio.inactiveBackground #FFFFFF
radio.inactiveBorder #00359940
radio.inactiveForeground #0A1530
radio.inactiveHoverBackground #E6EBF2
sash.hoverBorder #003599
scmGraph.foreground1 #003599
scmGraph.foreground2 #003599
scmGraph.foreground3 #2D7A3F
scmGraph.foreground4 #8B6B20
scmGraph.foreground5 #2D7A3F
scmGraph.historyItemBaseRefColor #2D7A3F
scmGraph.historyItemHoverAdditionsForeground #2D7A3F
scmGraph.historyItemHoverDeletionsForeground #C82E2E
scmGraph.historyItemHoverLabelForeground #0A1530
scmGraph.historyItemRefColor #003599
scmGraph.historyItemRemoteRefColor #003599
scrollbar.background #FFFFFF00
scrollbar.shadow #0A153050
scrollbarSlider.activeBackground #00359970
scrollbarSlider.background #00359930
scrollbarSlider.hoverBackground #00359950
search.resultsInfoForeground #5C6B82
searchEditor.findMatchBackground #00359930
searchEditor.findMatchBorder #00359960
searchEditor.textInputBorder #00359950
selection.background #00359950
settings.checkboxBackground #FFFFFF
settings.checkboxBorder #00359950
settings.checkboxForeground #003599
settings.dropdownBackground #FFFFFF
settings.dropdownBorder #00359950
settings.dropdownForeground #0A1530
settings.dropdownListBorder #00359920
settings.focusedRowBackground #00359910
settings.focusedRowBorder #00359930
settings.headerBorder #00359915
settings.headerForeground #0A1530
settings.modifiedItemIndicator #003599
settings.numberInputBackground #FFFFFF
settings.numberInputBorder #00359950
settings.numberInputForeground #0A1530
settings.rowHoverBackground #00359910
settings.sashBorder #003599
settings.settingsHeaderHoverForeground #003599
settings.textInputBackground #FFFFFF
settings.textInputBorder #00359950
settings.textInputForeground #0A1530
sideBar.background #F2F5FA
sideBar.border #00359930
sideBar.dropBackground #00359920
sideBar.foreground #0A1530
sideBarActivityBarTop.border #00359920
sideBarSectionHeader.background #00359915
sideBarSectionHeader.border #00359920
sideBarSectionHeader.foreground #003599
sideBarStickyScroll.background #F2F5FA
sideBarStickyScroll.border #00359915
sideBarStickyScroll.shadow #0A153015
sideBarTitle.background #F2F5FA
sideBarTitle.border #00359915
sideBarTitle.foreground #003599
sideBySideEditor.horizontalBorder #00359920
sideBySideEditor.verticalBorder #00359920
simpleFindWidget.sashBorder #003599
statusBar.background #003599
statusBar.border #002878
statusBar.debuggingBackground #2D7A3F
statusBar.debuggingBorder #2D7A3FCC
statusBar.debuggingForeground #FFFFFF
statusBar.focusBorder #003599
statusBar.foreground #FFFFFF
statusBar.noFolderBackground #002878
statusBar.noFolderBorder #002878
statusBar.noFolderForeground #FFFFFF
statusBarItem.activeBackground #00287880
statusBarItem.compactHoverBackground #00287860
statusBarItem.errorBackground #C82E2E
statusBarItem.errorForeground #FFFFFF
statusBarItem.errorHoverBackground #C82E2ECC
statusBarItem.errorHoverForeground #FFFFFF
statusBarItem.focusBorder #003599
statusBarItem.hoverBackground #00287880
statusBarItem.hoverForeground #FFFFFF
statusBarItem.offlineBackground #5C6B82
statusBarItem.offlineForeground #FFFFFF
statusBarItem.offlineHoverBackground #5C6B82CC
statusBarItem.offlineHoverForeground #FFFFFF
statusBarItem.prominentBackground #003599
statusBarItem.prominentForeground #FFFFFF
statusBarItem.prominentHoverBackground #002878
statusBarItem.prominentHoverForeground #FFFFFF
statusBarItem.remoteBackground #003599
statusBarItem.remoteForeground #FFFFFF
statusBarItem.remoteHoverBackground #003599CC
statusBarItem.remoteHoverForeground #FFFFFF
statusBarItem.warningBackground #8B6B20
statusBarItem.warningForeground #FFFFFF
statusBarItem.warningHoverBackground #8B6B20CC
statusBarItem.warningHoverForeground #FFFFFF
symbolIcon.arrayForeground #8B6B20
symbolIcon.booleanForeground #8B6B20
symbolIcon.classForeground #003599
symbolIcon.colorForeground #003599
symbolIcon.constantForeground #8B6B20
symbolIcon.constructorForeground #003599
symbolIcon.enumeratorForeground #003599
symbolIcon.enumeratorMemberForeground #8B6B20
symbolIcon.eventForeground #8B6B20
symbolIcon.fieldForeground #003599
symbolIcon.fileForeground #5C6B82
symbolIcon.folderForeground #003599
symbolIcon.functionForeground #003599
symbolIcon.interfaceForeground #003599
symbolIcon.keyForeground #003599
symbolIcon.keywordForeground #003599
symbolIcon.methodForeground #003599
symbolIcon.moduleForeground #003599
symbolIcon.namespaceForeground #003599
symbolIcon.nullForeground #5C6B82
symbolIcon.numberForeground #8B6B20
symbolIcon.objectForeground #003599
symbolIcon.operatorForeground #003599
symbolIcon.packageForeground #003599
symbolIcon.propertyForeground #0A1530
symbolIcon.referenceForeground #003599
symbolIcon.snippetForeground #2D7A3F
symbolIcon.stringForeground #2D7A3F
symbolIcon.structForeground #003599
symbolIcon.textForeground #0A1530
symbolIcon.typeParameterForeground #003599
symbolIcon.unitForeground #8B6B20
symbolIcon.variableForeground #0A1530
tab.activeBackground #FFFFFF
tab.activeBorder #003599
tab.activeBorderTop #00359900
tab.activeForeground #0A1530
tab.activeModifiedBorder #003599
tab.border #00359920
tab.dragAndDropBorder #003599
tab.hoverBackground #F2F5FA
tab.hoverBorder #00359940
tab.hoverForeground #0A1530
tab.inactiveBackground #F2F5FA
tab.inactiveForeground #0A153070
tab.inactiveModifiedBorder #00359960
tab.lastPinnedBorder #00359930
tab.selectedBackground #FFFFFF
tab.selectedBorderTop #003599
tab.selectedForeground #0A1530
tab.unfocusedActiveBackground #FFFFFF
tab.unfocusedActiveBorder #00359960
tab.unfocusedActiveBorderTop #00359900
tab.unfocusedActiveForeground #0A1530CC
tab.unfocusedActiveModifiedBorder #003599CC
tab.unfocusedHoverBackground #F2F5FA
tab.unfocusedHoverBorder #00359930
tab.unfocusedHoverForeground #0A1530CC
tab.unfocusedInactiveBackground #F2F5FA
tab.unfocusedInactiveForeground #0A153050
tab.unfocusedInactiveModifiedBorder #00359950
terminal.ansiBlack #0A1530
terminal.ansiBlue #003599
terminal.ansiBrightBlack #5C6B82
terminal.ansiBrightBlue #2A50A0
terminal.ansiBrightCyan #20887A
terminal.ansiBrightGreen #3A9A50
terminal.ansiBrightMagenta #A040C0
terminal.ansiBrightRed #E04040
terminal.ansiBrightWhite #FFFFFF
terminal.ansiBrightYellow #A08030
terminal.ansiCyan #1B7264
terminal.ansiGreen #2D7A3F
terminal.ansiMagenta #8B30A8
terminal.ansiRed #C82E2E
terminal.ansiWhite #FFFFFF
terminal.ansiYellow #8B6B20
terminal.background #FFFFFF
terminal.border #00359920
terminal.dropBackground #00359920
terminal.findMatchBackground #0035998060
terminal.findMatchBorder #003599
terminal.findMatchHighlightBackground #0035998040
terminal.findMatchHighlightBorder #00359980
terminal.foreground #0A1530
terminal.hoverHighlightBackground #00359920
terminal.inactiveSelectionBackground #00359920
terminal.initialHintForeground #5C6B82
terminal.selectionBackground #00359940
terminal.selectionForeground #0A1530
terminal.tab.activeBorder #003599
terminalCommandDecoration.defaultBackground #00359940
terminalCommandDecoration.errorBackground #C82E2E60
terminalCommandDecoration.successBackground #2D7A3F60
terminalCommandGuide.foreground #00359920
terminalCursor.background #FFFFFF
terminalCursor.foreground #003599
terminalOverviewRuler.border #00359920
terminalOverviewRuler.cursorForeground #003599
terminalOverviewRuler.findMatchForeground #003599CC
terminalStickyScroll.background #F2F5FA
terminalStickyScroll.border #00359915
terminalStickyScrollHover.background #E6EBF2
terminalSymbolIcon.aliasForeground #003599
terminalSymbolIcon.argumentForeground #8B6B20
terminalSymbolIcon.branchForeground #2D7A3F
terminalSymbolIcon.commitForeground #003599
terminalSymbolIcon.fileForeground #5C6B82
terminalSymbolIcon.flagForeground #8B6B20
terminalSymbolIcon.folderForeground #003599
terminalSymbolIcon.inlineSuggestionForeground #5C6B82
terminalSymbolIcon.methodForeground #003599
terminalSymbolIcon.optionForeground #0A1530
terminalSymbolIcon.optionValueForeground #2D7A3F
terminalSymbolIcon.pullRequestDoneForeground #2D7A3F
terminalSymbolIcon.pullRequestForeground #003599
terminalSymbolIcon.remoteForeground #003599
terminalSymbolIcon.stashForeground #003599
terminalSymbolIcon.symbolicLinkFileForeground #00359980
terminalSymbolIcon.symbolicLinkFolderForeground #00359980
terminalSymbolIcon.symbolText #0A1530
terminalSymbolIcon.tagForeground #003599
testing.coverCountBadgeBackground #003599
testing.coverCountBadgeForeground #FFFFFF
testing.coveredBackground #2D7A3F10
testing.coveredBorder #2D7A3F30
testing.coveredGutterBackground #2D7A3F40
testing.iconErrored #C82E2E
testing.iconErrored.retired #C82E2E50
testing.iconFailed #C82E2E
testing.iconFailed.retired #C82E2E50
testing.iconPassed #2D7A3F
testing.iconPassed.retired #2D7A3F50
testing.iconQueued #8B6B20
testing.iconQueued.retired #8B6B2050
testing.iconSkipped #5C6B82
testing.iconSkipped.retired #5C6B8250
testing.iconUnset #5C6B82
testing.iconUnset.retired #5C6B8250
testing.message.error.badgeBackground #C82E2E
testing.message.error.badgeBorder #C82E2E60
testing.message.error.badgeForeground #FFFFFF
testing.message.error.lineBackground #C82E2E10
testing.message.info.decorationForeground #003599
testing.message.info.lineBackground #00359910
testing.messagePeekBorder #003599
testing.messagePeekHeaderBackground #00359915
testing.peekBorder #C82E2E
testing.peekHeaderBackground #C82E2E15
testing.runAction #2D7A3F
testing.uncoveredBackground #C82E2E10
testing.uncoveredBorder #C82E2E30
testing.uncoveredBranchBackground #C82E2E20
testing.uncoveredGutterBackground #C82E2E40
textBlockQuote.background #F2F5FA
textBlockQuote.border #00359960
textCodeBlock.background #F2F5FA
textLink.activeForeground #003599
textLink.foreground #003599
textPreformat.background #F2F5FA
textPreformat.border #00359920
textPreformat.foreground #2D7A3F
textSeparator.foreground #00359920
titleBar.activeBackground #F2F5FA
titleBar.activeForeground #0A1530
titleBar.border #00359930
titleBar.inactiveBackground #F2F5FA
titleBar.inactiveForeground #0A153070
toolbar.activeBackground #00359930
toolbar.hoverBackground #00359920
toolbar.hoverOutline #00359900
tree.inactiveIndentGuidesStroke #00359915
tree.indentGuidesStroke #00359930
tree.tableColumnsBorder #00359915
tree.tableOddRowsBackground #F2F5FA80
walkThrough.embeddedEditorBackground #F2F5FA
walkthrough.stepTitle.foreground #0A1530
welcomePage.background #FFFFFF
welcomePage.progress.background #F2F5FA
welcomePage.progress.foreground #003599
welcomePage.tileBackground #F2F5FA
welcomePage.tileBorder #00359915
welcomePage.tileHoverBackground #E6EBF2
widget.border #00359920
widget.shadow #0A153030
window.activeBorder #00359900
window.inactiveBorder #00359900 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 #003599 —
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter #C8552E —
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method #003599 —
meta.block variable.other #0A1530 —
support.other.variable, string.other.link #0A1530 —
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other #8B6B20 —
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 #2D7A3F —
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 #003599 —
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 #003599 —
entity.name.module.js, variable.import.parameter.js, variable.other.class.js #0A1530 —
variable.language #003599 italic
entity.name.method.js #003599 italic
meta.class-method.js entity.name.function.js, variable.function.constructor #003599 —
entity.other.attribute-name #003599 —
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name #8B6B20 italic
entity.other.attribute-name.class #8B6B20 —
source.sass keyword.control #003599 —
constant.character.escape #2D7A3F —
*url*, *link*, *uri* — underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js #003599 italic
source.js constant.other.object.key.js string.unquoted.label.js #0A1530 italic
source.json meta.structure.dictionary.json support.type.property-name.json #003599 —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #003599 —
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 #2D7A3F —
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 #8B6B20 —
text.html.markdown, punctuation.definition.list_item.markdown #0A1530 —
text.html.markdown markup.inline.raw.markdown #8B6B20 —
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown #003599 —
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown #003599 —
markup.italic #003599 italic
markup.bold, markup.bold string #003599 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 #003599 bold
markup.underline #2D7A3F underline
markup.quote punctuation.definition.blockquote.markdown #5C6B82 —
string.other.link.title.markdown #003599 —
string.other.link.description.title.markdown #003599 —
constant.other.reference.link.markdown #2D7A3F —
markup.raw.block.fenced.markdown #0A1530 —
punctuation.definition.fenced.markdown #0A1530 —
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end #0A1530 —
variable.language.fenced.markdown #003599 —
meta.separator #003599 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}!`;
}