AlterNight

Name: AlterNight
Author: Mauro Paternina

Publisher: Mauro PaterninaThemes in package: 2

A Visual Studio Code theme for those who code at night

GitHub

Color themes

VS Code preview

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

AlterNight — AlterNight

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#bcadd3
activityBar.background#1f172b
activityBar.foreground#bcadd3
activityBar.inactiveForeground#9077b680
activityBarBadge.background#e29fa4
activityBarBadge.foreground#1f172b
editor.background#1f172b
editor.foldBackground#291b3d
editor.foreground#caaeeb
editor.hoverHighlightBackground#695d5e
editor.lineHighlightBackground#caaeeb12
editor.selectionBackground#5C7FE280
editorCursor.foreground#ff0
editorGroupHeader.tabsBackground#1f172b
editorGutter.addedBackground#9fff20
editorGutter.foldingControlForeground#ff0
editorHoverWidget.background#312a3c
editorHoverWidget.border#c6abde
editorHoverWidget.foreground#c6abde
editorIndentGuide.activeBackground#797480
editorIndentGuide.background#312a3c
editorLineNumber.foreground#9077b688
menu.background#1f172b
menu.border#c6abde
menu.foreground#c6abde
menu.selectionBackground#fefefe40
menu.separatorBackground#fefefe32
sash.hoverBorder#f78c6c
scrollbar.shadow#caaeeb24
sideBar.background#1f172b
sideBar.foreground#9077b6
sideBarSectionHeader.background#312a3c
sideBarSectionHeader.foreground#9b8eb0
sideBarTitle.foreground#bcadd3
statusBar.background#1f172b
statusBar.debuggingBackground#e29fa4
statusBar.debuggingForeground#1f172b
statusBar.foreground#9077b6
statusBarItem.hoverBackground#312642
tab.activeBorderTop#f78c6c
tab.activeForeground#f78c6c
tab.hoverBackground#251a36
tab.hoverForeground#f78c6c
tab.inactiveBackground#1b1b31
tab.inactiveForeground#7F7fb8
terminal.ansiBlack#292929
terminal.ansiBlue#5C7FE2
terminal.ansiBrightBlack#080808
terminal.ansiBrightBlue#718edf
terminal.ansiBrightCyan#70d1d1
terminal.ansiBrightGreen#71bd97
terminal.ansiBrightMagenta#d581dd
terminal.ansiBrightRed#f08a8a
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#fdda9a
terminal.ansiCyan#40CFCF
terminal.ansiGreen#4CA779
terminal.ansiMagenta#c869d1
terminal.ansiRed#f07c7c
terminal.ansiWhite#FAFAFA
terminal.ansiYellow#FFCB6B
terminal.background#1f172b
terminal.foreground#bba8d1
terminal.selectionBackground#5C7FE280
terminalCursor.foreground#ff0
titleBar.activeBackground#1f172b
titleBar.activeForeground#9077b6
titleBar.inactiveBackground#1f172b80
titleBar.inactiveForeground#9077b680
window.activeBorder#9292e424

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, comment.line, comment.block, comment.block.documentation, punctuation.definition.comment	#524168	—
punctuation.definition.string.template.begin, punctuation.definition.string.template.begin.js, punctuation.definition.string.template.begin.jsx, punctuation.definition.string.template.begin.ts, punctuation.definition.string.template.begin.tsx, punctuation.definition.string.template.end, punctuation.definition.string.template.end.js, punctuation.definition.string.template.end.jsx, punctuation.definition.string.template.end.ts, punctuation.definition.string.template.end.tsx	#4CA779	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.jsx, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.begin.tsx, punctuation.definition.template-expression.end, punctuation.definition.template-expression.end.js, punctuation.definition.template-expression.end.jsx, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.tsx	#caaeeb	—
variable.other.readwrite, variable.other.constant.js	#DF84A2	—
constant.character.entity, constant.character.entity.js, constant.character.entity.jsx, constant.character.entity.ts, constant.character.entity.tsx	#43c2e2	—
punctuation.definition.entity, punctuation.definition.entity.js, punctuation.definition.entity.jsx, punctuation.definition.entity.ts, punctuation.definition.entity.tsx	#3896ad	—
entity.name.tag.directive, entity.name.tag.directive.js, entity.name.tag.directive.jsx, entity.name.tag.directive.ts, entity.name.tag.directive.tsx	#f0bb6b	—
punctuation.definition.tag.directive, punctuation.definition.tag.directive.js, punctuation.definition.tag.directive.jsx, punctuation.definition.tag.directive.ts, punctuation.definition.tag.directive.tsx	#A477BE	—
constant.other.color	#fafafa	—
invalid, invalid.illegal	#ff5370	—
keyword, storage.type, storage.modifier	#a477be	italic
storage.modifier.async	#664a86	—
keyword.operator.assignment, keyword.operator.type.annotation	#caaeeb
entity.name.tag.html	#d4785d	—
punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html	#ac66c9	—
keyword.control, constant.other.color, punctuation, meta.brace.square, meta.tag, punctuation.definition.tag, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.operator	#caaeeb
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#A477BE	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#e7d5a4	—
meta.block variable.other	#df84a2	—
support.other.variable, string.other.link	#e0a1a4	bold
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other	#75dfbc
constant.numeric	#f1b718	—
support.constant.property-value.css, constant.numeric.css, constant.other.color.rgb-value.hex.css, constant.language.color.rgb-value.css.sass	#a07fc7
keyword.other.unit.percentage.css, keyword.other.unit.px.css, keyword.other.unit.rem.css, keyword.other.unit.em.css, keyword.other.unit.ms.css, keyword.other.unit.s.css, keyword.other.unit.deg.css, keyword.other.unit.fr.css, punctuation.definition.constant.css, keyword.control.unit.css.sass	#664a86	—
invalid.deprecated.color.system.css	#a07fc7	—
entity.other.inherited-class.placeholder-selector.css.sass	#F0BB6B	—
variable.other.value	#DF84A2	—
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, meta.group.braces.curly constant.other.object.key.jsx string.unquoted.label.jsx, meta.group.braces.curly constant.other.object.key.ts string.unquoted.label.ts, meta.group.braces.curly constant.other.object.key.tsx string.unquoted.label.tsx	#4CA779	—
meta.embedded.line	#CAAEEB	—
entity.name, support.class, markup.changed.git_gutter, support.type.sys-types	#f0bb6b	—
support.type	#b2ccd6	—
keyword.control.at-rule.css, keyword.control.at-rule.sass, keyword.control.at-rule.scss, keyword.control.at-rule.use	#40CFCF	italic
support.function.name.sass.library, support.function.name.scss.library	#E7D5A4	italic
variable.css	#c7c7df	—
constant.character.css, constant.character.css.sass, constant.character.css.scss	#4CA779	—
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	#f78c6c	—
support.type.vendored.property-name.css, support.type.vendored.property-name.sass, support.type.vendored.property-name.scss, support.type.vendored.property-name.less	#f0bb6b	—
entity.name.module, entity.name.module.js, entity.name.module.jsx, entity.name.module.ts, entity.name.module.tsx, variable.import.parameter, variable.import.parameter.js, variable.import.parameter.jsx, variable.import.parameter.ts, variable.import.parameter.tsx, variable.other.class, variable.other.class.js, variable.other.class.jsx, variable.other.class.ts, variable.other.class.tsx	#ff5370	—
variable.language	#ff6781	italic
keyword.control.trycatch.js, keyword.control.trycatch.jsx, keyword.control.trycatch.ts, keyword.control.trycatch.tsx	#5fe09f	italic
entity.name.method.js, entity.name.method.jsx, entity.name.method.ts, entity.name.method.tsx	#82aaff	—
variable.parameter	#8ecbd6	—
meta.class-method.js entity.name.function.js, meta.class-method.jsx entity.name.function.jsx, meta.class-method.ts entity.name.function.ts, meta.class-method.tsx entity.name.function.tsx, variable.function.constructor	#82aaff	—
constant.language	#40cfcf	—
constant.language.null, constant.language.null.js, constant.language.null.jsx, constant.language.null.ts, constant.language.null.tsx, constant.language.undefined, constant.language.undefined.js, constant.language.undefined.jsx, constant.language.undefined.ts, constant.language.undefined.tsx	#40CFCF	italic
meta.object-literal.key.js, meta.object-literal.key.jsx, meta.object-literal.key.ts, meta.object-literal.key.tsx, meta.object.member.js, meta.object.member.jsx, meta.object.member.ts, meta.object.member.tsx, meta.objectliteral.js, meta.objectliteral.jsx, meta.objectliteral.ts, meta.objectliteral.tsx	#e8f3f3	—
entity.name.tag.js, entity.name.tag.jsx, entity.name.tag.ts, entity.name.tag.tsx	#d4785d	—
variable.other.property.js, variable.other.property.jsx, variable.other.property.ts, variable.other.property.tsx	#5c7fe2	—
variable.other.readwrite.alias.js, variable.other.readwrite.alias.jsx, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx	#f78c6c	—
constant.language.boolean.false, constant.language.boolean.false.js, constant.language.boolean.false.jsx, constant.language.boolean.false.ts, constant.language.boolean.false.tsx, constant.language.boolean.true, constant.language.boolean.true.js, constant.language.boolean.true.jsx, constant.language.boolean.true.ts, constant.language.boolean.true.tsx	#40cfcf	italic
keyword.control.conditional, keyword.control.conditional.js, keyword.control.conditional.jsx, keyword.control.conditional.ts, keyword.control.conditional.tsx, keyword.control.switch, keyword.control.switch.js, keyword.control.switch.jsx, keyword.control.switch.ts, keyword.control.switch.tsx	#5fe09f	italic
keyword.control.flow, keyword.control.flow.js, keyword.control.flow.jsx, keyword.control.flow.ts, keyword.control.flow.tsx, keyword.control.loop, keyword.control.loop.js, keyword.control.loop.jsx, keyword.control.loop.ts, keyword.control.loop.tsx, keyword.operator.new	#e27171	italic
support.type, support.type.primitive, support.type.primitive.js, support.type.primitive.jsx, support.type.primitive.ts, support.type.primitive.tsx, support.type.builtin, support.type.builtin.js, support.type.builtin.jsx, support.type.builtin.ts, support.type.builtin.tsx	#dae63d	italic
keyword.control.export, keyword.control.export.js, keyword.control.export.jsx, keyword.control.export.ts, keyword.control.export.tsx, keyword.control.default, keyword.control.default.js, keyword.control.default.jsx, keyword.control.default.ts, keyword.control.default.tsx	#e4baba	italic
entity.name.tag.js, entity.name.tag.jsx, entity.name.tag.ts, entity.name.tag.tsx	#d4785d	—
meta.tag.js, meta.tag.jsx, meta.tag.ts, meta.tag.tsx	#d5d5d5	—
punctuation.definition.tag.begin.js, punctuation.definition.tag.begin.jsx, punctuation.definition.tag.begin.ts, punctuation.definition.tag.begin.tsx, punctuation.definition.tag.end.js, punctuation.definition.tag.end.jsx, punctuation.definition.tag.end.ts, punctuation.definition.tag.end.tsx	#ac66c9	—
keyword.control.import.js, keyword.control.import.jsx, keyword.control.import.ts, keyword.control.import.tsx, keyword.control.from.js, keyword.control.from.jsx, keyword.control.from.ts, keyword.control.from.tsx, keyword.control.default.js, keyword.control.default.jsx, keyword.control.default.ts, keyword.control.default.tsx	#e4baba	italic
entity.other.attribute-name	#e4baba	italic
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#ffcb6b	italic
entity.name.tag.css	#e0a1a4	bold
entity.other.attribute-name.class	#a477be	—
entity.other.attribute-name.pseudo-class.css	#e0a1a4	—
entity.other.attribute-selector.css, entity.other.attribute-selector.scss, entity.other.attribute-selector.sass	#41c09a	—
source.sass keyword.control	#82aaff	—
keyword.control.at-rule.media.scss, meta.at-rule.media.scss	—	italic
sass.script.maps, scss.script.maps	#DF84A2	—
support.function.interpolation.sass, support.function.interpolation.scss	#7c97bb	—
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.jsx entity.name.tag.jsx, tag.decorator.ts entity.name.tag.ts, tag.decorator.tsx entity.name.tag.tsx, tag.decorator.js punctuation.definition.tag.js, tag.decorator.jsx punctuation.definition.tag.jsx, tag.decorator.ts punctuation.definition.tag.ts, tag.decorator.tsx punctuation.definition.tag.tsx	#82aaff	italic
source.js constant.other.object.key.js string.unquoted.label.js, source.jsx constant.other.object.key.jsx string.unquoted.label.jsx, source.ts constant.other.object.key.ts string.unquoted.label.ts, source.tsx constant.other.object.key.tsx string.unquoted.label.tsx	#ff5370	italic
keyword.operator.optional, keyword.operator.optional.js, keyword.operator.optional.jsx, keyword.operator.optional.ts, keyword.operator.optional.tsx, punctuation.accessor.optional, punctuation.accessor.optional.js, punctuation.accessor.optional.jsx, punctuation.accessor.optional.ts, punctuation.accessor.optional.tsx, keyword.operator.ternary	#e78797
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	#6a7cdc	—
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	#ac66c9	—
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	#43c2e2	—
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	#e0a1a4	—
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	#df84a2	—
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	#f0bb6b	—
constant.numeric.json	#d4785d	—
constant.language.json	#40cfcf	italic
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json	#ffcb6b	—
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.definition.string.begin.json, punctuation.definition.string.end.json	#d5d5d5	—
text.html.markdown, punctuation.definition.list_item.markdown	#caaeeb	—
text.html.markdown markup.inline.raw.string.markdown	#4CA779	—
text.html.markdown punctuation.definition.raw.markdown	#4CA779	—
punctuation.definition.heading.markdown	#f78c6c96	—
entity.name.section.markdown	#f78c6c	—
markup.italic.markdown	#7a8491	italic
markup.bold.markdown	#7a8491	bold
markup.bold.markdown markup.italic.markdown, markup.italic.markdown markup.bold.markdown, markup.quote.markdown markup.bold.markdown	#7a8491	italic bold
markup.underline.markdown	#7a8491	underline
markup.quote punctuation.definition.blockquote.markdown	#6a7cdc	italic
markup.quote.markdown	#6a7cdc	italic
punctuation.definition.quote.begin.markdown	#6a7cdc96	italic
punctuation.definition.list.begin.markdown	#caaeeb80	—
markup.list.unnumbered.markdown, markup.list.numbered.markdown	#caaeeb	—
string.other.link.title.markdown, string.other.link.description.markdown	#c2a0fd	—
markup.underline.link.markdown, markup.underline.link.image.markdown	#e0a1a4	—
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#f0bb6b	—
string.other.link.description.title.markdown	#c792ea	—
constant.other.reference.link.markdown	#ac66c9	—
markup.raw.block	#e27171	—
markup.fenced_code.block.markdown	#7a8491	—
punctuation.definition.markdown	#4CA779	—
fenced_code.block.language.markdown	#6a7cdc	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#eeffff	—
meta.separator	#7a8491	bold
constant.character.escape.markdown	#43c2e2	—
string.unquoted.plain.out.yaml	#b37895	—
entity.name.tag.localname.xml, meta.tag.xml	#a56e55	—
punctuation.definition.tag.xml	#ac66c9	—
keyword.operation.graphql	#a477be	—
entity.name.function.graphql	#e27171	italic
variable.graphql	#fa72c1	—
variable.parameter.graphql	#40cfcf	—
constant.numeric.float.graphql	#d4785d	—
meta.selectionset.graphql	#f78c6c	—
support.type.builtin.graphql	#e4baba	italic
meta.brace.round.directive.graphql	#ac66c9	—
punctuation.operation.graphql	#ffcb6b	—
keyword.operator.spread.graphql	#ffcb6b	—
entity.name.tag.pug, meta.tag.sgml.doctype.html	#D4785D	—
support.type.primitive.prisma	#F78C6C	—

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