chill-classic

Name: chill-classic
Author: Christopher

Publisher: ChristopherThemes in package: 1

GitHub

VS Code preview

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

chill-classic — Chill classic

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.activeBackground#1c1f22
activityBar.activeBorder#2466a9
activityBar.activeFocusBorder#2466a9
activityBar.background#111416
activityBar.border#ffffff00
activityBar.dropBorder#2466a9
activityBar.foreground#2975c2
activityBar.inactiveForeground#dddddd99
activityBarBadge.background#2466a9
activityBarBadge.foreground#dddddd
activityBarItem.settingsProfilesBackground#1c1f22
activityBarItem.settingsProfilesForeground#dddddd99
activityBarItem.settingsProfilesHoverForeground#318ce8
badge.background#2466a9
badge.foreground#dddddd
banner.background#182B40
banner.foreground#dddddd
banner.iconForeground#3794ff9c
breadcrumb.activeSelectionForeground#dddddd
breadcrumb.background#181b1e
breadcrumb.focusForeground#dddddd
breadcrumb.foreground#dddddd77
breadcrumbPicker.background#111416
button.background#2466a9
button.border#ffffff00
button.foreground#dddddd
button.hoverBackground#2975c2
button.secondaryBackground#262b31
button.secondaryForeground#dddddd
button.secondaryHoverBackground#ffffff33
button.separator#dddddd
checkbox.background#262b31
checkbox.border#ffffff00
checkbox.foreground#dddddd
commandCenter.activeBackground#262b31
commandCenter.activeForeground#dddddd
commandCenter.border#262b31
commandCenter.foreground#dddddd
contrastActiveBorder#ffffff00
contrastBorder#ffffff00
debugExceptionWidget.background#3A1E20
debugExceptionWidget.border#f14c4c
debugTokenExpression.value#dddddd77
debugToolBar.background#111416
debugView.exceptionLabelForeground#dddddd
debugView.stateLabelForeground#dddddd
debugView.valueChangedHighlight#3794ff
descriptionForeground#ddddddAA
diffEditor.border#262b31
diffEditor.diagonalFill#262b31
diffEditor.insertedLineBackground#00ff0022
diffEditor.insertedTextBackground#00ff0033
diffEditor.insertedTextBorder#ffffff00
diffEditor.removedLineBackground#ff000022
diffEditor.removedTextBackground#ff000033
diffEditor.removedTextBorder#ffffff00
diffEditorGutter.insertedLineBackground#00ff0022
diffEditorGutter.removedLineBackground#ff000022
diffEditorOverview.insertedForeground#00ff0077
diffEditorOverview.removedForeground#ff000077
disabledForeground#dddddd77
dropdown.background#262b31
dropdown.border#262b31
dropdown.foreground#dddddd
dropdown.listBackground#262b31
editor.background#181b1e
editor.findMatchBorder#ffffff00
editor.findMatchHighlightBorder#ffffff00
editor.findRangeHighlightBackground#2466a966
editor.foldBackground#2466a933
editor.foreground#dddddd
editor.hoverHighlightBackground#2466a966
editor.inactiveSelectionBackground#2466a977
editor.lineHighlightBackground#273a5a5a
editor.lineHighlightBorder#ffffff00
editor.rangeHighlightBackground#2466a966
editor.rangeHighlightBorder#ffffff00
editor.selectionBackground#2466a999
editor.selectionHighlightBackground#2466a966
editor.selectionHighlightBorder#ffffff00
editor.symbolHighlightBorder#ffffff00
editor.wordHighlightBackground#2466a955
editor.wordHighlightBorder#ffffff00
editor.wordHighlightStrongBackground#2466a933
editor.wordHighlightStrongBorder#ffffff00
editorBracketMatch.background#ffffff00
editorBracketMatch.border#dddddd77
editorCodeLens.foreground#dddddd77
editorCursor.background#0000005b
editorCursor.foreground#dcf0fcf9
editorError.foreground#f14c4c
editorGhostText.background#ffffff00
editorGhostText.border#ffffff00
editorGhostText.foreground#dddddd66
editorGroup.border#262b31
editorGroup.dropIntoPromptBackground#181b1e
editorGroup.dropIntoPromptBorder#262b31
editorGroup.dropIntoPromptForeground#dddddd
editorGroup.emptyBackground#ffffff00
editorGroup.focusedEmptyBorder#ffffff00
editorGroupHeader.border#ffffff00
editorGroupHeader.noTabsBackground#111416
editorGroupHeader.tabsBackground#161211
editorGroupHeader.tabsBorder#ffffff00
editorGutter.background#181b1e
editorGutter.foldingControlForeground#dddddd
editorHoverWidget.background#181b1e
editorHoverWidget.border#262b31
editorHoverWidget.foreground#dddddd
editorHoverWidget.highlightForeground#318ce8
editorHoverWidget.statusBarBackground#262b31
editorIndentGuide.activeBackground#dddddd99
editorIndentGuide.background#dddddd55
editorInfo.foreground#3794ff
editorInlayHint.background#dddddd22
editorInlayHint.foreground#dddddd99
editorInlayHint.parameterBackground#dddddd22
editorInlayHint.parameterForeground#dddddd99
editorInlayHint.typeBackground#dddddd22
editorInlayHint.typeForeground#dddddd99
editorLineNumber.activeForeground#dddddd
editorLineNumber.foreground#dddddd77
editorLink.activeForeground#318ce8
editorMarkerNavigation.background#181b1e
editorMarkerNavigationError.background#f14c4c
editorMarkerNavigationError.headerBackground#111416
editorMarkerNavigationInfo.background#3794ff
editorMarkerNavigationInfo.headerBackground#111416
editorMarkerNavigationWarning.background#cca700
editorMarkerNavigationWarning.headerBackground#111416
editorOverviewRuler.background#181b1e
editorOverviewRuler.border#262b31
editorOverviewRuler.errorForeground#f14c4c
editorOverviewRuler.infoForeground#3794ff
editorPane.background#1c1f22
editorRuler.foreground#262b31
editorStickyScroll.background#181b1e
editorStickyScrollHover.background#262b31
editorSuggestWidget.background#181b1e
editorSuggestWidget.border#262b31
editorSuggestWidget.focusHighlightForeground#318ce8
editorSuggestWidget.foreground#dddddd
editorSuggestWidget.highlightForeground#318ce8
editorSuggestWidget.selectedBackground#2466a977
editorSuggestWidget.selectedForeground#dddddd
editorSuggestWidget.selectedIconForeground#dddddd
editorUnicodeHighlight.background#332F12
editorUnicodeHighlight.border#cca700
editorUnnecessaryCode.border#dddddd
editorUnnecessaryCode.opacity#ffffffFF
editorWarning.foreground#cca700
editorWhitespace.foreground#dddddd22
editorWidget.background#111416
editorWidget.border#262b31
editorWidget.foreground#dddddd
editorWidget.resizeBorder#262b31
errorForeground#f14c4c
extensionBadge.remoteBackground#2466a9
extensionBadge.remoteForeground#dddddd
extensionButton.prominentBackground#2466a9
extensionButton.prominentForeground#dddddd
extensionButton.prominentHoverBackground#2975c2
focusBorder#2466a9
foreground#dddddd
icon.foreground#dddddd
input.background#262b31
input.border#ffffff00
input.foreground#dddddd
input.placeholderForeground#dddddd77
inputOption.activeBackground#2466a9
inputOption.activeBorder#ffffff00
inputOption.activeForeground#dddddd
inputOption.hoverBackground#2466a977
inputValidation.errorBackground#3A1E20
inputValidation.errorBorder#f14c4c
inputValidation.errorForeground#dddddd
inputValidation.infoBackground#182B40
inputValidation.infoBorder#3794ff
inputValidation.infoForeground#dddddd
inputValidation.warningBackground#332F12
inputValidation.warningBorder#cca700
inputValidation.warningForeground#dddddd
keybindingLabel.background#1c1f22
keybindingLabel.border#262b31
keybindingLabel.bottomBorder#262b31
keybindingLabel.foreground#dddddd
keybindingTable.headerBackground#262b31
keybindingTable.rowsBackground#262b31
list.activeSelectionBackground#2466a9AA
list.activeSelectionForeground#dddddd
list.activeSelectionIconForeground#dddddd
list.dropBackground#262b31
list.errorForeground#f14c4c
list.filterMatchBorder#ffffff00
list.focusAndSelectionOutline#2466a9
list.focusBackground#2466a977
list.focusForeground#dddddd
list.focusOutline#ffffff00
list.hoverBackground#181b1e
list.hoverForeground#dddddd
list.inactiveFocusBackground#181b1e
list.inactiveFocusOutline#ffffff00
list.inactiveSelectionBackground#2466a955
list.inactiveSelectionForeground#dddddd
list.warningForeground#cca700
listFilterWidget.background#111416
listFilterWidget.shadow#00000033
menu.background#111416
menu.border#181b1e
menu.foreground#dddddd
menu.selectionBackground#2466a9
menu.selectionBorder#ffffff00
menu.selectionForeground#dddddd
menu.separatorBackground#262b31
menubar.selectionBackground#262b31
menubar.selectionBorder#ffffff00
menubar.selectionForeground#dddddd
minimap.background#181b1e
minimap.errorHighlight#f14c4c
minimap.foregroundOpacity#ffffff
minimap.warningHighlight#cca700
notebook.cellBorderColor#262b31
notebook.cellEditorBackground#111416
notebook.cellHoverBackground#111416
notebook.cellInsertionIndicator#2466a9
notebook.cellStatusBarItemHoverBackground#262b31
notebook.cellToolbarSeparator#262b31
notebook.editorBackground#181b1e
notebook.focusedCellBackground#181b1e
notebook.focusedCellBorder#2466a9
notebook.focusedEditorBorder#2466a9
notebook.inactiveFocusedCellBorder#2466a977
notebook.outputContainerBackgroundColor#181b1e
notebook.outputContainerBorderColor#ffffff00
notebookScrollbarSlider.activeBackground#2466a9BB
notebookScrollbarSlider.background#2467a93b
notebookScrollbarSlider.hoverBackground#2466a999
notebookStatusErrorIcon.foreground#f14c4c
notebookStatusRunningIcon.foreground#dddddd
notebookStatusSuccessIcon.foreground#4ab386
notificationCenter.border#262b31
notificationCenterHeader.background#1c1f22
notificationCenterHeader.foreground#dddddd
notifications.background#111416
notifications.border#262b31
notifications.foreground#dddddd
notificationsErrorIcon.foreground#f14c4c
notificationsInfoIcon.foreground#3794ff
notificationsWarningIcon.foreground#cca700
notificationToast.border#262b31
panel.background#111416
panel.border#ffffff00
panel.dropBorder#2466a9
panelSection.border#262b31
panelSectionHeader.background#1c1f22
panelSectionHeader.foreground#dddddd
panelTitle.activeBorder#2466a9
panelTitle.activeForeground#dddddd
panelTitle.inactiveForeground#dddddd77
peekView.border#3794ff
peekViewEditor.background#182B40
peekViewEditor.matchHighlightBorder#ffffff00
peekViewEditorGutter.background#182B40
peekViewResult.background#1c1f22
peekViewResult.fileForeground#dddddd
peekViewResult.lineForeground#ddddddBB
peekViewResult.selectionBackground#2466a999
peekViewResult.selectionForeground#dddddd
peekViewTitle.background#181b1e
peekViewTitleDescription.foreground#dddddd99
peekViewTitleLabel.foreground#dddddd
pickerGroup.border#262b31
pickerGroup.foreground#2466a9
problemsErrorIcon.foreground#f14c4c
problemsInfoIcon.foreground#3794ff
problemsWarningIcon.foreground#cca700
progressBar.background#2466a9
quickInput.background#111416
quickInput.foreground#dddddd
quickInputList.focusBackground#2466a9
quickInputList.focusForeground#dddddd
quickInputList.focusIconForeground#dddddd
quickInputTitle.background#262b31
sash.hoverBorder#2466a9
scrollbar.shadow#00000033
scrollbarSlider.activeBackground#2467a977
scrollbarSlider.background#2467a94d
scrollbarSlider.hoverBackground#2467a967
searchEditor.textInputBorder#ffffff00
selection.background#2466a9
settings.checkboxBackground#262b31
settings.checkboxBorder#ffffff00
settings.checkboxForeground#dddddd
settings.dropdownBackground#262b31
settings.dropdownForeground#dddddd
settings.dropdownListBorder#111416
settings.focusedRowBackground#111416
settings.focusedRowBorder#ffffff00
settings.headerBorder#262b31
settings.headerForeground#dddddd
settings.modifiedItemIndicator#3794ff
settings.numberInputBackground#262b31
settings.numberInputBorder#ffffff00
settings.numberInputForeground#dddddd
settings.rowHoverBackground#1c1f22
settings.sashBorder#262b31
settings.textInputBackground#262b31
settings.textInputBorder#ffffff00
settings.textInputForeground#dddddd
sideBar.background#1c1f22
sideBar.border#ffffff00
sideBar.foreground#dddddd
sideBarSectionHeader.background#262b31
sideBarSectionHeader.border#1c1f22
sideBarSectionHeader.foreground#dddddd
sideBarTitle.foreground#dddddd
statusBar.background#111416
statusBar.border#181b1e
statusBar.debuggingBackground#2466a9
statusBar.debuggingBorder#ffffff00
statusBar.debuggingForeground#dddddd
statusBar.focusBorder#ffffff00
statusBar.foreground#dddddd
statusBar.noFolderBackground#111416
statusBar.noFolderBorder#ffffff00
statusBar.noFolderForeground#dddddd
statusBarItem.activeBackground#ffffff44
statusBarItem.errorForeground#dddddd
statusBarItem.focusBorder#dddddd
statusBarItem.hoverBackground#ffffff22
statusBarItem.remoteBackground#2466a9
statusBarItem.remoteForeground#dddddd
statusBarItem.warningForeground#dddddd
tab.activeBackground#11324fb2
tab.activeBorder#ffffff00
tab.activeBorderTop#71869bb1
tab.activeForeground#dddddd
tab.activeModifiedBorder#2466a9
tab.border#e7e7e732
tab.hoverBackground#11324fb2
tab.inactiveBackground#111416
tab.inactiveForeground#dddddd77
tab.inactiveModifiedBorder#2466a977
tab.lastPinnedBorder#ffffff00
tab.unfocusedActiveBackground#181b1e
tab.unfocusedActiveBorder#ffffff00
tab.unfocusedActiveBorderTop#2975c277
tab.unfocusedActiveForeground#dddddd77
tab.unfocusedActiveModifiedBorder#2466a977
tab.unfocusedHoverBackground#181b1e
tab.unfocusedInactiveBackground#111416
tab.unfocusedInactiveForeground#dddddd44
tab.unfocusedInactiveModifiedBorder#2466a944
terminal.background#121416
terminal.border#1f1c1c7e
terminal.foreground#cdd8c7
terminal.selectionBackground#2466a999
terminal.tab.activeBorder#2466a9
terminalCommandDecoration.defaultBackground#ffffff44
terminalCommandDecoration.errorBackground#f14c4c
terminalCommandDecoration.successBackground#3794ff
terminalCursor.background#000000
terminalCursor.foreground#dddddd
terminalOverviewRuler.cursorForeground#dddddd
testing.iconErrored#f14c4c
testing.iconFailed#f14c4c
testing.iconPassed#4ab386
testing.iconQueued#cca700
testing.iconSkipped#ffffff44
testing.iconUnset#ffffff44
testing.message.error.decorationForeground#f14c4c
testing.message.error.lineBackground#3A1E20
testing.message.info.decorationForeground#3794ff
testing.message.info.lineBackground#182B40
testing.peekHeaderBackground#111416
testing.runAction#4ab386
textLink.activeForeground#318ce8
textLink.foreground#2975c2
titleBar.activeBackground#111416
titleBar.activeForeground#dddddd
titleBar.inactiveBackground#1c1f22
titleBar.inactiveForeground#dddddd77
toolbar.activeBackground#ffffff33
toolbar.hoverBackground#ffffff17
toolbar.hoverOutline#ffffff00
tree.indentGuidesStroke#dddddd33
welcomePage.background#181b1e
welcomePage.progress.background#262b31
welcomePage.progress.foreground#2466a9
welcomePage.tileBackground#111416
welcomePage.tileHoverBackground#1c1f22
welcomePage.tileShadow#00000033
widget.shadow#00000033
window.activeBorder#ffffff00
window.inactiveBorder#ffffff00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded	#D4D4D4	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#62ad6ad4	—
constant.language	#569cd6	—
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#b5cea8	—
constant.regexp	#f0f1fa6d	—
entity.name.tag	#569cd6	—
entity.name.tag.css	#d7ba7d	—
entity.other.attribute-name	#9cdcfe	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#d7ba7d	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	#569cd6	bold
markup.heading	#569cd6	bold
markup.italic	—	italic
markup.strikethrough	—	strikethrough
markup.inserted	#b5cea8	—
markup.deleted	#ce9178	—
markup.changed	#569cd6	—
punctuation.definition.quote.begin.markdown	#6A9955	—
punctuation.definition.list.begin.markdown	#6796e6	—
markup.inline.raw	#ce9178	—
punctuation.definition.tag	#808080	—
meta.preprocessor, entity.name.function.preprocessor	#569cd6	—
meta.preprocessor.string	#ce9178	—
meta.preprocessor.numeric	#b5cea8	—
meta.structure.dictionary.key.python	#9cdcfe	—
meta.diff.header	#569cd6	—
storage	#569cd6	—
storage.type	#569cd6	—
storage.modifier, keyword.operator.noexcept	#569cd6	—
string, meta.embedded.assembly	#ce9178	—
string.tag	#ce9178	—
string.value	#ce9178	—
string.regexp	#d16969	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#569cd6	—
meta.template.expression	#d4d4d4	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded	#9cdcfe	—
keyword	#569cd6	—
keyword.control	#569cd6	—
keyword.operator	#d4d4d4	—
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	#569cd6	—
keyword.other.unit	#b5cea8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#569cd6	—
support.function.git-rebase	#9cdcfe	—
constant.sha.git-rebase	#b5cea8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#d4d4d4	—
variable.language	#569cd6	—
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal	#DCDCAA	—
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#4ec9b0d4	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator	#be76b8f8	—
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder	#9CDCFE	—
variable.other.constant, variable.other.enummember	#4FC1FF	—
meta.object-literal.key	#9CDCFE	—
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	#CE9178	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp	#CE9178	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#d16969	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#DCDCAA	—
keyword.operator.quantifier.regexp	#d7ba7d	—
constant.character	#569cd6	—
constant.character.escape	#d7ba7d	—
entity.name.label	#C8C8C8	—

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