Olive Dream Theme

Name: Olive Dream Theme
Author: lilin

Publisher: lilinThemes in package: 2

A calm, natural, premium sage-green VS Code theme for creative developers, AI builders and designers.

Open in VS Code GitHub

Color themes

VS Code preview

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

Olive Dream Theme — Olive Dream

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...
~/my-project $

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#89986D
activityBar.activeFocusBorder#89986D
activityBar.background#E9EDDC
activityBar.border#DCE3CC
activityBar.foreground#68784A
activityBar.inactiveForeground#A9B18E
activityBarBadge.background#89986D
activityBarBadge.foreground#F8F6EA
badge.background#89986D
badge.foreground#F8F6EA
breadcrumb.activeSelectionForeground#3B4129
breadcrumb.background#F8F6EA
breadcrumb.focusForeground#3B4129
breadcrumb.foreground#8A9372
button.background#9CAB84
button.foreground#F8F6EA
button.hoverBackground#89986D
button.secondaryBackground#DCE3CC
button.secondaryForeground#3B4129
button.secondaryHoverBackground#C5D89D
contrastBorder#00000000
debugExceptionWidget.background#F6E4DE
debugExceptionWidget.border#B5564A
debugToolBar.background#FFFFFF
dropdown.background#FFFFFF
dropdown.border#C5D89D
dropdown.foreground#3B4129
editor.background#F8F6EA
editor.foreground#3B4129
editor.inactiveSelectionBackground#C5D89D99
editor.lineHighlightBackground#EFF2E4
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#C5D89D33
editor.selectionBackground#C5D89D
editor.selectionHighlightBackground#C5D89D55
editor.selectionHighlightBorder#00000000
editor.symbolHighlightBackground#C5D89D55
editor.wordHighlightBackground#C5D89D55
editor.wordHighlightStrongBackground#C5D89D77
editorBracketHighlight.foreground1#68784A
editorBracketHighlight.foreground2#75985A
editorBracketHighlight.foreground3#9A8B65
editorBracketHighlight.unexpectedBracket.foreground#B5564A
editorBracketMatch.background#C5D89D33
editorBracketMatch.border#9CAB84
editorCodeLens.foreground#A3A98C
editorCursor.foreground#68784A
editorError.foreground#B5564A
editorGroup.border#DCE3CC
editorGroupHeader.tabsBackground#E9EDDC
editorGroupHeader.tabsBorder#DCE3CC
editorGutter.background#F8F6EA
editorHint.foreground#9CAB84
editorHoverWidget.background#FFFFFF
editorHoverWidget.border#C5D89D
editorIndentGuide.activeBackground#C5D89D
editorIndentGuide.background#DCE3CC
editorInfo.foreground#75985A
editorLineNumber.activeForeground#89986D
editorLineNumber.foreground#B7BD9E
editorLink.activeForeground#75985A
editorMarkerNavigation.background#FFFFFF
editorOverviewRuler.border#DCE3CC
editorOverviewRuler.commentForeground#C5D89D
editorOverviewRuler.currentContentForeground#C5D89D
editorOverviewRuler.findMatchForeground#C49A4A66
editorOverviewRuler.incomingContentForeground#9CAB84
editorOverviewRuler.rangeHighlightForeground#C5D89D66
editorRuler.foreground#DCE3CC
editorSuggestWidget.background#FFFFFF
editorSuggestWidget.border#C5D89D
editorSuggestWidget.foreground#3B4129
editorSuggestWidget.highlightForeground#75985A
editorSuggestWidget.selectedBackground#C5D89D
editorWarning.foreground#C49A4A
editorWhitespace.foreground#D5DCC2
editorWidget.background#FFFFFF
editorWidget.border#C5D89D
editorWidget.foreground#3B4129
editorWidget.resizeBorder#9CAB84
focusBorder#9CAB84
gitDecoration.addedResourceForeground#75985A
gitDecoration.conflictingResourceForeground#9A7E9C
gitDecoration.deletedResourceForeground#B5564A
gitDecoration.ignoredResourceForeground#A3A98C
gitDecoration.modifiedResourceForeground#C49A4A
gitDecoration.untrackedResourceForeground#9CAB84
input.background#FFFFFF
input.border#C5D89D
input.foreground#3B4129
input.placeholderForeground#A3A98C
inputOption.activeBorder#9CAB84
inputValidation.errorBackground#F6E4DE
inputValidation.errorBorder#B5564A
inputValidation.infoBackground#EEF1E4
inputValidation.infoBorder#9CAB84
inputValidation.warningBackground#F6EFD7
inputValidation.warningBorder#C49A4A
list.activeSelectionBackground#C5D89D
list.activeSelectionForeground#3B4129
list.dropBackground#C5D89D77
list.errorForeground#B5564A
list.focusBackground#DCE3CC
list.focusForeground#3B4129
list.highlightForeground#75985A
list.hoverBackground#DCE3CC
list.inactiveSelectionBackground#DCE3CC
list.inactiveSelectionForeground#3B4129
list.warningForeground#C49A4A
listFilterWidget.background#FFFFFF
listFilterWidget.border#C5D89D
listFilterWidget.noMatchesOutline#B5564A
merge.commonHeaderBackground#A3A98C66
merge.currentHeaderBackground#C5D89D66
merge.incomingHeaderBackground#9CAB8466
minimap.findMatchHighlight#C5D89D
minimap.selectionHighlight#C5D89D99
minimapGutter.addedBackground#75985A
minimapGutter.deletedBackground#B5564A
minimapGutter.modifiedBackground#C49A4A
notebook.cellEditorBackground#FCFBF4
panel.background#F2F4E9
panel.border#DCE3CC
panelInput.border#C5D89D
panelTitle.activeForeground#3B4129
panelTitle.inactiveForeground#8A9372
peekView.border#C5D89D
peekViewEditor.background#FCFBF4
peekViewEditorGutter.background#FCFBF4
peekViewResult.background#FFFFFF
peekViewResult.fileForeground#3B4129
peekViewResult.lineForeground#515A3C
peekViewResult.selectionBackground#C5D89D
peekViewResult.selectionForeground#3B4129
peekViewTitle.background#E9EDDC
peekViewTitleDescription.foreground#8A9372
peekViewTitleLabel.foreground#3B4129
problemsError.foreground#B5564A
problemsInfo.foreground#75985A
problemsWarning.foreground#C49A4A
progressBar.background#9CAB84
scrollbarSlider.activeBackground#89986D
scrollbarSlider.background#9CAB8466
scrollbarSlider.hoverBackground#9CAB8499
settings.checkboxBackground#FFFFFF
settings.checkboxBorder#C5D89D
settings.dropdownBackground#FFFFFF
settings.focusedRowBackground#DCE3CC
settings.headerForeground#3B4129
settings.modifiedItemIndicator#9CAB84
settings.numberInputBackground#FFFFFF
settings.rowHoverBackground#DCE3CC
settings.textInputBackground#FFFFFF
sideBar.background#EEF1E4
sideBar.border#DCE3CC
sideBar.foreground#515A3C
sideBarSectionHeader.background#EEF1E4
sideBarSectionHeader.border#DCE3CC
sideBarSectionHeader.foreground#515A3C
sideBarTitle.foreground#3B4129
statusBar.background#89986D
statusBar.border#7A895F
statusBar.debuggingBackground#68784A
statusBar.foreground#F8F6EA
statusBar.noFolderBackground#89986D
statusBarItem.hoverBackground#7A895F
statusBarItem.remoteBackground#68784A
statusBarItem.remoteForeground#F8F6EA
tab.activeBackground#F8F6EA
tab.activeBorder#89986D
tab.activeForeground#3B4129
tab.border#DCE3CC
tab.hoverBackground#F2F4E9
tab.inactiveBackground#E9EDDC
tab.inactiveForeground#8A9372
tab.unfocusedActiveBackground#F8F6EA
tab.unfocusedActiveForeground#3B4129
tab.unfocusedInactiveBackground#E9EDDC
tab.unfocusedInactiveForeground#8A9372
terminal.ansiBlack#3B4129
terminal.ansiBlue#6E8C9C
terminal.ansiBrightBlack#5A6345
terminal.ansiBrightBlue#88A6B8
terminal.ansiBrightCyan#88B8B4
terminal.ansiBrightGreen#8FB573
terminal.ansiBrightMagenta#B295B4
terminal.ansiBrightRed#C97A6A
terminal.ansiBrightWhite#FCFBF4
terminal.ansiBrightYellow#D4B066
terminal.ansiCyan#6FA3A0
terminal.ansiGreen#75985A
terminal.ansiMagenta#9A7E9C
terminal.ansiRed#B5564A
terminal.ansiWhite#F8F6EA
terminal.ansiYellow#C49A4A
terminal.background#F8F6EA
terminal.foreground#3B4129
terminal.selectionBackground#C5D89D
terminalCursor.foreground#68784A
textBlockQuote.background#EEF1E4
textBlockQuote.border#9CAB84
textLink.activeForeground#68784A
textLink.foreground#75985A
textPreformat.foreground#9A8B65
textSeparator.foreground#C5D89D
titleBar.activeBackground#E9EDDC
titleBar.activeForeground#3B4129
titleBar.border#DCE3CC
titleBar.inactiveBackground#EFF2E6
titleBar.inactiveForeground#8A9372
walkThrough.embeddedEditorBackground#FCFBF4
widget.shadow#89986D22

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#A3A98C	italic
string, string.quoted, string.template, punctuation.definition.string	#9A8B65	—
constant.numeric, constant.language, constant.character, constant.other	#C49A4A	—
constant.language.boolean, constant.language.null	#C49A4A	—
keyword, keyword.control, keyword.other, keyword.operator.new, keyword.operator.expression	#68784A	—
keyword.operator, keyword.operator.relational, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical	#68784A	—
storage, storage.type, storage.modifier	#68784A	—
entity.name.function, support.function, variable.function, meta.function-call.method, meta.function-call.generic	#75985A	—
entity.name.type, entity.name.class, entity.other.inherited-class, support.type, support.class, support.type.primitive	#68784A	—
variable, variable.other, variable.other.readwrite, variable.other.object.property	#3B4129	—
variable.parameter, variable.other.constant, meta.definition.variable.name	#3B4129	—
variable.language, variable.language.self, variable.language.special, variable.language.this	#68784A	—
constant.language.import, entity.name.import, variable.import, support.type.module, support.module	#75985A	—
meta.decorator, punctuation.decorator, storage.type.annotation, meta.annotation	#C49A4A	—
punctuation, punctuation.definition, meta.brace, punctuation.separator, punctuation.terminator	#6E7554	—
string.regexp, constant.other.character-class, string.regexp constant.character.escape	#9A8B65	—
markup.heading, markup.heading.setext	#68784A	bold
markup.bold	#3B4129	bold
markup.italic	—	italic
markup.underline.link, string.other.link	#75985A	—
markup.inline.raw, markup.raw, fenced_code.block	#9A8B65	—
entity.name.tag, meta.tag entity.name.tag, punctuation.definition.tag	#75985A	—
entity.other.attribute-name, entity.other.attribute-name.class, entity.other.attribute-name.id	#89986D	—
support.type.property-name, support.type.property-name.css, meta.attribute-selector.css entity.other.attribute-name.class, meta.attribute-selector.css entity.other.attribute-name.id	#68784A	—
support.type.property-name.json, meta.structure.dictionary.key.json	#68784A	—
invalid, invalid.illegal	#B5564A	—