Shifting Sands

Name: Shifting Sands
Author: Mr Lizard & Company

Publisher: Mr Lizard & CompanyThemes in package: 1

A theme for coding in the desert.

GitHub

VS Code preview

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

Shifting Sands — Shifting Sands

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.background#473c31
activityBarBadge.background#99C0D1
badge.background#99C0D1
breadcrumb.background#a79178
breadcrumb.foreground#050505
button.background#99C0D1
button.foreground#534f4f
debugConsole.errorForeground#eb2d2d
debugConsole.infoForeground#f4ddfd
debugConsole.sourceForeground#ff0000
debugConsole.warningForeground#85410a
debugConsoleInputIcon.foreground#ffefc1
debugExceptionWidget.background#b39c82
debugExceptionWidget.border#AB395B
debugIcon.continueForeground#1758CF
debugIcon.disconnectForeground#85410a
debugIcon.pauseForeground#fab330
debugIcon.restartForeground#fab330
debugIcon.startForeground#1758CF
debugIcon.stepBackForeground#fab330
debugIcon.stepIntoForeground#1758CF
debugIcon.stepOutForeground#fab330
debugIcon.stepOverForeground#1758CF
debugIcon.stopForeground#85410a
debugTokenExpression.boolean#f4ddfd
debugTokenExpression.error#eb2d2d
debugTokenExpression.name#99C0D1
debugTokenExpression.number#1758CF
debugTokenExpression.string#a8358b
debugTokenExpression.value#1758CF
debugToolBar.background#b39c82
debugView.stateLabelForeground#99C0D1
descriptionForeground#c9bbac
diffEditor.insertedTextBackground#31958A55
diffEditor.removedTextBackground#892F4688
dropdown.background#bea589
dropdown.border#534f4f
editor.background#D1B799
editor.findMatchBackground#85fa67
editor.findMatchHighlightBackground#85fa6744
editor.foldBackground#ddc2a3
editor.foreground#534f4f
editor.hoverHighlightBackground#6B666140
editor.lineHighlightBackground#bea589
editor.rangeHighlightBackground#85fa6744
editor.selectionBackground#df8723
editor.stackFrameHighlightBackground#85fa6744
editor.wordHighlightBackground#99C0D1
editorBracketHighlight.foreground1#4c00ff
editorBracketHighlight.foreground2#050505
editorBracketHighlight.foreground3#00ff95
editorBracketMatch.background#a79178
editorBracketMatch.border#ff000000
editorCursor.foreground#F5F5F5
editorGroup.border#534f4f
editorGroup.dropBackground#a7917888
editorGroupHeader.border#534f4f
editorGroupHeader.tabsBackground#94816b
editorGutter.addedBackground#85fa67
editorGutter.deletedBackground#df8723
editorGutter.modifiedBackground#99C0D1
editorHint.foreground#008cff
editorHoverWidget.background#bea589
editorHoverWidget.border#555
editorIndentGuide.activeBackground1#796753
editorIndentGuide.background1#a79178
editorInfo.foreground#5eff00
editorLineNumber.activeForeground#1758CF
editorLineNumber.foreground#555
editorLink.activeForeground#0063a5
editorMarkerNavigation.background#ad8a62
editorMarkerNavigationError.background#AB395B
editorMarkerNavigationWarning.background#5B7E7A
editorRuler.foreground#a79178
editorSuggestWidget.border#6B666100
editorSuggestWidget.foreground#6B6661
editorWarning.foreground#fffb00
editorWhitespace.foreground#555
editorWidget.background#bea589
editorWidget.resizeBorder#534f4f
extensionButton.prominentBackground#5f8b3b
extensionButton.prominentHoverBackground#5f8b3bbb
extensionIcon.starForeground#df8723
focusBorder#5a4d4900
foreground#534f4f
gitDecoration.addedResourceForeground#77e25c
gitDecoration.deletedResourceForeground#c93434
gitDecoration.modifiedResourceForeground#99C0D1
gitDecoration.untrackedResourceForeground#d44096
icon.foreground#f0e3d6
input.background#a79178
input.border#534f4f
inputOption.activeBorder#1758CF
inputValidation.errorBackground#A22D44
inputValidation.errorBorder#AB395B
inputValidation.infoBackground#051336
inputValidation.infoBorder#1758CF
inputValidation.warningBackground#da9342
inputValidation.warningBorder#df8723
keybindingLabel.foreground#050505
list.activeSelectionBackground#756451
list.activeSelectionForeground#ffefc1
list.dropBackground#bea589
list.highlightForeground#534f4f
list.hoverBackground#756451
list.hoverForeground#c9bbac
list.inactiveSelectionBackground#55483a
list.inactiveSelectionForeground#ffefc1
menu.foreground#534f4f
menu.selectionBackground#a79178
menu.separatorBackground#534f4f
menubar.selectionBackground#5e5041
minimap.selectionHighlight#ffffff88
notebook.cellEditorBackground#D1B799
notebook.cellHoverBackground#a79178
notebook.cellStatusBarItemHoverBackground#a79178
notebook.cellToolbarSeparator#534f4f
notebook.editorBackground#bea589
notebook.focusedCellBackground#a79178
notebook.focusedCellBorder#1758CF
notebook.focusedEditorBorder#1758CF
notebook.inactiveFocusedCellBorder#4676d1
notebook.outputContainerBackgroundColor#a79178
notebook.selectedCellBackground#df8723
panel.border#534f4f
panelInput.border#534f4f
peekView.border#555
peekViewEditor.background#bea589
peekViewEditor.matchHighlightBackground#85fa6744
peekViewResult.background#94816b
peekViewResult.fileForeground#050505
peekViewResult.lineForeground#534f4f
peekViewResult.matchHighlightBackground#85fa6755
peekViewResult.selectionBackground#a79178
peekViewTitle.background#ad8a62
pickerGroup.border#b39c82
pickerGroup.foreground#534f4f
ports.iconRunningProcessForeground#80a2c2
progressBar.background#99C0D1
quickInputList.focusBackground#af906d
scrollbar.shadow#525151
scrollbarSlider.activeBackground#7264558a
scrollbarSlider.background#7264558a
scrollbarSlider.hoverBackground#726455b9
search.resultsInfoForeground#c9bbac
settings.headerForeground#1758cf
sideBar.background#3b332a
sideBar.foreground#c9bbac
sideBarSectionHeader.background#55483a
statusBar.background#796753
statusBar.debuggingBackground#28467c
statusBar.foreground#c9bbac
statusBar.noFolderBackground#796753
statusBarItem.prominentBackground#0063a5
statusBarItem.prominentHoverBackground#0063a5dd
statusBarItem.remoteBackground#1758CF
tab.activeBackground#a79178
tab.activeForeground#050505
tab.border#9e8a73
tab.inactiveBackground#94816b
tab.lastPinnedBorder#050505
terminal.ansiBlack#111111
terminal.ansiBlue#bbdaff
terminal.ansiBrightBlack#333333
terminal.ansiBrightBlue#80baff
terminal.ansiBrightCyan#78ffff
terminal.ansiBrightGreen#b8f171
terminal.ansiBrightMagenta#d778ff
terminal.ansiBrightRed#ff7882
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#ffe580
terminal.ansiCyan#99ffff
terminal.ansiGreen#d1f1a9
terminal.ansiMagenta#ebbbff
terminal.ansiRed#ff9da4
terminal.ansiWhite#cccccc
terminal.ansiYellow#ffeead
textBlockQuote.background#bea589
textBlockQuote.border#1758cf
textCodeBlock.background#bea589
textPreformat.foreground#f5f3f1
titleBar.activeBackground#796753
titleBar.activeForeground#c9bbac
titleBar.inactiveBackground#746758
toolbar.hoverBackground#a79178
widget.shadow#5e5041

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#534f4f	—
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown	#f5f3f1	—
comment	#968777	—
string	#7e1f66	—
constant.numeric	#050505	—
constant.language	#f4ddfd	—
constant.character, constant.other	#f4ddfd	—
variable	—
keyword	#f5f3f1	—
storage	#001883	italic
storage.type	#2147ec	italic
entity.name.class, entity.name.type, entity.name.namespace, entity.name.scope-resolution	#ffefc1	underline
entity.other.inherited-class	#ddbb88	italic underline
entity.name.function	#534f4f	bold
variable.parameter	#534f4f	italic
entity.name.tag	#050505
entity.other.attribute-name	#534f4f	italic
support.function	#85410a	bold
support.constant	#85410a
support.type, support.class	#85410a	italic
support.other.variable	—
invalid	#dd0000
invalid.deprecated	#A22D44	—
meta.diff, meta.diff.header	#E0EDDD	italic
markup.deleted	#dc322f
markup.changed	#cb4b16
markup.inserted	#219186	—
markup.quote	#050505	—
markup.bold, markup.italic	#22aa44	—
markup.bold	—	bold
markup.italic	—	italic
markup.strikethrough	—	strikethrough
markup.inline.raw	#af0d0d
markup.heading, markup.heading.setext	#6688cc	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}!`;
}