Minimal Fedu Ext

Name: Minimal Fedu Ext
Author: Christian Brassat

Publisher: Christian BrassatThemes in package: 1

Chilled palette and easy to read code coloring for the whole editor.

Open in VS Code GitHub

VS Code preview

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

Minimal Fedu Ext — Minimal Fedu Ext

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#d7dae00a
activityBar.activeBorder#bdbdc599
activityBar.background#1f2527
activityBar.foreground#bdbdc599
activityBar.inactiveForeground#d7dae055
activityBarBadge.background#81969A
activityBarBadge.foreground#293134
badge.background#81969A70
badge.foreground#293134
button.background#678CB1
dropdown.background#616161
dropdown.border#293134
dropdown.listBackground#616161
editor.background#293134
editor.findMatchBackground#fcb65070
editor.findMatchHighlightBackground#fbff0050
editor.lineHighlightBackground#293134
editor.lineHighlightBorder#293134
editor.selectionBackground#97CCF130
editor.selectionForeground#fafafa
editorBracketMatch.background#678cb170
editorBracketMatch.border#678cb170
editorCursor.background#fafafa
editorCursor.foreground#678cb1
editorError.foreground#E15A60
editorGroup.border#0002
editorGroup.emptyBackground#1f2527
editorGroupHeader.tabsBackground#1e2426
editorIndentGuide.activeBackground#61616130
editorIndentGuide.background#29313400
editorLineNumber.activeForeground#616161
editorLineNumber.foreground#61616130
editorOverviewRuler.addedForeground#293134
editorOverviewRuler.border#293134
editorOverviewRuler.bracketMatchForeground#293134
editorOverviewRuler.deletedForeground#293134
editorOverviewRuler.findMatchForeground#fbff00
editorOverviewRuler.modifiedForeground#293134
editorOverviewRuler.wordHighlightForeground#fbff00
editorRuler.foreground#61616130
editorSuggestWidget.highlightForeground#fcb650
editorSuggestWidget.selectedBackground#6678
editorWhitespace.foreground#61616130
focusBorder#29313400
foreground#fafafa
inputOption.activeBorder#1f2527
inputValidation.infoBorder#1f2527
list.activeSelectionBackground#81969A70
list.activeSelectionForeground#fafafa
list.focusBackground#6678
list.highlightForeground#fcb650
menu.background#2d3337
menubar.selectionBackground#2d3337
menubar.selectionForeground#fafafa
panel.background#1e2426
panel.border#0002
peekView.border#ffffff08
peekViewEditor.background#0001
peekViewResult.background#0002
peekViewTitle.background#0003
progressBar.background#fcb650
quickInput.background#2d3337
quickInput.foreground#fafafa
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#1f252770
scrollbarSlider.background#1f252770
scrollbarSlider.hoverBackground#1f252770
selection.background#97CCF130
sideBar.background#1f2527
sideBar.border#0002
sideBar.dropBackground#293134
sideBar.foreground#bdbdc5
sideBarSectionHeader.background#1f2527
sideBarSectionHeader.foreground#fafafa
sideBarTitle.foreground#616161
statusBar.background#1e2426
statusBar.border#0002
statusBar.foreground#616161
statusBar.noFolderBackground#1e2426
statusBarItem.remoteBackground#2d3337
statusBarItem.remoteForeground#5d6971
tab.activeBorderTop#bdbdc5
tab.activeForeground#fff
tab.border#1e2426
tab.inactiveBackground#1e2426
tab.inactiveForeground#909099
tab.unfocusedActiveForeground#bdbdc5
tab.unfocusedInactiveForeground#909099
terminal.ansiBlue#678CB1
terminal.ansiBrightBlue#678CB1
terminal.ansiBrightCyan#67b1b1
terminal.ansiBrightGreen#5ae07c
terminal.ansiBrightMagenta#af67b1
terminal.ansiBrightRed#E15A60
terminal.ansiBrightYellow#fcb650
terminal.ansiCyan#67b1b1
terminal.ansiGreen#5ae07c
terminal.ansiMagenta#af67b1
terminal.ansiRed#E15A60
terminal.ansiYellow#fcb650
titleBar.activeBackground#1e2426
titleBar.activeForeground#667
titleBar.inactiveBackground#1e2426
titleBar.inactiveForeground#6676
widget.shadow#1f2527

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.brace.round, punctuation.terminator.expression, punctuation.definition.block, punctuation.definition.begin.bracket, punctuation.definition.end.bracket, punctuation.definition.class.begin.bracket, punctuation.definition.class.end.bracket, punctuation.definition.parameters.begin, punctuation.definition.parameters.end, punctuation.definition.arguments.begin.bracket, punctuation.definition.arguments.end.bracket	#616161	bold
comment, comment punctuation	#5D6971	—
comment.block.preprocessor	#5D6971
string, meta.property-value.string, support.constant.property-value.string	#fcb650	—
constant.numeric, meta.property-value.numeric, support.constant.property-value.numeric, meta.property-value.color, support.constant.property-value.color	#fcb650	—
constant.language	#87BCD1	—
constant.character, constant.other	#678CB1	—
keyword, meta.property-value.keyword, support.constant.property-value.keyword	#97CCF1	—
storage	#678CB1	—
storage.type	#678CB1	—
storage.type.function.arrow	#616161	—
entity.name.class	#FAFAFA	—
entity.other.inherited-class	#FAFAFA	—
entity.name.function	#E0E2E4	—
variable.parameter	#E0E2E4	—
storage.type.function.arrow	—	bold
entity.name.tag	#97CCF1
entity.other.attribute-name	#E0E2E4	—
punctuation.definition.tag.begin, punctuation.definition.tag.end	#616161	bold
support.function	#E0E2E4
support.constant	#E0E2E4	—
support.type, support.class	#E0E2E4	—
invalid	#f8f8f0
invalid.deprecated	#f8f8f0	—
meta.structure.dictionary.json string.quoted.double.json	#B0A17D	—
meta.diff, meta.diff.header	#75715E	—
markup.deleted	#A6E22E	—
markup.inserted	#F85931	—
markup.changed	#E6DB74	—
entity.name.filename.find-in-files	#E6DB74	—
keyword.other	#E0E2E4	—
meta.structure.dictionary.json string.quoted.double.json	#678CB1	—
meta.structure.dictionary.value.json string.quoted.double.json	#F0F0F0	—
entity.name, entity.other.attribute-name, support.type.property-name, entity.name.tag.table	#9DA9B1	—
meta.property-value punctuation.separator.key-value	#7D8991	—
keyword.other.use, keyword.other.function.use, keyword.other.namespace, keyword.other.new, keyword.other.special-method, keyword.other.unit, keyword.other.use-as	#FF8F2E	—
variable.parameter.function.coffee	#FFE32E	italic
entity.name.section.md, entity.name.type.md	#7D8991	—
punctuation.definition.heading.md, entity.name.type.md	#7D8991	—
markup.raw.inline.md, variable.md	#CFCCC6	—
punctuation.definition.metadata.md, string.link.md	#B8A07D	—
markup.underline.link.md, markup.underline.link.image.md, meta.image.inline.mamdrkdown	#FF8F2E	italic
markup.raw.block.md	#00a8c6	—
markup.deleted.git_gutter	#e61f44	—
markup.inserted.git_gutter	#a7da1e	—
markup.changed.git_gutter	#f7b83d	—
punctuation, keyword.operator, delimiter.tag, punctuation.tag, tag.xml, tag.html	#FAFAFA	—
keyword.operator.logical, keyword.operator.comparison	#97ccf1	—
tag.xml, tag.html	#7D8991	—
variable	#FAFAFA	—
variable.language.this	#ddd	bold
variable.language.makefile, variable.other.makefile	#7D8991	—
delimiter	#678CB1	—
variable.other.object.property	#bbbbbb	—
keyword.control.at-rule.media.css, punctuation.definition.keyword.css	#e15a60	bold
meta.at-rule.media.header.css support.constant	#678cb1	—
meta.function.color.css support.function, meta.function.variable.css support.function, source.css punctuation.section.function, source.css punctuation.section.property-list, source.css punctuation.terminator.rule	#616161	bold
entity.other.attribute-name.class.css	#CFCCC6	—
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation	#fcb650	—
entity.other.attribute-name.css	#E15A60	—
meta.attribute-selector.css string.quoted.double.css	#fff	—
meta.property-name.css	#7D8991	—
meta.property-value, support.constant.property-value	#BFBCB6	—
constant.numeric.css	#97ccf1	—
source.css keyword.other.unit	#678cb1	—
entity.other.attribute-name.html	#E15A60	—
string.quoted.double.html	#fff	—
punctuation.definition.binding-pattern.array.js, punctuation.section.embedded.begin.js, punctuation.section.embedded.end.js	#919191	bold
meta.array.empty.php support.function.construct, meta.array.php support.function.construct	#616161	—
meta.array.empty.php punctuation.definition.array.begin.bracket, meta.array.empty.php punctuation.definition.array.end.bracket, meta.array.php punctuation.definition.array.begin.bracket, meta.array.php punctuation.definition.array.end.bracket	#919191	bold
keyword.operator.key.php, punctuation.definition.variable.php	#616161	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}!`;
}