anisochromatic

Name: anisochromatic
Author: Isomorph Research Laboratories

Publisher: Isomorph Research LaboratoriesThemes in package: 1

A vibrant, pastel-based color theme designed to be easy on the eyes and easily parsable

GitHub

VS Code preview

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

anisochromatic — Anisochromatic

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.activeBorder#e3837a
activityBar.background#2c313a
activityBar.border#23272e
activityBar.foreground#ede7ddaa
activityBar.inactiveForeground#586274
activityBarBadge.background#62b5f8
activityBarBadge.foreground#faf4e9
badge.background#62b5f8
badge.foreground#ede7dd
breadcrumb.activeSelectionForeground#faf4e9
breadcrumb.focusForeground#f2ece1
breadcrumb.foreground#faf4e9
breadcrumbPicker.background#363c47
button.background#98Cc79aa
button.foreground#faf4e9
button.hoverBackground#98Cc79
button.secondaryBackground#363c47
button.secondaryForeground#f2ece1
button.secondaryHoverBackground#586274
checkbox.background#363c47
checkbox.border#23272e
debugToolBar.background#2c313a
descriptionForeground#faf4e9
diffEditor.insertedTextBackground#98Cc7926
diffEditor.removedTextBackground#e3837a26
dropdown.background#363c47
dropdown.border#23272e
dropdown.foreground#f2ece1
dropdown.listBackground#363c47
editor.background#2c313a
editor.findMatchBackground#eec76d44
editor.findMatchHighlightBackground#eec76d22
editor.focusedStackFrameHighlightBackground#8fbcb133
editor.foldBackground#363c471a
editor.foreground#f2ece1
editor.inactiveSelectionBackground#62b5f822
editor.lineHighlightBackground#363c47
editor.linkedEditingBackground#62b5f822
editor.selectionBackground#62b5f844
editor.selectionHighlightBackground#a4dbf433
editor.selectionHighlightBorder#a4dbf400
editor.stackFrameHighlightBackground#eec76d25
editor.wordHighlightBackground#a4dbf400
editor.wordHighlightBorder#a4dbf499
editor.wordHighlightStrongBackground#a4dbf400
editor.wordHighlightStrongBorder#a4dbf466
editorBracketMatch.background#a4dbf450
editorBracketMatch.border#a4dbf400
editorCursor.foreground#62b5f8
editorGroup.border#586274
editorGroupHeader.tabsBackground#23272e
editorGroupHeader.tabsBorder#23272e
editorGutter.addedBackground#98Cc7966
editorGutter.deletedBackground#e3837a66
editorGutter.modifiedBackground#eec76d66
editorIndentGuide.activeBackground#586274
editorIndentGuide.background#363c47
editorLineNumber.activeForeground#f2ece1aa
editorLineNumber.foreground#586274
editorOverviewRuler.border#23272e
editorWhitespace.foreground#586274
editorWidget.background#363c47
errorForeground#e3837a
focusBorder#62b5f8
foreground#f2ece1
gitDecoration.addedResourceForeground#98Cc79
gitDecoration.conflictingResourceForeground#de9059
gitDecoration.deletedResourceForeground#e3837a
gitDecoration.ignoredResourceForeground#586274
gitDecoration.modifiedResourceForeground#eec76d
gitDecoration.submoduleResourceForeground#faf4e9
gitDecoration.untrackedResourceForeground#98Cc79
input.background#2c313a
input.border#23272e
input.foreground#f2ece1
input.placeholderForeground#586274
list.activeSelectionBackground#ede7dd1a
list.activeSelectionForeground#ede7ddaa
list.errorForeground#e3837a
list.focusBackground#a4dbf426
list.focusForeground#ede7ddaa
list.highlightForeground#62b5f8
list.hoverBackground#ede7dd10
list.hoverForeground#ede7dd
list.inactiveFocusBackground#a4dbf426
list.inactiveSelectionBackground#ede7dd1a
list.inactiveSelectionForeground#ede7ddaa
list.warningForeground#eec76d
notificationCenterHeader.background#363c47
notificationCenterHeader.foreground#faf4e9
notifications.background#363c47
notifications.border#23272e
notifications.foreground#f2ece1
notificationsErrorIcon.foreground#e3837a
notificationsInfoIcon.foreground#62b5f8
notificationsWarningIcon.foreground#eec76d
panel.background#23272e
panelInput.border#23272e
panelTitle.activeBorder#e3837a
panelTitle.activeForeground#faf4e9
panelTitle.inactiveForeground#ede7dd
peekViewEditor.background#2c313a88
peekViewEditor.matchHighlightBackground#eec76d33
peekViewResult.background#2c313a
peekViewResult.matchHighlightBackground#eec76d33
pickerGroup.border#23272e
pickerGroup.foreground#faf4e9
progressBar.background#62b5f8
quickInput.background#363c47
quickInput.foreground#f2ece1
scrollbar.shadow#0008
scrollbarSlider.activeBackground#58627488
scrollbarSlider.background#58627433
scrollbarSlider.hoverBackground#58627444
settings.headerForeground#faf4e9
settings.modifiedItemIndicator#eec76d66
sideBar.background#23272e
sideBar.border#23272e
sideBar.foreground#ede7ddaa
sideBarSectionHeader.background#2c313a
sideBarSectionHeader.border#23272e
sideBarSectionHeader.foreground#f2ece1
sideBarTitle.foreground#f2ece1
statusBar.background#363c47
statusBar.border#23272e
statusBar.debuggingBackground#ede7dd
statusBar.debuggingForeground#2c313a
statusBar.foreground#ede7ddaa
statusBar.noFolderBackground#2c313a
statusBarItem.prominentBackground#363c47
tab.activeBackground#2c313a
tab.activeBorder#2c313a
tab.activeBorderTop#e3837a
tab.activeForeground#f2ece1
tab.border#23272e
tab.hoverBackground#2c313a
tab.inactiveBackground#23272e
tab.inactiveForeground#faf4e9
tab.unfocusedActiveBorder#2c313a
tab.unfocusedActiveBorderTop#586274
tab.unfocusedHoverBackground#363c471a
terminal.ansiBlack#ede7dd
terminal.ansiBlue#62b5f8
terminal.ansiBrightBlack#363c47
terminal.ansiBrightBlue#62b5f8
terminal.ansiBrightCyan#a4dbf4
terminal.ansiBrightGreen#98Cc79
terminal.ansiBrightMagenta#dcbdfb
terminal.ansiBrightRed#e3837a
terminal.ansiBrightWhite#ede7dd
terminal.ansiBrightYellow#efbf8f
terminal.ansiCyan#8fbcb1
terminal.ansiGreen#98Cc79
terminal.ansiMagenta#b083f0
terminal.ansiRed#e3837a
terminal.ansiWhite#909dab
terminal.ansiYellow#eec76d
terminal.background#23272e
terminal.foreground#faf4e9
textBlockQuote.background#23272e
textBlockQuote.border#23272e
textCodeBlock.background#363c4766
textLink.activeForeground#62b5f8
textLink.foreground#62b5f8
textPreformat.foreground#faf4e9
textSeparator.foreground#586274
titleBar.activeBackground#2c313a
titleBar.activeForeground#faf4e9
titleBar.border#23272e
titleBar.inactiveBackground#23272e
titleBar.inactiveForeground#faf4e9
tree.indentGuidesStroke#363c47
welcomePage.buttonBackground#98Cc79aa
welcomePage.buttonHoverBackground#98Cc79

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.comment	#586274	—
constant, entity.name.constant, variable.other.constant, variable.language, entity	#62b5f8	—
entity.name, meta.export.default, meta.definition.variable	#de9059	—
variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression	#f2ece1	—
entity.name.function	#dcbdfb	—
entity.name.tag, support.class.component	#98Cc79	—
keyword	#e3837a	—
storage, storage.type	#e3837a	—
storage.modifier.package, storage.modifier.import, storage.type.java	#f2ece1	—
string, punctuation.definition.string, string punctuation.section.embedded source	#8FBCB1	—
support	#62b5f8	—
meta.property-name	#62b5f8	—
variable	#de9059	—
variable.other	#f2ece1	—
invalid.broken	#e3837a	italic
invalid.deprecated	#e3837a	italic
invalid.illegal	#e3837a	italic
invalid.unimplemented	#e3837a	italic
carriage-return	#2c313a	italic underline
message.error	#e3837a	—
string source	#f2ece1	—
string variable	#8FBCB1	—
source.regexp, string.regexp	#8FBCB1	—
string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition	#8FBCB1	—
string.regexp constant.character.escape	#98Cc79	bold
support.constant	#62b5f8	—
support.variable	#62b5f8	—
meta.module-reference	#62b5f8	—
punctuation.definition.list.begin.markdown	#de9059	—
markup.heading, markup.heading entity.name	#62b5f8	bold
markup.quote	#98Cc79	—
markup.italic	#f2ece1	italic
markup.bold	#f2ece1	bold
markup.raw	#62b5f8	—
markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted	#e3837a	—
markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted	#98Cc79	—
markup.changed, punctuation.definition.changed	#de9059	—
markup.ignored, markup.untracked	#363c47	—
meta.diff.range	#dcbdfb	bold
meta.diff.header	#62b5f8	—
meta.separator	#62b5f8	bold
meta.output	#62b5f8	—
brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote	#faf4e9	—
brackethighlighter.unmatched	#e3837a	—
constant.other.reference.link, string.other.link	#8FBCB1	underline

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