November Day

Name: November Day
Author: Juava

Publisher: JuavaThemes in package: 1

Dark Theme

GitHub

VS Code preview

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

November Day — November Day Dark Theme

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#25466e
activityBarBadge.background#007acc
editor.background#000000
editor.findMatchBackground#7fd962
editor.findMatchForeground#ffffff
editor.findMatchHighlightBackground#fd951fd8
editor.findMatchHighlightForeground#000000ce
editor.foreground#ffffff
editor.lineHighlightBackground#26292c
editor.selectionBackground#39679e
editor.selectionHighlightBackground#25466e7a
editorCursor.foreground#ffffff
editorGroupHeader.tabsBackground#222529
editorWhitespace.foreground#404040
minimap.background#0b0e14
minimap.errorHighlight#d95757
minimap.findMatchHighlight#6c59807e
minimap.selectionHighlight#409fff4d
minimapGutter.addedBackground#7fd962
minimapGutter.deletedBackground#f26d78
minimapGutter.modifiedBackground#73b8ff
minimapSlider.activeBackground#ffffff3c
minimapSlider.background#ffffff2d
minimapSlider.hoverBackground#ffffff3c
sideBar.background#0b0e14
sideBarTitle.foreground#bbbbbb
statusBar.background#1076cf
statusBar.debuggingBackground#263238
statusBar.noFolderBackground#212121
tab.inactiveBackground#363940
tab.unfocusedInactiveBackground#363940
titleBar.activeBackground#23252a
titleBar.inactiveBackground#23252a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.type, entity.other.inherited-class, url, link, uri	—	underline
constant.other.table-name.sql, constant.other, html string.quoted.double.html, invalid.illegal, invalid, punctuation.definition.entity.ini, source.ini, source.json, source.shell, source, text, variable.other.readwrite.assignment.shell	#ffffff
entity.other.document.begin.yaml, punctuation.definition.block.sequence.item.yaml	#ffffff	bold
punctuation.definition.prolog.haml	#3c2f2b	italic
comment.block, comment, punctuation.definition.comment	#4f4f64	italic
entity.name.tag.class.haml	#808080
entity.other.attribute-name, meta.tag.xml, punctuation.definition.tag.xml	#a1a1a1
punctuation.separator.key-value.ini, punctuation.separator.key-value.html, invalid.rainbow10	#9ba4b2
constant.other.database-name.sql	#c3c3c3	bold
source.python, string.unquoted.plain.out.yaml, string.unquoted.argument.shell, rainbow1	#efefef
string, string.quoted.single.yaml, string.quoted.double.yaml, string.quoted.single.shell, string.quoted.double.shell	#8aa6c1
punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell	#8aa6c1	bold
support.function.external.shell	#0684f4	bold
entity.name.type.rainbow8	#1076cf
support.function.builtin.shell	#50aaff	bold
variable, string constant.other.placeholder, storage.type, storage.modifier, variable.other.readwrite.shell, entity.name.tag.yaml, entity.name.tag.localname.xml, support.type	#0099cc
variable.language.special.self.python	#0099cc	bold
variable.parameter	#0099cc	italic
meta.function-call.generic.python	#0099cc	italic bold
meta.tag entity, meta.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag.block.any.html	#6089b4
storage.type.function	#08c8e4	italic
support.variable	#08c8e4	italic bold
punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.variable, punctuation.definition.string.begin.perl, punctuation.definition.string.end.perl, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.begin.php, punctuation.definition.string.end.php, punctuation.definition.string.begin.shell, punctuation.definition.string.end.shell	#66caff	bold
punctuation.definition.decorator.python	#66caff	italic bold
punctuation.section.expansion.parameter.begin.shell, punctuation.section.expansion.parameter.end.shell, entity.name.section.markdown, punctuation.definition.heading.markdown, punctuation.definition.variable.shell	#4ec5ff	bold
entity.name.section.group-title.ini, variable.other.assignment.shell, variable.parameter.positional.shell, keyword.rainbow2	#59c2ff
variable.other.normal.shell	#59c2ff	bold
support.type, support.class, variable.function.shell, entity.other.attribute-name.localname.xml, entity.other.attribute-name.namespace.xml, variable.parameter.rainbow6	#66deff
source.sql.embedded.php, keyword.other.order.sql	#00feef
variable.other.true.shell	#aaffff
invalid.deprecated.entity.other.attribute-name.html, markup.bold.rainbow9	#ff0000
keyword, keyword.control, keyword.control.flow.python, support.function.privilege.shell	#ff0000	bold
entity.name.tag.id.haml	#ff3f52
punctuation.separator.pipe-sign.shell, punctuation.definition.case-pattern.shell, punctuation.terminator.case-clause.shell, keyword.operator.logical.pipe.shell	#f92672	bold
string.regexp, comment.rainbow4	#43e600
keyword.operator.filetest.perl, keyword.other.DML.sql	#43e600	bold
punctuation.definition.parameter.shell	#a6e22e
constant, storage, support.constant, constant.other.option, meta.tag.sgml.html	#a6e22e	bold
entity.name.function	#a6e22e	italic bold
constant.numeric.rainbow7	#7fd962
keyword.other.definition.ini, entity.name.command.shell, entity.other.attribute-name.html, entity.name.function.rainbow3	#f98909
constant.character.format.placeholder.other.python	#f98909	bold
support.function.echo.shell	#fd971f	bold
meta.tag.structure.any.html, meta.tag.inline.any.html, meta.tag.block.any.html, meta.attribute-with-value, string.rainbow5	#ffcc00
variable.function.php, support.function.read.shell	#ffcc00	bold
meta.attribute.python	#ffcc00	italic
support.function	#ffcc00	italic bold
entity.other.attribute-name.class, entity.other.attribute-name.class.html	#d0b344
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#d0b344	bold
meta.attribute-with-value.id.html, string.quoted.double.xml, string.quoted.single.xml	#ffc58e
variable.other.positional.shell, variable.other.bracket.shell, variable.other.special.shell, variable.other.loop.shell, variable.other.c-style.shell, variable.other.positional.shell, meta.reset.color variable.other.bracket.shell, meta.reset.color variable.other.bracket.shell variable.other.bracket.shell, meta.reset.color variable.other.bracket.shell variable.other.bracket.shell variable.other.bracket.shell	#ae81ff	bold
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82aaff	italic
storage.type.sub	#9f9df6
variable.other.false.shell	#ffaaff

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