Vintage Windows Machine Theme

Name: Vintage Windows Machine Theme
Author: theedvinjoseph

Publisher: theedvinjosephThemes in package: 1

Vintage Windows Machine Theme for VS Code

Open in VS Code GitHub

VS Code preview

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

Vintage Windows Machine Theme — Vintage Windows PC Theme (Light)

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#00000023
activityBar.background#ece9d8
activityBar.border#00000025
activityBar.foreground#0055e5
activityBar.inactiveForeground#868479
activityBarBadge.background#1d53b1
activityBarBadge.foreground#ffffff
badge.background#d3d0c7
badge.foreground#333
breadcrumb.background#ffffff
breadcrumb.focusForeground#000000
breadcrumb.foreground#555
button.background#316ac5
button.border#003c74
button.foreground#ffffff
button.hoverBackground#3e85f7
button.secondaryBackground#d6dff7
button.secondaryForeground#215dc6
button.secondaryHoverBackground#edf2ff
commentsView.resolvedIcon#215dc6
commentsView.unresolvedIcon#215dc6
debugToolBar.background#ece9d8
debugToolBar.border#aba798
editor.background#ffffff
editor.foreground#000000
editor.lineHighlightBackground#0000000a
editor.lineHighlightBorder#eee
editorGroup.border#d8d2bd
editorGroupHeader.border#d3d0c7
editorGroupHeader.tabsBackground#efede0
editorGroupHeader.tabsBorder#919b9c
editorHoverWidget.background#ffffe1
editorHoverWidget.border#000000
editorHoverWidget.foreground#000000
editorLineNumber.activeForeground#00246c
editorLineNumber.foreground#6375d6
editorMarkerNavigation.background#ffffff
editorMarkerNavigationError.background#df3804
editorMarkerNavigationInfo.background#7b97e0
editorMarkerNavigationWarning.background#dca209
editorSuggestWidget.background#ffffe1
editorSuggestWidget.border#000000
editorSuggestWidget.focusHighlightForeground#ff9d00
editorSuggestWidget.foreground#000000
editorSuggestWidget.highlightForeground#ff9d00
editorSuggestWidget.selectedBackground#316ac5
editorWidget.background#ece9d8
editorWidget.foreground#333
editorWidget.resizeBorder#aca899
focusBorder#2157d7
foreground#000000
gitDecoration.addedResourceForeground#009800
gitDecoration.conflictingResourceForeground#6c21c6
gitDecoration.deletedResourceForeground#df3804
gitDecoration.ignoredResourceForeground#999
gitDecoration.modifiedResourceForeground#bc7d04
gitDecoration.stageDeletedResourceForeground#df3804
gitDecoration.stageModifiedResourceForeground#bc7d04
gitDecoration.submoduleResourceForeground#215dc6
gitDecoration.untrackedResourceForeground#009800
icon.foreground#333
input.background#ffffff
input.border#7f9cb9
input.foreground#000000
input.placeholderForeground#949698
inputOption.activeBackground#c8d8fc
inputOption.activeBorder#00000000
inputOption.activeForeground#4d6185
list.activeSelectionBackground#316ac5
list.activeSelectionForeground#ffffff
list.dropBackground#d8d2bd
list.errorForeground#d30505
list.focusBackground#00000025
list.focusForeground#000000
list.focusHighlightForeground#ffffff
list.highlightForeground#000000
list.hoverBackground#00000025
list.hoverForeground#000000
list.inactiveSelectionBackground#7b97e0
list.inactiveSelectionForeground#ffffff
list.warningForeground#dfa507
listFilterWidget.background#ffffe1
listFilterWidget.noMatchesOutline#d30505
listFilterWidget.outline#000000
menu.background#ffffff
menu.border#aba798
menu.foreground#000000
menu.selectionBackground#316ac5
menu.selectionBorder#00000000
menu.selectionForeground#ffffff
menu.separatorBackground#aba798
menubar.selectionBackground#ffffff25
menubar.selectionBorder#aca899
menubar.selectionForeground#000000
notificationCenter.border#000000
notificationCenterHeader.background#ffffe1
notificationCenterHeader.foreground#000000
notificationLink.foreground#215dc6
notifications.background#ffffe1
notifications.border#000000
notifications.foreground#000000
notificationsErrorIcon.foreground#df3804
notificationsInfoIcon.foreground#3265cc
notificationsWarningIcon.foreground#dfa507
notificationToast.border#000000
panel.background#f0eee4
panel.border#d8d2bd
panelTitle.activeBorder#215dc6
panelTitle.activeForeground#000000
panelTitle.inactiveForeground#898982
peekView.border#215dc6
peekViewEditor.background#ffffff
peekViewEditor.matchHighlightBackground#f5d802de
peekViewEditorGutter.background#a1bcfa30
peekViewResult.background#f0eee4
peekViewResult.fileForeground#000000
peekViewResult.lineForeground#000000
peekViewResult.matchHighlightBackground#f5d802de
peekViewResult.selectionBackground#316ac5
peekViewResult.selectionForeground#ffffff
peekViewTitle.background#ffffff
peekViewTitleDescription.foreground#777
peekViewTitleLabel.foreground#000000
pickerGroup.border#aca899
pickerGroup.foreground#215dc6
progressBar.background#2ed331
scrollbar.shadow#00000025
scrollbarSlider.activeBackground#7fa2fab0
scrollbarSlider.background#c1d3fbb0
scrollbarSlider.hoverBackground#a1bcfab0
selection.background#316ac540
sideBar.background#f0eee4
sideBar.border#d8d2bd
sideBar.foreground#000000
sideBarSectionHeader.background#ffffff
sideBarSectionHeader.border#d8d2bd
sideBarSectionHeader.foreground#215dc6
sideBarTitle.foreground#000000
statusBar.background#2157d7
statusBar.border#1e50c4
statusBar.debuggingBackground#ee5d28
statusBar.debuggingBorder#df3804
statusBar.debuggingForeground#ffffff
statusBar.foreground#ffffff
statusBar.noFolderBackground#0c8dea
statusBar.noFolderBorder#095bc9
statusBar.noFolderForeground#ffffff
statusBarItem.errorForeground#ffffff
statusBarItem.remoteBackground#1e941e
statusBarItem.remoteForeground#ffffff
tab.activeBackground#ffffff
tab.activeBorderTop#ffffff
tab.activeForeground#020304
tab.border#d3d0c7
tab.hoverBackground#ffffff
tab.hoverBorder#215dc6
tab.hoverForeground#000000
tab.inactiveBackground#efede0
tab.inactiveForeground#777
terminal.selectionBackground#f5d802de
terminalCursor.foreground#316ac5
textLink.foreground#215dc6
titleBar.activeBackground#ece9d8
titleBar.activeForeground#000000
titleBar.border#00000025
titleBar.inactiveBackground#ece9d8
titleBar.inactiveForeground#000000
tree.indentGuidesStroke#aca899
welcomePage.background#f8f8f6
welcomePage.tileBackground#f0eee4
welcomePage.tileHoverBackground#e3e1d8
widget.shadow#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python	#000000ff	—
emphasis	—	italic
strong	—	bold
meta.diff.header	#000080	—
comment	#666666	—
constant.language	#0000ff	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#098658	—
constant.regexp	#811f3f	—
entity.name.tag	#800000	—
entity.name.selector	#800000	—
entity.other.attribute-name	#e50000	—
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#800000	—
invalid	#cd3131	—
markup.underline	—	underline
markup.bold	#000080	bold
markup.heading	#800000	bold
markup.italic	—	italic
markup.strikethrough	—	strikethrough
markup.inserted	#098658	—
markup.deleted	#a31515	—
markup.changed	#0451a5	—
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown	#0451a5	—
markup.inline.raw	#800000	—
punctuation.definition.tag	#800000	—
meta.preprocessor, entity.name.function.preprocessor	#0000ff	—
meta.preprocessor.string	#a31515	—
meta.preprocessor.numeric	#098658	—
meta.structure.dictionary.key.python	#0451a5	—
storage	#0000ff	—
storage.type	#0000ff	—
storage.modifier, keyword.operator.noexcept	#0000ff	—
string, meta.embedded.assembly	#a31515	—
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars	#0000ff	—
string.regexp	#811f3f	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#0000ff	—
meta.template.expression	#000000	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#0451a5	—
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded	#e50000	—
support.type.property-name.json	#0451a5	—
keyword	#0000ff	—
keyword.control	#0000ff	—
keyword.operator	#000000	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#0000ff	—
keyword.other.unit	#098658	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#800000	—
support.function.git-rebase	#0451a5	—
constant.sha.git-rebase	#098658	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#000000	—
variable.language	#0000ff	—

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