Valhalla Theme

Name: Valhalla Theme
Author: Uve

Publisher: UveThemes in package: 1

Dark theme based on valhalla colour, bright, beautiful and, at the same time, relaxed for eyes. Code like vinking gods with Valhalla!

GitHub

VS Code preview

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

Valhalla Theme — Valhalla 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.activeBorder#01A894
activityBar.background#222538
activityBar.foreground#dde1d8
activityBarBadge.background#01A894
activityBarBadge.foreground#dde1d8
badge.background#2b2e46
badge.foreground#dde1d8
button.background#2B2E46
button.border#01A894
button.foreground#dde1d8
button.hoverBackground#4A4B5E
dropdown.background#2B2E46
dropdown.foreground#dde1d8
dropdown.listBackground#2B2E46
editor.background#2B2E46
editor.findMatchBackground#49baf77e
editor.findMatchHighlightBackground#f1ff8985
editor.foreground#dde1d8
editor.lineHighlightBackground#4A4B5E
editor.selectionBackground#01a89583
editorGroupHeader.tabsBackground#272b41
editorGutter.addedBackground#01A894
editorGutter.deletedBackground#f07178
editorGutter.modifiedBackground#49bbf7
editorInfo.foreground#dde1d8
editorInlayHint.background#4A4B5E
editorInlayHint.foreground#dde1d8
editorWidget.background#222538
editorWidget.border#01A894
focusBorder#01A894
foreground#dde1d8
gitDecoration.addedResourceForeground#01A894
gitDecoration.deletedResourceForeground#f07178
gitDecoration.modifiedResourceForeground#49bbf7
gitDecoration.renamedResourceForeground#49bbf7
input.background#4A4B5E
input.border#01A894
input.foreground#dde1d8
input.placeholderForeground#dde1d8
inputOption.activeBackground#2B2E46
inputOption.activeBorder#01A894
list.activeSelectionBackground#4A4B5E
list.activeSelectionForeground#dde1d8
list.hoverBackground#4A4B5E
list.hoverForeground#dde1d8
list.inactiveSelectionBackground#222538
list.inactiveSelectionForeground#dde1d8
panel.border#01A894
progressBar.background#01A894
quickInput.background#222538
scrollbar.shadow#2B2E46
scrollbarSlider.background#01A894
selection.background#4A4B5E
sideBar.background#272b41
sideBar.foreground#dde1d8
sideBarSectionHeader.background#272b41
sideBarSectionHeader.foreground#dde1d8
sideBarTitle.foreground#dde1d8
statusBar.background#01A894
statusBar.foreground#dde1d8
tab.activeBackground#2B2E46
tab.activeForeground#dde1d8
tab.border#01A894
tab.inactiveBackground#4A4B5E
tab.inactiveForeground#dde1d8
textBlockQuote.background#4A4B5E
textBlockQuote.border#49bbf7
textCodeBlock.background#4A4B5E
textLink.activeForeground#01A894
textLink.foreground#49bbf7
titleBar.activeBackground#272b41
toolbar.activeBackground#4A4B5E
toolbar.hoverBackground#4A4B5E
toolbar.hoverOutline#4A4B5E
window.activeBorder#01A894

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#b49cf3	italic
support.class, support.constant, support.function, support.other.namespace.use.php, support.type, support.other.namespace.php, support.type.sys-types, keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution, entity.other.inherited-class, entity.name.method.js, entity.name.module.js, entity.name, entity.name.tag, entity.name.function, entity.other.attribute-name.class, meta.tag.sgml, markup.deleted.git_gutter, variable.function, keyword.other.special-method, source.json meta.structure.dictionary.json support.type.property-name.json, 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	#49bbf7	—
meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, meta.function-call, text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name, constant.other.symbol, constant.other.key, markup.heading, markup.inserted.git_gutter, 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, 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, constant.character.escape, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js, meta.block variable.other, variable.language	#29EED7	—
text.html.markdown markup.inline.raw.markdown, text.html.markdown, text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown, punctuation.definition.list_item.markdown, tag.decorator.js punctuation.definition.tag.js, markup.inserted, markup.raw.block, markup.changed, markup.italic, keyword, storage.type, storage.modifier, string, string constant.other.placeholder, 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	#c283ec	—
invalid, invalid.illegal, meta.use.php, markup.changed.git_gutter, markup.deleted, variable, variable.import.parameter.js, variable.other.class.js, markup.underline, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, 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	#f2ff89	—
support.other.variable, string.other.link, 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, url, link, uri	#F7FFB4	—
punctuation.definition.tag, constant.numeric, constant.language, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other, string.regexp, 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	#85FAFF	—
markup.table, markup.raw.block.fenced.markdown, variable.language.fenced.markdown, markup.quote punctuation.definition.blockquote.markdown, punctuation.section.class.end, markup.bold, markup.bold string, meta.separator, markup.raw.block.fenced.markdown, punctuation.definition.fenced.markdown, variable.language.fenced.markdown, support.type	#dde1d8	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name, entity.other.attribute-name, variable, string constant.other.placeholder, variable.function, keyword.other.special-method, markup.quote, variable.language, markup.italic	—	italic
source.js constant.other.object.key.js string.unquoted.label.js	#f2ff89	italic
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.bold, markup.bold string, 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, url, link, uri	—	underline
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#c283ec	—
constant.other.reference.link.markdown	#eafd5c	—
meta.separator	—	bold

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