Pavilion Theme

Name: Pavilion Theme
Author: JStameus

Publisher: JStameusThemes in package: 2

A mellow dark theme with faded blue and gold, with orange or purple accents.

Open in VS Code GitHub

Color themes

VS Code preview

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

Pavilion Theme — Pavilion Night

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#15191b
activityBar.border#445769
activityBar.foreground#89abaf
activityBarBadge.background#597b8b
activityBarBadge.foreground#d1d1d1
badge.background#597b8b
badge.foreground#d1d1d1
button.background#445769
button.foreground#8EB4B9
checkbox.background#15191b
checkbox.border#445769
checkbox.foreground#d1d1d1
dropdown.background#15191b
dropdown.border#445769
editor.background#1e2429
editor.foreground#8eb4b9
editor.lineHighlightBorder#44576936
editor.selectionBackground#495251
editorCodeLens.foreground#8EB4B9
editorGroupHeader.tabsBackground#15191b
editorGutter.background#15191b
editorLineNumber.activeForeground#77c2b6
editorLineNumber.foreground#5e6974
editorSuggestWidget.background#15191b
editorSuggestWidget.border#445769
editorSuggestWidget.foreground#8EB4B9
editorSuggestWidget.highlightForeground#6ca0b8
editorSuggestWidget.selectedBackground#282f33
focusBorder#c2af98
input.background#15191b
input.border#445769
list.activeSelectionBackground#445769
list.focusBackground#445769
list.highlightForeground#6ca0b8
panel.background#1e2429
panel.border#445769
panelInput.border#445769
panelTitle.activeBorder#c2af98
sideBar.background#15191b
sideBar.border#445769
sideBar.foreground#8EB4B9
sideBarSectionHeader.background#1e2429
sideBarSectionHeader.foreground#8EB4B9
sideBarTitle.foreground#92A3A0
statusBar.background#445769
statusBar.debuggingBackground#ce856f
statusBar.foreground#d1d1d1
tab.activeBackground#1e2429
tab.activeBorder#c2af98
tab.activeForeground#d1d1d1
tab.hoverForeground#d1d1d1
tab.inactiveBackground#15191b
tab.inactiveForeground#8EB4B9
terminal.ansiBrightBlue#6ca0b8
terminal.ansiBrightGreen#c2af98
terminal.ansiBrightMagenta#b4805d
terminal.background#15191b
terminal.border#445769
terminal.foreground#8EB4B9
textBlockQuote.background#1e2429
textLink.activeForeground#ff0000
textLink.foreground#6ca0b8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#5e6974	italic
variable, string constant.other.placeholder, meta.object-literal.key.js	#6ca0b8	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#ff0000	—
keyword, storage.type, storage.modifier	#c2af98	—
keyword.control, constant.other.color, punctuation, 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	#8EB4B9	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#6ca0b8	—
text.html.derivative, text.html.vue-html	#d1d1d1	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#6ca0b8	italic
meta.block, variable.other, variable.parameter, meta.member.access.python	#89abaf	—
support.other.variable, string.other.link	#ff0000	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#bb82b4	—
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, meta.var.expr.js, keyword.operator.arithmetic.js, keyword.operator.assignment.js, storage.type.function.arrow.js, keyword.operator.comparison.js, keyword.operator.assignment.compound.js, keyword.operator.relational.js, keyword.operator.increment.js, keyword.operator.logical.js, keyword.operator.assignment.python, keyword.operator.comparison.python, keyword.operator.arithmetic.python, keyword.operator.assignment.java, keyword.operator.arithmetic.java, keyword.operator.comparison.java	#b0ddd3	—
string, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.begin.python, punctuation.definition.string.end.python, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.java, punctuation.definition.string.end.java	#77c2b6	—
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	#bb82b4	—
support.type	#bb82b4	—
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	#89abaf	—
punctuation.definition.entity.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css	#c2af98	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#ff002b	—
keyword.control.flow.python, keyword.control.import.python, keyword.control.import.js, keyword.control.from.js, keyword.control.export.js, keyword.control.default.js, keyword.control.loop.js, keyword.control.conditional.js, keyword.control.flow.js, variable.language	#c2af98	italic
	#6ca0b8	italic
entity.name.method.js	#ff0000	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#ff0000	—
entity.other.attribute-name	#c2af98	italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#c2af98	italic
entity.other.attribute-name.class	#c2af98	—
source.sass keyword.control	#bb82b4	—
markup.inserted	#ff0000	—
markup.deleted	#ff0000	—
markup.changed	#ff0000	—
string.regexp	#ff0000	—
constant.character.escape	#bb82b4	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#ff0000	italic
source.js constant.other.object.key.js string.unquoted.label.js	#ff0000	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#c2af98	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#6ca0b8	—
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	#8EB4B9	—
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	#8EB4B9	—
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	#8EB4B9	—
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	#8EB4B9	—
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	#8EB4B9	—
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	#8EB4B9	—
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	#8EB4B9	—
text.html.markdown, punctuation.definition.list_item.markdown	#8EB4B9	—
text.html.markdown markup.inline.raw.markdown	#ff0000	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#ff0000	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#bb82b4	—
markup.italic	#c2af98	italic
markup.bold, markup.bold string	#c2af98	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	#c2af98	bold
markup.underline	#c2af98	underline
markup.quote punctuation.definition.blockquote.markdown	#c2af98	—
markup.quote	—	italic
string.other.link.title.markdown	#6ca0b8	—
string.other.link.description.title.markdown	#89abaf	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown, Markdown - Plain	#92A3A0	—
punctuation.definition.fenced.markdown	#92A3A0	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#8EB4B9	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.shell	#8EB4B9	—
invalid.rainbow10	#ac5e5e	italic

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