New York at Night Theme

Name: New York at Night Theme
Author: GGabi40

Publisher: GGabi40Themes in package: 1

A VS Code theme inspired by the vibrant night lights of New York City. Ideal for programming in dark mode with stylish syntax highlighting.

GitHub

VS Code preview

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

New York at Night Theme — New York at Night 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.activeBorder#00d0ff
activityBar.background#000011
badge.background#000011
button.background#1a1a2e
button.foreground#f4f4f4
button.hoverBackground#00596c
dropdown.background#0a0a1f
dropdown.border#ebe350
dropdown.foreground#e3e3e3
editor.background#00000f
editor.findMatchBackground#1f1f40aa
editor.findMatchHighlightBackground#8e376b50
editor.findRangeHighlightBackground#1a1a2e9d
editor.foreground#eeffff
editor.hoverHighlightBackground#0c214d65
editor.lineHighlightBackground#0a0a1f
editor.selectionBackground#0e49798b
editor.wordHighlightBackground#61378e2d
editorBracketHighlight.foreground1#ffe600
editorBracketHighlight.foreground2#00d0ff
editorBracketHighlight.foreground3#ff00ff
editorBracketHighlight.foreground4#00ff7f
editorBracketMatch.background#2e2e4db1
editorBracketMatch.border#00ff84a3
editorGroupHeader.tabsBackground#000017
editorGroupHeader.tabsBorder#1a1a2e
editorGutter.addedBackground#00FF00
editorGutter.modifiedBackground#00d0ff
editorHoverWidget.background#0a0a1f
editorHoverWidget.foreground#eeffff
editorLineNumber.activeForeground#ffee00
editorLineNumber.foreground#4e4e54
editorSuggestWidget.background#0a0a1f
editorSuggestWidget.border#1a1a2e
editorSuggestWidget.foreground#eeffff
editorSuggestWidget.highlightForeground#00ffab
editorSuggestWidget.selectedBackground#2e2e4db1
input.background#1a1a2e
input.border#00596c
inputOption.activeBackground#363661
list.activeSelectionBackground#363661
list.activeSelectionForeground#eeffff
list.hoverBackground#1f1f40
minimap.selectionOccurrenceHighlight#1bbb7bb1
minimap.warningHighlight#ebe350
panel.border#00596c
quickInput.background#000011
quickInputList.focusBackground#1f1f40
scrollbarSlider.activeBackground#00d0ff
scrollbarSlider.background#0a0a1f
scrollbarSlider.hoverBackground#00596c
sideBar.background#00000f
sideBar.border#1a1a2e
sideBar.dropBackground#1a1a2e
sideBar.foreground#e3e3e3
sideBarSectionHeader.foreground#e3e3e3
sideBarTitle.foreground#e3e3e3
statusBar.background#000011
tab.activeBackground#1a1a2e
tab.activeBorder#00596c
tab.activeForeground#eeffff
tab.border#1a1a2e
tab.inactiveBackground#00000f
titleBar.activeBackground#0a0a1f
titleBar.activeForeground#eeffff
titleBar.inactiveBackground#1a1a2e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#3c668b	italic
variable, string constant.other.placeholder	#ffffff	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#ff62b0	italic
keyword.control, constant.other.color, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#9afaff	—
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#ededed	—
string.quoted.double.html, string.quoted.single.html	#E8EC86	—
string.quoted.double.js, string.quoted.single.js, string.quoted.double.ts, string.quoted.single.ts, string.quoted.double.html, string.quoted.single.html, string.quoted.double.python, string.quoted.single.python, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.string.begin.ts, punctuation.definition.string.end.ts, punctuation.definition.string.begin.html, punctuation.definition.string.end.html, punctuation.definition.string.begin.python	#e8ec86	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#e14bac	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#00ff7f	italic
meta.block variable.other	#ffffff	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#fb9069	—
variable.parameter.js, meta.parameters.js, meta.method.declaration.js	#fbbe69	—
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	#E8EC86	—
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	#6bf0d3	—
support.type	#a2fa73	—
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	#4ded63	italic
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#ff798f	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#5df462	italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class.css	#76d275	—
entity.other.attribute-name.id.css	#47fff0	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#FF69B4	—
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	#e8656c	—
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	—
variable.parameter.python, variable.language.python, source.python	#ffffff	—
keyword.control.import.python, keyword.control.flow.python	#ff69b4	—
support.function.builtin.python	#F788FF	—
string.quoted.docstring.multi.python, comment.block.documentation.python	#3C668B	—
string.quoted.docstring.multi.python punctuation.definition.string.begin.python, string.quoted.docstring.multi.python punctuation.definition.string.end.python	#3C668B	—
entity.name.function.c, entity.name.function.definition.c	#bc95e9	—
string.json	#DEE08C	—
punctuation.definition.string.begin.json, punctuation.definition.string.end.json	#effeb4ba	—
punctuation.definition.tag.begin.js.jsx, punctuation.definition.tag.end.js.jsx, punctuation.definition.tag.end.jsx	#ef7dc7	—
keyword.control.import.js, keyword.control.import.jsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.export.js.jsx	#FF62B0	italic
entity.name.variable.property.cs, source.cs entity.name.variable.property	#ffffff	—
storage.type.accessor.get.cs, storage.type.accessor.set.cs	#5cf7a9	italic
keyword.type.cs, keyword.type.int.cs, keyword.type.string.cs, keyword.type.float.cs, keyword.type.double.cs, keyword.type.bool.cs, keyword.type.byte.cs, keyword.type.char.cs, keyword.type.decimal.cs, keyword.type.dynamic.cs, keyword.type.long.cs, keyword.type.object.cs, keyword.type.short.cs	#ffc760	italic
entity.name.variable.local.cs, source.cs entity.name.variable.local	#fffcee	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#cbaeef	—

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