Tomtom

Name: Tomtom
Author: erinata

Publisher: erinataThemes in package: 1

This is an incomplete theme.

Open in VS Code GitHub

VS Code preview

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

Tomtom — Tomtom Theme

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.background#24242b
activityBar.foreground#ebebff
activityBarBadge.background#24242b
activityBarBadge.foreground#ebebff
badge.background#24242b
badge.foreground#ebebff
button.background#0b5261
button.border#1978a7
button.foreground#ebebff
button.hoverBackground#1978a7
debugIcon.breakpointDisabledForeground#ebebff
debugIcon.breakpointForeground#fdbfbf
editor.background#000000
editor.findMatchBackground#500f15
editor.findMatchBorder#ffea4e
editor.findMatchHighlightBackground#00000000
editor.findMatchHighlightBorder#ddbf42
editor.foreground#ebebff
editor.inactiveSelectionBackground#500f15
editor.lineHighlightBackground#331010
editor.lineHighlightBorder#500f15
editor.selectionBackground#500f15
editor.selectionHighlightBackground#331010
editor.selectionHighlightBorder#ffea4e
editor.wordHighlightBackground#00000000
editor.wordHighlightBorder#00000000
editorBracketHighlight.foreground1#ffea4e
editorBracketHighlight.foreground2#aa8c18
editorBracketHighlight.foreground3#ffea4e
editorBracketHighlight.foreground4#aa8c18
editorBracketHighlight.foreground5#ffea4e
editorBracketHighlight.foreground6#aa8c18
editorBracketHighlight.unexpectedBracket.foreground#cc0000
editorBracketMatch.background#00000000
editorBracketMatch.border#ffea4e
editorCursor.foreground#ebebff
editorGroup.border#24242b
editorGroup.dropBackground#24242b
editorGroup.emptyBackground#000000
editorGroupHeader.border#24242b
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#24242b
editorGutter.background#24242b
editorHoverWidget.background#24242b
editorHoverWidget.border#ffffff
editorHoverWidget.foreground#ebebff
editorIndentGuide.activeBackground#ffea4e
editorIndentGuide.background#5e5e66
editorLineNumber.activeForeground#ffea4e
editorLineNumber.foreground#8d8d99
editorRuler.foreground#24242b
editorSuggestWidget.background#24242b
editorSuggestWidget.border#ffffff
editorSuggestWidget.foreground#ebebff
editorWhitespace.foreground#5e5e66
editorWidget.background#24242b
editorWidget.border#ffffff
editorWidget.foreground#ebebff
focusBorder#ffea4e
foreground#ebebff
gitDecoration.conflictingResourceForeground#cc0000
gitDecoration.deletedResourceForeground#cc0000
gitDecoration.ignoredResourceForeground#5e5e66
gitDecoration.modifiedResourceForeground#ffea4e
gitDecoration.renamedResourceForeground#cc0000
gitDecoration.untrackedResourceForeground#cc0000
input.background#000000
input.border#ebebff
input.foreground#ebebff
inputOption.activeBackground#24242b
keybindingLabel.background#24242b
keybindingLabel.border#5e5e66
keybindingLabel.foreground#ebebff
panelTitle.activeBorder#ffea4e
pickerGroup.border#ffea4e
progressBar.background#ebebff
scrollbar.shadow#24242b
scrollbarSlider.activeBackground#8d8d99
scrollbarSlider.background#24242b
scrollbarSlider.hoverBackground#5e5e66
sideBar.background#000000
sideBar.border#000000
sideBar.foreground#ebebff
sideBarSectionHeader.background#24242b
sideBarSectionHeader.border#000000
sideBarSectionHeader.foreground#ebebff
sideBarTitle.foreground#ebebff
statusBar.background#24242b
statusBar.debuggingBackground#24242b
statusBar.foreground#ebebff
statusBar.noFolderBackground#24242b
tab.activeBackground#000000
tab.activeBorder#ffea4e
tab.activeForeground#ffffff
tab.activeModifiedBorder#cc0000
tab.border#5e5e66
tab.hoverForeground#ebebff
tab.inactiveBackground#24242b
tab.unfocusedHoverForeground#ebebff
textLink.activeForeground#29b3e7
textLink.foreground#1978a7
titleBar.activeBackground#24242b
titleBar.border#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
invalid	#cc0000	—
comment	#5e5e66	italic
punctuation	#ddbf42	—
constant	#29b3e7	—
keyword	#cc6645	—
string	#9bcc7e	—
storage	#a787d8	—
variable	#ebebff	—
entity	#a787d8	—
entity.name.function, meta.function.method entity.name.function, meta.function.definition entity.name.function, meta.method.identifier entity.name.function	#ddbf42	—
meta.function-call entity.name.function, entity.name.function.call entity.name.function, entity.name.function.member entity.name.function, meta.method-call entity.name.function	#ebebff	—
keyword.other.special-method	#cc6645	—
meta.class entity.name.function, meta.class.body entity.name.function, support.class, entity.name.class	#a787d8	—
constant.language.symbol.hashkey, meta.hashkey, entity.other.attribute-name, support.type.property-name	#fdbfbf	—
entity.name.tag	#cc6645	—
string.regexp.interpolated, string.regexp.interpolated string.regexp.arbitrary-repetition, string.regexp.interpolated string.regexp.character-class, string.regexp.interpolated string.regexp.group	#d6ff8e	—
storage.type.modifier, storage.modifier	#cc6645	—
constant.character.escape	#ddbf42	—
string.regexp.arbitrary-repetition.ruby	#29b3e7	—
punctuation.definition.string	#9bcc7e	—
punctuation.section.regexp, punctuation.definition.character-class	#d6ff8e	—
punctuation.definition.arbitrary-repetition	#ddbf42	—
string.regexp.group punctuation.definition.group	#cc6645	—
punctuation.definition.comment	#5e5e66	italic
punctuation.definition.constant	#29b3e7	—
punctuation.section.array	#ddbf42	—
keyword.operator	#ddbf42	—
entity.name.function.operator	#ddbf42	—
punctuation.section.angle-brackets	#cc6645	—
punctuation.definition.directive	#cc6645	—
punctuation.definition.constant.hashkey, punctuation.support.type.property-name, punctuation.separator.dictionary.key-value	#fdbfbf	—
punctuation.definition.variable	#ebebff	—
entity.name.import.go	#9bcc7e	—
meta.function.expression.js entity.name.function.js	#ebebff	—
storage.type.js, storage.type.function.js, keyword.operator.new.js	#cc6645	—
constant.language.stata	#cc6645	—
constant.numeric.stata	#29b3e7	—
meta.class.identifier.java storage.modifier.java	#a787d8	—
constant.other.caps.python	#ebebff	—
storage.type.function.python	#cc6645	—
constant.character.format.placeholder.other.python, storage.type.format.python	#fdbfbf	—
support.type.python	#a787d8	—
punctuation.section.angle-brackets	#ddbf42	—
entity.name.function.member.cpp, entity.name.function.member.c, entity.name.function.call.cpp, entity.name.function.call.c	#ebebff	—
meta.selector.css	#cc6645	—
entity.other.attribute-name.id.css	#9bcc7e	—
entity.other.attribute-name.class.css	#9bcc7e	—
entity.other.attribute-name.id.css punctuation.definition.entity.css, entity.other.attribute-name.class.css punctuation.definition.entity.css	#9bcc7e	—
entity.other.attribute-name.pseudo-class.css	#ddbf42	—
punctuation.separator.key-value.css	#fdbfbf	—
keyword.other.unit	#ddbf42	—
keyword.other.r	#ddbf42	—
heading.1.markdown entity.name.section.markdown, heading.2.markdown entity.name.section.markdown, heading.3.markdown entity.name.section.markdown, heading.4.markdown entity.name.section.markdown, heading.5.markdown entity.name.section.markdown, heading.6.markdown entity.name.section.markdown	#cc6645	bold underline
heading.1.markdown, heading.2.markdown, heading.3.markdown, heading.4.markdown, heading.5.markdown, heading.6.markdown	#cc6645	bold underline
punctuation.definition.heading.markdown	#cc6645	bold underline
markup.heading.setext.1.markdown, markup.heading.setext.2.markdown	#cc6645	—
markup.list.numbered.markdown, markup.list.unnumbered.markdown	#ebebff	—
punctuation.definition.list.begin.markdown	#ddbf42	bold
punctuation.definition.raw.markdown, markup.inline.raw.string.markdown, markup.raw.block.markdown	#1978a7	—
fenced_code.block.language.markdown, punctuation.definition.markdown	#1978a7	—
markup.italic.markdown, punctuation.definition.italic.markdown	#9bcc7e	italic
markup.bold.markdown, punctuation.definition.bold.markdown	#9bcc7e	bold
markup.strikethrough.markdown, punctuation.definition.strikethrough.markdown	#9bcc7e	strikethrough
keyword.control.label.latex, keyword.other.item.latex, keyword.control.preamble.latex, keyword.control.ref.latex, keyword.control.cite.latex	#ddbf42	—
support.function.general.tex, support.function.general.latex	#ddbf42	—
constant.other.general.math.tex, support.function.be.latex, support.function.footnote.latex, support.function.url.latex, support.function.section.latex, support.function.textbf.latex	#ddbf42	—
storage.type.function.latex	#ddbf42	—
constant.other.reference.label.latex, variable.parameter.definition.label.latex, constant.other.reference.citation.latex	#fdbfbf	—
variable.parameter.function.latex	#cc6645	—
markup.underline.link.latex	#9bcc7e	—
entity.name.section.latex	#9bcc7e	—
meta.data.environment.tabular.latex	#29b3e7	—
support.class.math.block.tex, support.class.math.block.environment.latex	#29b3e7	—
punctuation.math.operator.tex	#ddbf42	—
keyword.control.equation.align.latex, keyword.control.equation.newline.latex, keyword.control.table.cell.latex, keyword.control.table.newline.latex	#cc6645	—
constant.character.math.tex	#ddbf42	—
keyword.other.entry-type.bibtex	#ddbf42	—
entity.name.type.entry-key.bibtex	#fdbfbf	—
support.function.key.bibtex	#fdbfbf	—
meta.key-assignment.bibtex	#9bcc7e	—
punctuation.definition.function.latex, punctuation.definition.function.tex, punctuation.definition.keyword.latex	#ddbf42	—
punctuation.definition.function.latex, punctuation.definition.function.tex, punctuation.definition.keyword.latex, punctuation.definition.constant.math.tex, punctuation.definition.string.begin.tex, punctuation.definition.string.end.tex	#ddbf42	—
meta.function.environment.math.latex keyword.control.equation, meta.function.environment.general.latex keyword.control	#ddbf42	—
punctuation.definition.keyword.bibtex, punctuation.definition.string.begin.bibtex, punctuation.definition.string.end.bibtex	#ddbf42	—

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