nil - minimalist dark theme

Name: nil - minimalist dark theme
Author: damienstanton

Publisher: damienstantonThemes in package: 1

nil is a minimalist dark theme that uses simple color and style cues to help you focus on your code.

Open in VS Code GitHub

VS Code preview

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

nil - minimalist dark theme — nil

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.

activityBarBadge.background#007ACC
editor.background#1E1E1E
editor.foreground#e0dee4
editor.inactiveSelectionBackground#3A3D41
editor.selectionHighlightBackground#ADD6FF26
editorIndentGuide.activeBackground#707070
editorIndentGuide.background#404040
input.placeholderForeground#A6A6A6
list.dropBackground#383B3D
menu.background#252526
menu.foreground#CCCCCC
settings.numberInputBackground#292929
settings.textInputBackground#292929
sideBarTitle.foreground#BBBBBB
statusBarItem.remoteBackground#16825D
statusBarItem.remoteForeground#FFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#d47e6c	—
variable, string constant.other.placeholder	#e0dee4	—
constant.other.color	#e0dee4	—
invalid, invalid.illegal	#fab565	—
storage.type, storage.modifier	#e0dee4	italic
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	#e0dee4	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#e0dee4	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#ffffff	—
meta.block variable.other	#e0dee4	—
support.other.variable, string.other.link	#e0dee4	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#a4f3f5	—
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	#e0dee4	—
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#e0dee4	—
support.type	#e0dee4	—
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	#e0dee4	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#e0dee4	—
variable.language	#e0dee4	italic
entity.name.method.js	#e0dee4	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#e0dee4	—
entity.other.attribute-name	#e0dee4	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#e0dee4	italic
entity.other.attribute-name.class	#e0dee4	—
source.sass keyword.control	#e0dee4	—
markup.inserted	#e0dee4	—
markup.deleted	#e0dee4	—
markup.changed	#e0dee4	—
string.regexp	#e0dee4	—
constant.character.escape	#e0dee4	—
url, link, uri	—	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#e0dee4	italic
source.js constant.other.object.key.js string.unquoted.label.js	#e0dee4	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#e0dee4	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#e0dee4	—
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	#e0dee4	—
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	#e0dee4	—
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	#e0dee4	—
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	#e0dee4	—
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	#e0dee4	—
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	#e0dee4	—
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	#e0dee4	—
text.html.markdown, punctuation.definition.list_item.markdown	#e0dee4	—
text.html.markdown markup.inline.raw.markdown	#e0dee4	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#e0dee4	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#e0dee4	—
markup.italic	#e0dee4	italic
markup.bold, markup.bold string	#e0dee4	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	#e0dee4	bold
markup.underline	#e0dee4	underline
markup.quote punctuation.definition.blockquote.markdown	#e0dee4	—
markup.quote	—	italic
string.other.link.title.markdown	#e0dee4	—
string.other.link.description.title.markdown	#e0dee4	—
constant.other.reference.link.markdown	#e0dee4	—
markup.raw.block	#e0dee4	—
markup.raw.block.fenced.markdown	#e0dee4	—
punctuation.definition.fenced.markdown	#e0dee4	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#e0dee4	—
variable.language.fenced.markdown	#e0dee4	—
meta.separator	#e0dee4	bold
markup.table	#e0dee4	—

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