Shades Of Stoicism

Name: Shades Of Stoicism
Author: Dharam Dhurandhar

Publisher: Dharam DhurandharThemes in package: 1

Professional developer theme with AI-enhanced syntax highlighting, semantic coding colors, and eye comfort optimization. Perfect for long coding sessions and modern development.

GitHub

VS Code preview

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

Shades Of Stoicism — Shades

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.background#242639
activityBar.foreground#12d8f6
debugConsole.errorForeground#FC8181
debugConsole.infoForeground#90CDF4
debugConsole.sourceForeground#B2F5EA
debugConsole.warningForeground#F6E05E
debugTokenExpression.boolean#F687B3
debugTokenExpression.error#FC8181
debugTokenExpression.name#90CDF4
debugTokenExpression.number#F6AD55
debugTokenExpression.string#B794F4
debugTokenExpression.value#9AE6B4
debugToolBar.background#2D3748
debugToolBar.border#4A5568
dropdown.border#3182CE40
editor.background#25273d
editor.findMatchBackground#55f6d650
editor.findMatchBorder#55f6f1
editor.findMatchHighlightBackground#28f1bf40
editor.findMatchHighlightBorder#6cff7380
editor.focusedStackFrameHighlightBackground#9F7AEA40
editor.foreground#E2E8F0
editor.stackFrameHighlightBackground#b5ed0a80
extensionButton.prominentBackground#3182CE
extensionButton.prominentForeground#FFFFFF
extensionButton.prominentHoverBackground#4299E1
list.activeSelectionBackground#3182CE30
list.activeSelectionForeground#63B3ED
list.activeSelectionIconForeground#63B3ED
list.filterMatchBackground#3182CE20
list.filterMatchBorder#3182CE
list.focusAndSelectionOutline#3182CE
list.focusHighlightForeground#63B3ED
list.focusOutline#3182CE
list.highlightForeground#63B3ED
list.hoverBackground#2D374830
list.hoverForeground#E2E8F0
list.inactiveSelectionBackground#2D374850
list.inactiveSelectionForeground#90CDF4
minimap.background#082e4d83
minimap.selectionHighlight#82ecffb5
notificationCenterHeader.background#1A202C
notificationCenterHeader.foreground#E2E8F0
notificationLink.foreground#63B3ED
notifications.background#2D3748
notifications.border#4A5568
notifications.foreground#E2E8F0
panel.background#1A202C
panel.border#4A5568
panelTitle.activeBorder#3182CE
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#A0AEC0
pickerGroup.border#63B3ED40
pickerGroup.foreground#90CDF4
quickInput.background#2D3748
quickInput.foreground#E2E8F0
quickInputTitle.background#4A5568
selection.background#3182CE40
sideBar.background#2c2e44
sideBar.border#2D374840
sideBar.foreground#E2E8F0
sideBarSectionHeader.background#2D3748
sideBarSectionHeader.border#4A556840
sideBarSectionHeader.foreground#90CDF4
sideBarTitle.foreground#90CDF4
statusBar.background#2D3748
statusBar.debuggingBackground#9F7AEA
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#9DC6FF
statusBarItem.remoteBackground#3182CE
statusBarItem.remoteForeground#FFFFFF
tab.activeBackground#1E1E2E
tab.activeBorderTop#3182CE
tab.activeForeground#FFFFFF
tab.hoverBackground#2D374850
tab.inactiveBackground#1A202C
tab.inactiveForeground#A0AEC0
tab.unfocusedActiveBorderTop#4A556880
terminal.ansiBlack#2D3748
terminal.ansiBlue#4299E1
terminal.ansiBrightBlack#4A5568
terminal.ansiBrightBlue#63B3ED
terminal.ansiBrightCyan#76E4F7
terminal.ansiBrightGreen#9AE6B4
terminal.ansiBrightMagenta#B794F4
terminal.ansiBrightRed#FC8181
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#F6E05E
terminal.ansiCyan#0BC5EA
terminal.ansiGreen#68D391
terminal.ansiMagenta#9F7AEA
terminal.ansiRed#F56565
terminal.ansiWhite#E2E8F0
terminal.ansiYellow#ECC94B
terminal.background#202234
terminal.foreground#E2E8F0
terminal.selectionBackground#4A556880
titleBar.activeBackground#202234
titleBar.activeForeground#acdcff
titleBar.border#3cbaec40
titleBar.inactiveBackground#252632
titleBar.inactiveForeground#546E7A
tree.indentGuidesStroke#b0c9f6d5
welcomePage.background#1E1E2E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#546E7A	italic
variable, string constant.other.placeholder	#EEFFFF	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#C792EA	—
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#89DDFF	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f07178	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#82AAFF	—
meta.block variable.other	#89fff1	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#F78C6C	—
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	#C3E88D	—
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	#FFCB6B	—
support.type	#09e9a5	—
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	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#ffc653	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#C792EA	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	#F78C6C	—
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	#FF5370	—
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	#C17E70	—
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	#82AAFF	—
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	#f07178	—
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	#C792EA	—
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	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	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	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
meta.function.declaration entity.name.function, meta.function.declaration variable.function	#82AAFF	bold
entity.name.type.declaration, meta.type.declaration entity.name.type	#FFCB6B	bold
meta.definition.variable variable.other	#f07178	bold
keyword.control.go, keyword.interface.go, keyword.struct.go, keyword.type.go	#C792EA	italic bold
keyword.function.go, keyword.struct.go, keyword.package.go, keyword.import.go, keyword.var.go, keyword.const.go	#C792EA	bold
entity.name.function.go	#82AAFF	bold
entity.name.package.go, entity.name.import.go	#89DDFF	italic
variable.other.constant.go, variable.other.go	#12e250	—
entity.name.type.go	#FFCB6B	bold
variable.other.property.go	#B2CCD6	—
string.quoted.double.go, string.quoted.raw.go	#C3E88D	—
keyword.operator.go, keyword.operator.assignment.go, keyword.operator.arithmetic.go, keyword.operator.comparison.go	#89DDFF	bold
variable.other.error.go	#FF5370	italic
variable.parameter.receiver.go	#F78C6C	italic
entity.name.function.interface.go	#82AAFF	italic
constant.language.nil.go	#FF5370	bold
support.function.builtin.go	#82AAFF	italic
meta.section.struct.go	#f0d737	—
source.go	#0de8e8	—
variable.other.member.go, variable.other.member.declaration.go	#B2CCD6	—
variable.other.property.go, meta.type.go entity.name.type.go	#B2CCD6	—
variable.other.constant.ts, meta.definition.variable.ts, variable.other.readwrite.ts, variable.parameter.ts, variable.other.object.ts	#89DDFF	bold
variable.other.property.ts	#FFCB6B	—
variable.other.readwrite.alias.ts, meta.block.ts, meta.import.ts, source.ts, variable.other.constant.tsx, meta.definition.variable.tsx, meta.var-single-variable.expr.tsx, meta.var.expr.tsx, source.tsx	#eae704	—
keyword.control.flow.ts, meta.object-literal.key.ts	#6cf7c9	—

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