Clear Dawn

Name: Clear Dawn
Author: Ivan Hernandez Valmisa

Publisher: Ivan Hernandez ValmisaThemes in package: 2

A desaturated, high contrast, light theme

Open in VS Code GitHub

Color themes

VS Code preview

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

Clear Dawn — Clear Dawn

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.background#414861
activityBarBadge.background#614151
badge.background#715141
badge.foreground#FEF6F0
button.background#715141
button.foreground#FEF6F0
button.hoverBackground#D08030
descriptionForeground#D08030
editor.background#FAF4F0
editor.foreground#100800
editor.inactiveSelectionBackground#EBF0F8
editor.lineHighlightBackground#FFFDFA
editor.lineHighlightBorder#FFF
editor.selectionBackground#BDC7E3
editor.selectionHighlightBackground#EBF0F8
editorCursor.background#ffeedd
editorCursor.foreground#D08030
editorIndentGuide.background#D3D3D3
editorSuggestWidget.background#F3F3F3
foreground#715141
input.background#FFFFFF
input.foreground#715141
list.focusBackground#FFD0D0
list.highlightForeground#FF6060
list.hoverBackground#FFF0F0
panel.background#E8D0C8
panel.border#715141
sideBar.background#E8D0C8
sideBar.border#715141
sideBar.foreground#100800
sideBarTitle.foreground#6F6F6F
statusBar.background#414861
statusBar.debuggingBackground#813131
statusBar.foreground#FFFDF8
statusBar.noFolderBackground#614151
terminal.ansiBlack#040800
terminal.ansiBlue#004080
terminal.ansiBrightBlack#809070
terminal.ansiBrightBlue#2040E0
terminal.ansiBrightCyan#20E0D0
terminal.ansiBrightGreen#20E010
terminal.ansiBrightMagenta#E040E0
terminal.ansiBrightRed#E04800
terminal.ansiBrightWhite#D8E8E0
terminal.ansiBrightYellow#D0E000
terminal.ansiCyan#009080
terminal.ansiGreen#209000
terminal.ansiMagenta#804080
terminal.ansiRed#804000
terminal.ansiWhite#C8D0C0
terminal.ansiYellow#809000
terminal.background#040800
terminal.foreground#C8E0C0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
meta.diff.header	#100800	—
comment	#AA9999	italic
constant.language	#6171A1	italic
constant.numeric	#A16191	—
string	#A13131	—
constant.other.placeholder	#A16191	italic
string.comment.buffered.block.jade, string.quoted.jade, string.interpolated.jade, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars	#A13131	—
string.regexp, constant.regexp	#A13130	italic
entity.name.selector	#100800	—
entity.other.attribute-name.namespace	#6171A1
entity.other.attribute-name	#100800
entity.name.tag	—	bold
entity.name.tag.css	—	italic bold
entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss	#A16191	italic bold
entity.other.attribute-name.class.css, meta.attribute.class.html string.quoted.single.html, meta.attribute.class.html string.quoted.double.html	#6171A1	italic bold
entity.other.attribute-name.id, meta.attribute.id.html string.quoted.single.html, meta.attribute.id.html string.quoted.double.html	#519171	italic bold
invalid	#100800	—
markup.underline	—	underline
markup.bold	—	bold
markup.heading	#6171A1	bold
markup.italic	—	italic
markup.list	#A16191	—
markup.list.numbered	#A16191	—
markup.list.numbered	#A16191	—
markup.quote	#519171	—
markup.raw	#519171	—
markup.inline.raw	#519171	—
markup.inserted	#00D080	—
markup.deleted	#D00000	—
markup.changed	#0080F0	—
beginning.punctuation.definition.quote.markdown, beginning.punctuation.definition.list.markdown	#100800	—
markup.inline.raw	#100800	—
meta.selector	#100800	—
punctuation.definition.tag	#706050	—
meta.preprocessor	#100800	—
meta.preprocessor.string	#A13131	—
meta.preprocessor.numeric	#A16191	—
meta.structure.dictionary.key.python	#100800	—
storage	—	bold
storage.type	—	bold
storage.modifier	—	bold
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js	#6171A1	bold
meta.template.expression, meta.interpolation	#6171A1	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	—	—
support.type.property-name	#100800	bold
variable.css, variable.scss, variable.other.less	#519171	italic bold
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	—	—
support.function.git-rebase	#0080F0	—
constant.sha.git-rebase	#00C080	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	—	italic bold
keyword, keyword.control	—	bold
keyword.control.export, keyword.control.as, keyword.other.as, keyword.other.await, keyword.other.lock	—	italic bold
keyword.operator.cast, keyword.operator.new, keyword.other.new, keyword.operator.sizeof, keyword.operator.expression, keyword.operator.logical.python	#6171A1	italic
keyword.operator	#100800	bold
keyword.other.unit	#6171A1	italic
entity.name.function, support.function, support.constant.handlebars	#6171A1	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	—	bold
entity.name.type.class, entity.name.type.alias, entity.name.variable.parameter, variable.parameter	#519171	italic bold
variable.language, keyword.other.this	#519171	italic
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json	#A16191	—
entity.other.inherited-class	—	bold
variable, meta.definition.variable.name, support.variable	—	—
meta.object-literal.key, meta.object-literal.key entity.name.function	—	italic
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#6171A1	—
text.html.markdown.journal.task.open.bullet, text.html.markdown.journal.task.open.marker	#FFFF00	—
text.html.markdown.journal.task.open.keyword, text.html.markdown.journal.task.completed.keyword, text.html.markdown.journal.memo.keyword, text.html.markdown.journal.link.keyword	—	italic
text.html.markdown.journal.task.open.text	—	—
text.html.markdown.journal.task.completed.marker, text.html.markdown.journal.task.completed.text	#AAAAAA	—
text.html.markdown.journal.task.completed.bullet, text.html.markdown.journal.memo.bullet, text.html.markdown.journal.scope, text.html.markdown.journal.link.bullet	#CCCC00	—