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

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#242729
activityBar.border#445769
activityBar.foreground#89abaf
activityBarBadge.background#498288
activityBarBadge.foreground#e0edf0
badge.background#498288
badge.foreground#d1d1d1
button.background#445769
button.foreground#e0edf0
checkbox.background#242729
checkbox.border#445769
checkbox.foreground#d1d1d1
dropdown.background#242729
dropdown.border#445769
editor.background#272b2e
editor.foreground#a7bbb7
editor.lineHighlightBorder#44576936
editor.selectionBackground#495251
editorCodeLens.foreground#a7bbb7
editorGroupHeader.tabsBackground#242729
editorGutter.background#242729
editorLineNumber.activeForeground#a2dfcac2
editorLineNumber.foreground#5e6974
editorSuggestWidget.background#242729
editorSuggestWidget.border#445769
editorSuggestWidget.foreground#a7bbb7
editorSuggestWidget.highlightForeground#60b0b9
editorSuggestWidget.selectedBackground#1a1a1a
focusBorder#ccbb93
input.background#242729
input.border#445769
list.activeSelectionBackground#445769
list.focusBackground#445769
list.highlightForeground#6ca0b8
panel.background#272b2e
panel.border#445769
panelInput.border#445769
panelTitle.activeBorder#ccbb93
sideBar.background#242729
sideBar.border#445769
sideBar.foreground#a7bbb7
sideBarSectionHeader.background#272b2e
sideBarSectionHeader.foreground#a7bbb7
sideBarTitle.foreground#92A3A0
statusBar.background#445769
statusBar.debuggingBackground#ce8f65
statusBar.foreground#e0edf0
tab.activeBackground#272b2e
tab.activeBorder#ccbb93
tab.activeForeground#e0edf0
tab.inactiveBackground#242729
tab.inactiveForeground#a7bbb7
terminal.ansiBrightBlue#59a0a8
terminal.ansiBrightGreen#a18f64
terminal.ansiBrightMagenta#b4805d
terminal.background#1b1d1f
terminal.border#445769
terminal.foreground#a7bbb7
textBlockQuote.background#272b2e
textLink.foreground#60b0b9

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	#60b0b9	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#ff0000	—
keyword, storage.type, storage.modifier	#ccbb93	—
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	#a7bbb7	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#60b0b9	—
text.html.derivative, text.html.vue-html	#d1d1d1	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#60b0b9	italic
meta.block variable.other	#89abaf	—
support.other.variable, string.other.link	#ff0000	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#ce8f65	—
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	#a7bbb7	—
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	#a2dfca	—
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	#ce8f65	—
support.type	#ce8f65	—
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	#ccbb93	—
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	#ccbb93	italic
	#60b0b9	italic
entity.name.method.js	#ff0000	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#ff0000	—
entity.other.attribute-name	#ccbb93	italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#ccbb93	italic
entity.other.attribute-name.class	#ccbb93	—
source.sass keyword.control	#ce8f65	—
markup.inserted	#ff0000	—
markup.deleted	#ff0000	—
markup.changed	#ff0000	—
string.regexp	#ff0000	—
constant.character.escape	#ce8f65	—
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	#ccbb93	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#60b0b9	—
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	#60b0b9	—
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	#60b0b9	—
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	#60b0b9	—
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	#60b0b9	—
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	#60b0b9	—
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	#60b0b9	—
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	#60b0b9	—
text.html.markdown, punctuation.definition.list_item.markdown	#a7bbb7	—
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	#ce8f65	—
markup.italic	#ccbb93	italic
markup.bold, markup.bold string	#ccbb93	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	#ccbb93	bold
markup.underline	#ccbb93	underline
markup.quote punctuation.definition.blockquote.markdown	#ccbb93	—
markup.quote	—	italic
string.other.link.title.markdown	#60b0b9	—
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	#a7bbb7	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.shell	#a7bbb7	—
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}!`;
}