best-themes

Publisher: smdfuckThemes in package: 4

my fav themes

Open in VS Code GitHub

Color themes

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#1F1F28
activityBar.foreground#DCD7BA
activityBarBadge.background#658594
activityBarBadge.foreground#1F1F28
badge.background#2A2A37
breadcrumb.background#1F1F28
breadcrumbPicker.background#1F1F28
button.background#2A2A37
button.secondaryBackground#1F1F28
button.secondaryForeground#DCD7BA
button.secondaryHoverBackground#1F1F28
checkbox.border#223249
debugToolBar.background#1F1F28
descriptionForeground#DCD7BA
diffEditor.insertedTextBackground#2B3328
dropdown.background#1F1F28
dropdown.border#1F1F28
editor.background#1F1F28
editor.findMatchBackground#2D4F67
editor.findMatchBorder#223249
editor.findMatchHighlightBackground#2D4F67
editor.foldBackground#1F1F2875
editor.foreground#DCD7BA
editor.lineHighlightBackground#1F1F28
editor.lineHighlightBorder#c9cbff80
editor.selectionBackground#c9cbff80
editor.selectionHighlightBackground#1F1F28
editor.selectionHighlightBorder#54546D
editor.snippetFinalTabstopHighlightBackground#1F1F28
editor.snippetTabstopHighlightBackground#1F1F28
editor.wordHighlightBackground#96cdfb50
editor.wordHighlightBorder#54546D
editor.wordHighlightStrongBackground#abe9b350
editor.wordHighlightStrongBorder#54546D
editorBracketMatch.border#54546D
editorCursor.background#A3D4D5
editorCursor.foreground#658594
editorError.foreground#E82424
editorGroup.border#16161D
editorGroup.dropBackground#1F1F28
editorGroupHeader.tabsBackground#1F1F28
editorGutter.addedBackground#2B3328
editorGutter.deletedBackground#43242B
editorGutter.modifiedBackground#49443C
editorHoverWidget.background#1F1F28
editorHoverWidget.border#2A2A37
editorHoverWidget.highlightForeground#658594
editorInlayHint.background#16161D
editorInlayHint.foreground#DCD7BA
editorLineNumber.activeForeground#957FB8
editorLineNumber.foreground#54546D
editorMarkerNavigation.background#1F1F28
editorOverviewRuler.border#1F1F28
editorRuler.foreground#957FB8
editorSuggestWidget.background#1F1F28
editorSuggestWidget.border#16161d
editorSuggestWidget.selectedBackground#c9cbff80
editorWarning.foreground#FF9E3B
editorWhitespace.foreground#c9cbff80
editorWidget.background#1F1F28
focusBorder#223249
gitDecoration.conflictingResourceForeground#ffe5b4
gitDecoration.deletedResourceForeground#f28fad
gitDecoration.ignoredResourceForeground#c9cbff40
gitDecoration.modifiedResourceForeground#957FB8
gitDecoration.untrackedResourceForeground#7AA89F
input.background#1F1F28
input.border#1F1F28
list.activeSelectionBackground#c9cbff80
list.activeSelectionForeground#DCD7BA
list.focusBackground#2A2A37
list.focusForeground#DCD7BA
list.highlightForeground#938AA9
list.hoverBackground#c9cbff80
list.hoverForeground#DCD7BA
list.inactiveSelectionBackground#2A2A37
list.inactiveSelectionForeground#DCD7BA
list.warningForeground#FF9E3B
listFilterWidget.background#1F1F28
listFilterWidget.outline#1F1F28
menu.foreground#DCD7BA
menu.separatorBackground#16161D
minimapGutter.addedBackground#76946A
minimapGutter.deletedBackground#C34043
minimapGutter.modifiedBackground#DCA561
panel.background#1F1F28
panel.border#16161D
peekViewEditor.background#1F1F28
peekViewEditor.matchHighlightBackground#fae3b075
peekViewResult.background#1F1F28
peekViewTitle.background#1F1F28
scrollbarSlider.activeBackground#54546D
scrollbarSlider.background#c9cbff50
scrollbarSlider.hoverBackground#54546D
settings.checkboxBackground#1F1F28
settings.checkboxBorder#1F1F28
settings.dropdownBackground#1F1F28
settings.dropdownBorder#1F1F28
settings.headerForeground#DCD7BA
settings.numberInputBackground#1F1F28
settings.numberInputBorder#1F1F28
settings.textInputBackground#1F1F28
settings.textInputBorder#1F1F28
sideBar.background#1F1F28
sideBar.foreground#DCD7BA
sideBarSectionHeader.background#1F1F28
sideBarSectionHeader.border#1F1F28
sideBarSectionHeader.foreground#DCD7BA
statusBar.background#1F1F28
statusBar.debuggingBackground#E82424
statusBar.debuggingBorder#957FB8
statusBar.debuggingForeground#1F1F28
statusBar.foreground#938AA9
statusBar.noFolderBackground#1F1F28
statusBarItem.remoteBackground#2D4F67
statusBarItem.remoteForeground#1F1F28
tab.activeBackground#1F1F28
tab.activeForeground#DCD7BA
tab.border#1F1F28
tab.hoverBackground#54546D
tab.inactiveBackground#1F1F28
tab.unfocusedHoverBackground#2A2A37
terminal.ansiBlack#1F1F28
terminal.ansiBlue#658594
terminal.ansiBrightBlack#2A2A37
terminal.ansiBrightBlue#7FB4CA
terminal.ansiBrightCyan#A3D4D5
terminal.ansiBrightGreen#98BB6C
terminal.ansiBrightMagenta#D27E99
terminal.ansiBrightRed#FF5D62
terminal.ansiBrightWhite#DCD7BA
terminal.ansiBrightYellow#E6C384
terminal.ansiCyan#9CABCA
terminal.ansiGreen#76946A
terminal.ansiMagenta#957FB8
terminal.ansiRed#E82424
terminal.ansiWhite#DCD7BA
terminal.ansiYellow#FF9E3B
terminal.background#1F1F28
terminal.border#16161D
terminal.foreground#DCD7BA
textBlockQuote.border#16161D
textLink.foreground#6A9589
textPreformat.foreground#FF9E3B
titleBar.activeBackground#1F1F28
titleBar.activeForeground#DCD7BA
titleBar.inactiveBackground#1F1F28
titleBar.inactiveForeground#DCD7BA
walkThrough.embeddedEditorBackground#1F1F28

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
variable.other.property.go	#957FB8	—
comment, punctuation.definition.comment	#727169	—
variable, string constant.other.placeholder	#DCD7BA	—
constant.other.color	#FFA066	—
invalid, invalid.illegal	#E82424	—
keyword	#FFA066	—
storage.type	#7AA89F	—
storage.modifier	#957FB8	—
keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution	#FF5D62	—
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded	#9CABCA	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#FF5D62	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#7E9CD8	—
meta.block variable.other	#FF5D62	—
support.other.variable, string.other.link	#FF5D62	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape	#D27E99	—
variable.parameter, keyword.other.unit, keyword.other	#E6C384	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#98BB6C	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#E6C384	—
support.type	#7AA89F	—
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	#7AA89F	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5D62	—
variable.language	#FF5D62	—
entity.name.method.js	#7E9CD8	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#7E9CD8	—
entity.other.attribute-name	#957FB8	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#E6C384	—
entity.other.attribute-name.class	#E6C384	—
source.sass keyword.control	#7FB4CA	—
markup.inserted	#76946A	—
markup.deleted	#C34043	—
markup.changed	#DCA561	—
string.regexp	#7FB4CA	—
constant.character.escape	#7FB4CA	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#957FB8	—
source.js constant.other.object.key.js string.unquoted.label.js	#FF5D62	—
source.json meta.structure.dictionary.json support.type.property-name.json	#D27E99	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#E6C384	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFA066	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5D62	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFA066	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#7E9CD8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#D27E99	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#957FB8	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#98BB6C	—
text.html.markdown, punctuation.definition.list_item.markdown	#DCD7BA	—
text.html.markdown markup.inline.raw.markdown	#957FB8	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#957FB8	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#98BB6C	—
markup.italic	#E46876	italic
markup.bold, markup.bold string	#E46876	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#E46876	bold
markup.underline	#FFA066	underline
markup.quote punctuation.definition.blockquote.markdown	#727169	—
markup.quote	—	italic
string.other.link.title.markdown	#7E9CD8	—
string.other.link.description.title.markdown	#957FB8	—
constant.other.reference.link.markdown	#E6C384	—
markup.raw.block	#957FB8	—
markup.raw.block.fenced.markdown	#727169	—
punctuation.definition.fenced.markdown	#727169	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#DCD7BA	—
variable.language.fenced.markdown	#727169	—
meta.separator	#9CABCA	bold
markup.table	#DCD7BA	—

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

best-themes by smdfuck - VS Code Theme