Burger King Theme

Name: Burger King Theme
Author: Kyle Andre Lim

Publisher: Kyle Andre LimThemes in package: 1

This theme is inspired by Burger King

GitHub

VS Code preview

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

Burger King Theme — Burger King 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#05284C
activityBar.border#DADCE160
activityBar.foreground#DADCE1
activityBarBadge.background#BE7400
activityBarBadge.foreground#DADCE1
badge.background#DADCE130
badge.foreground#170E00
breadcrumb.activeSelectionForeground#D7161B70
breadcrumb.background#D7161B70
breadcrumb.focusForeground#1C1C1D
breadcrumb.foreground#291A00
breadcrumbPicker.background#DADCE1
button.background#170E0050
contrastBorder#170E0040
debugToolBar.background#DADCE1
diffEditor.insertedTextBackground#8F640615
diffEditor.removedTextBackground#D7161B20
dropdown.background#D7161B70
dropdown.border#30303110
editor.background#D7161B70
editor.findMatchBackground#DADCE1
editor.findMatchBorder#170E00
editor.findMatchHighlightBackground#170E0093
editor.findMatchHighlightBorder#30303130
editor.foreground#fff
editor.lineHighlightBackground#DADCE150
editor.selectionBackground#BE740030
editor.selectionHighlightBackground#170E006b
editor.selectionHighlightBorder#cc282ddf
editorBracketMatch.background#DADCE1
editorBracketMatch.border#E09E0F7f
editorCursor.foreground#E09E0F
editorError.foreground#D7161B70
editorGroup.border#DADCE130
editorGroupHeader.tabsBackground#DADCE1
editorGutter.addedBackground#8F640660
editorGutter.deletedBackground#D7161B60
editorGutter.modifiedBackground#BE740060
editorHoverWidget.background#DADCE1
editorHoverWidget.border#30303110
editorIndentGuide.activeBackground1#FFFFFF
editorIndentGuide.background1#FFFFFF70
editorInfo.foreground#BE740070
editorLineNumber.activeForeground#BE7400
editorLineNumber.foreground#170E00c0
editorLink.activeForeground#1C1C1D
editorMarkerNavigation.background#1C1C1D05
editorOverviewRuler.border#DADCE1
editorOverviewRuler.errorForeground#D7161B40
editorOverviewRuler.findMatchForeground#170E00
editorOverviewRuler.infoForeground#BE740040
editorOverviewRuler.warningForeground#E09E0F70
editorRuler.foreground#FFFFFF
editorSuggestWidget.background#DADCE1
editorSuggestWidget.border#30303110
editorSuggestWidget.foreground#1C1C1D
editorSuggestWidget.highlightForeground#E09E0F
editorSuggestWidget.selectedBackground#170E0020
editorWarning.foreground#8F6406
editorWhitespace.foreground#1C1C1D40
editorWidget.background#DADCE1
editorWidget.border#E09E0F
editorWidget.resizeBorder#170E00
extensionButton.prominentBackground#8F640690
extensionButton.prominentHoverBackground#D7161B
focusBorder#30303100
gitDecoration.conflictingResourceForeground#E09E0F
gitDecoration.deletedResourceForeground#D7161B
gitDecoration.ignoredResourceForeground#170E00
gitDecoration.modifiedResourceForeground#291A00
gitDecoration.untrackedResourceForeground#BE7400
input.background#F7F7F7
input.border#30303110
input.foreground#1C1C1D
input.placeholderForeground#1C1C1D60
inputOption.activeBackground#1C1C1D30
inputOption.activeBorder#1C1C1D30
inputValidation.errorBorder#D7161B50
inputValidation.infoBorder#BE740050
inputValidation.warningBorder#E09E0F50
list.activeSelectionBackground#DADCE1
list.activeSelectionForeground#170E00
list.focusBackground#F7F7F7
list.focusForeground#BE7400
list.highlightForeground#170E00
list.hoverBackground#FFFFFF
list.hoverForeground#303031
list.inactiveSelectionBackground#DADCE130
list.inactiveSelectionForeground#170E00
list.warningForeground#E09E0F
listFilterWidget.background#DADCE130
listFilterWidget.noMatchesOutline#DADCE130
listFilterWidget.outline#DADCE130
menu.background#DADCE1f8
menu.border#170E0050
menu.foreground#1C1C1D
menu.selectionBackground#F7F7F7
menu.selectionBorder#DADCE130
menu.selectionForeground#1C1C1D
menu.separatorBackground#1C1C1D
menubar.selectionBackground#F7F7F7
menubar.selectionBorder#170E0050
menubar.selectionForeground#1C1C1D
minimap.background#DADCE1
minimapGutter.addedBackground#D7161B
minimapGutter.deletedBackground#E09E0F
minimapGutter.modifiedBackground#8F6406
minimapSlider.activeBackground#8F6406b0
minimapSlider.background#8F640680
minimapSlider.hoverBackground#8F6406a0
notificationLink.foreground#170E00
notifications.background#DADCE1
notifications.foreground#1C1C1D
panel.background#DADCE1
panel.border#DADCE160
panelTitle.activeBorder#170E00
panelTitle.activeForeground#303031
panelTitle.inactiveForeground#1C1C1D
peekView.border#DADCE130
peekViewEditor.background#1C1C1D05
peekViewEditor.matchHighlightBackground#170E0050
peekViewEditorGutter.background#1C1C1D05
peekViewResult.background#1C1C1D05
peekViewResult.matchHighlightBackground#170E0050
peekViewResult.selectionBackground#170E0070
peekViewTitle.background#1C1C1D05
peekViewTitleDescription.foreground#1C1C1D60
pickerGroup.foreground#170E00
progressBar.background#170E00
scrollbar.shadow#DADCE100
scrollbarSlider.activeBackground#170E00cc
scrollbarSlider.background#170E00bb
scrollbarSlider.hoverBackground#170E00ee
selection.background#170E00
settings.checkboxBackground#DADCE1
settings.checkboxForeground#1C1C1D
settings.dropdownBackground#DADCE1
settings.dropdownForeground#1C1C1D
settings.headerForeground#170E00
settings.modifiedItemIndicator#170E00
settings.numberInputBackground#DADCE1
settings.numberInputForeground#1C1C1D
settings.textInputBackground#DADCE1
settings.textInputForeground#1C1C1D
sideBar.background#FF9C00
sideBar.border#170E0050
sideBar.foreground#1C1C1D
sideBarSectionHeader.background#d18204
sideBarSectionHeader.border#DADCE160
sideBarSectionHeader.foreground#1C1C1D
sideBarTitle.foreground#111
statusBar.background#05284C
statusBar.border#DADCE160
statusBar.debuggingBackground#E09E0F
statusBar.debuggingForeground#303031
statusBar.foreground#F7F7F7
statusBar.noFolderBackground#DADCE1
statusBarItem.hoverBackground#170E0020
statusBarItem.remoteBackground#170E00
statusBarItem.remoteForeground#DADCE1
tab.activeBackground#170E0050
tab.activeBorder#170E00
tab.activeForeground#303031
tab.activeModifiedBorder#170E00
tab.border#DADCE1
tab.inactiveBackground#170E0020
tab.inactiveForeground#1C1C1Daf
tab.unfocusedActiveBackground#170E0040
tab.unfocusedActiveBorder#170E00
tab.unfocusedActiveForeground#1C1C1D
tab.unfocusedInactiveBackground#170E0010
tab.unfocusedInactiveForeground#1C1C1D7f
terminal.ansiBlack#DADCE1
terminal.ansiBlue#BE7400
terminal.ansiBrightBlack#170E00
terminal.ansiBrightBlue#BE7400
terminal.ansiBrightCyan#FF9C00
terminal.ansiBrightGreen#8F6406
terminal.ansiBrightMagenta#E09E0F
terminal.ansiBrightRed#D7161B
terminal.ansiBrightWhite#303031
terminal.ansiBrightYellow#E09E0F
terminal.ansiCyan#FF9C00
terminal.ansiGreen#8F6406
terminal.ansiMagenta#E09E0F
terminal.ansiRed#D7161B
terminal.ansiWhite#303031
terminal.ansiYellow#E09E0F
terminalCursor.background#DADCE1
terminalCursor.foreground#E09E0F
textLink.activeForeground#1C1C1D
textLink.foreground#170E00
titleBar.activeBackground#05284C
titleBar.activeForeground#DADCE1
titleBar.border#DADCE160
titleBar.inactiveBackground#DADCE1
titleBar.inactiveForeground#170E00
tree.indentGuidesStroke#DADCE1
widget.shadow#DADCE130

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier	#fff	—
variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss	—	italic
punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss	#8F6406	—
constant.other.php	#E09E0F	—
constant.other.color	#303031	—
invalid, invalid.illegal	#D7161B	—
Keyword, Storage	—	italic
keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss	#BE7400	—
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js	#291A00	—
keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js	#1C1C1D	—
punctuation.definition, string.quoted.single.scss	#A7A8AF	—
keyword.control	—	bold
comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html	#6D6F7C	—
text.html.derivative	#A7A8AF	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#1C1C1D	—
entity.name.tag.html	—	bold
variable.parameter.js, variable.parameter.keyframe-list.css	#E09E0F	—
variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js	#291A00
string, string.quoted.double.html, variable.other.constant.js, variable.other.object.property.js, string.quoted.double.json, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.function, keyword.other.special-method, entity.name.function, markup.bold, markup.bold.markdown, markup.italic.markdown, meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control	#04305d	—
punctuation.definition.string.begin.html, punctuation.definition.string.end.html	#FF9C00	—
support.other.variable, string.other.link, markup.table	#1C1C1D	—
constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html	#E09E0F	—
variable.parameter.function.language.special, variable.parameter	#D7161B	—
constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js	#8F6406
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, entity.other.attribute-name.html	#E09E0F	—
support.type	#B2CCD6	—
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	#291A00	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#D7161B	—
entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#BE7400	italic
entity.other.attribute-name, support.function	#e4c581	—
entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, string.quoted.single.js, storage.type.function.js, meta.object-literal.key	#1C1C1D	—
source.scss keyword.control	#E09E0F	—
markup.inserted	#8F6406	—
markup.deleted	#D7161B	—
markup.changed	#E09E0F	—
string.regexp	#FF9C00	—
constant.character.escape	#FF9C00	—
url, link, uri	—	underline
source.js constant.other.object.key.js string.unquoted.label.js	#1C1C1D	italic
support.type.property-name.json	#1C1C1D	—
text.html.markdown, punctuation.definition.list_item.markdown	#1C1C1D	—
text.html.markdown markup.inline.raw.markdown	#E09E0F	—
text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown	#170E0050	—
text.html.markdown meta.dummy.line-break	—	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown	#291A00	bold
markup.underline	#BE7400	underline
markup.strike	—
markup.quote punctuation.definition.blockquote.markdown	#170E0050	—
markup.quote	—	italic
string.other.link.description.title.markdown	#E09E0F	—
constant.other.reference.link.markdown	#E09E0F	—
markup.raw.block	#E09E0F	—
punctuation.definition.raw.markdown, punctuation.definition.markdown	#FF9C00	—
variable.language.fenced.markdown	#170E00	—
meta.separator	#A7A8AF	bold
token.info-token	#170E00	—
token.warn-token	#E09E0F	—
token.error-token	#FF293B	—
token.debug-token	#FF9C00	—

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