Relax Your Eyes

Name: Relax Your Eyes
Author: stephan.ochsenfeld

Publisher: stephan.ochsenfeldThemes in package: 1

Dark Theme with very few blue tones for your late night coding sessions.

Open in VS Code

VS Code preview

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

Relax Your Eyes — Relax your eyes

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#3a2828
activityBar.activeBorder#ffe600
activityBar.activeFocusBorder#883838
activityBar.background#353030
activityBar.border#200000
activityBar.foreground#ffe600
activityBar.inactiveForeground#b94747
activityBarBadge.background#14181b
activityBarBadge.foreground#b95959
contrastBorder#200000
debugToolBar.border#200000
editor.background#14181b
editor.foreground#ffffff
editorBracketMatch.background#a80101af
editorBracketMatch.border#200000
editorOverviewRuler.bracketMatchForeground#ff0000
menu.background#353030
menu.foreground#cf7777
menu.selectionBackground#3d1b1b96
menu.selectionForeground#ffe600
menubar.selectionForeground#ffe600
minimap.errorHighlight#008cff
minimap.selectionHighlight#02fcfc
minimapSlider.activeBackground#02fcfc36
minimapSlider.background#02fcfc36
minimapSlider.hoverBackground#02fcfc36
notebook.outputContainerBackgroundColor#200000
panel.background#1b2024
panel.border#200000
panelInput.border#200000
panelTitle.activeBorder#805c5c
panelTitle.activeForeground#c94000
panelTitle.inactiveForeground#b95959
problemsErrorIcon.foreground#9b0101
problemsWarningIcon.foreground#860000
scrollbar.shadow#200000
sideBar.background#0a0c0e
sideBar.border#200000
sideBar.foreground#ce7f4b
sideBarSectionHeader.background#14181b
sideBarSectionHeader.border#200000
sideBarSectionHeader.foreground#ffe600
sideBarTitle.foreground#c26c6c
statusBar.background#0a0c0e
statusBar.border#200000
statusBar.debuggingBackground#273644
statusBar.debuggingBorder#200000
statusBar.foreground#be6363
statusBar.noFolderBackground#740400
statusBar.noFolderBorder#200000
statusBar.noFolderForeground#ff7300
tab.activeBorder#ffe600
tab.activeForeground#ffe600
tab.hoverBorder#200000
tab.unfocusedHoverBorder#200000
terminal.border#200000
titleBar.border#200000
window.activeBorder#200000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#15b600be	italic
variable, string constant.other.placeholder	#e84f4f	—
constant.other.color	#f7dfdf	—
invalid, invalid.illegal	#e95629	—
keyword, storage.type, storage.modifier	#b31a40	—
other, source.cpp	#ffffff	—
entity.name.function.call, variable.other.property, source	#df7b09	—
punctuation	#ec6958	—
keyword.control, constant.other.color, 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	#ec9358	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#8d0a10	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#fda500	—
meta.block variable.other	#ffffff	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#db3636	—
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	#5694ff	—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, meta.head.struct, entity.name.type.struct	#ffd86d	—
support.type	#f30707	—
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	#c5c5c5	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#dd00ad	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#ffffff	—
constant.character.escape	#f80202	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#7200dd	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	#F78C6C	—
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	#FF5370	—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
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 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	#f07178	—
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 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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
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 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 meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#df5f09	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#3fc433	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	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	#f07178	bold
markup.underline	#a11c17	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#04a2c9	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#f700ff	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#ffffff	—

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}!`;
}