Atom One Darker Theme

Name: Atom One Darker Theme
Author: Christopher Af Bjur

Publisher: Christopher Af BjurThemes in package: 1

Inspired by Atom One Dark but with a higher contrast.

GitHub

VS Code preview

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

Atom One Darker Theme — Atom One Darker

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#21252b
editor.background#14161A
editor.foreground#9DA5B4
editor.lineHighlightBackground#99bbff0a
editor.selectionBackground#2B3039
editorCursor.foreground#528bff
editorGroupHeader.tabsBackground#21252b
editorLineNumber.foreground#636d83
sideBar.background#21252b
tab.activeBackground#14161A
tab.inactiveBackground#21252b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
storage	#D45FF6	normal
keyword	#D45FF6	normal
string.regexp keyword.operator	#D45FF6	normal
string	#95D567	normal
constant.numeric	#EC994B	normal
constant.character.entity	#EC994B	normal
constant	#EC994B	normal
string.regexp keyword.control	#EC994B	normal
entity.other.attribute-name	#EC994B	normal
support.class	#FFBC3E	normal
entity.other.inherited-class	#FFBC3E	normal
entity.name.type	#FFBC3E	normal
entity.name.function	#51B1FF	normal
support.function	#51B1FF	normal
string.regexp constant	#3BCBDD	normal
string.regexp punctuation	#3BCBDD	normal
string.regexp constant.other	#3BCBDD	normal
constant.other.symbol	#3BCBDD	normal
source	#CACED6	normal
variable.other.constant, variable.other.readwrite	#CACED6	normal
meta.brace.square	#CACED6	normal
variable.parameter, punctuation.definition.parameters	#CACED6	normal
constant.other	#CACED6	normal
punctuation.separator	#CACED6	normal
string.regexp meta.group.regexp punctuation	#CACED6	normal
meta.objectliteral	#FD4F5C	normal
variable	#FD4F5C	normal
entity.name.tag	#FD4F5C	normal
comment	#40454E	normal
source.js punctuation.definition.block, source.js punctuation.separator.comma, meta.parameters.js punctuation.separator, source.js punctuation.accessor, source.js punctuation.definition.binding-pattern, source.js meta.brace.round, source.js punctuation.terminator.statement	#CACED6	normal
meta.template.expression.js punctuation	#CACED6	normal
meta.array.literal.js variable.other.object, meta.array.literal.js variable.other.readwrite	#CACED6	normal
source.js variable.language.this	#CACED6	normal
meta.function-call.js variable.other.object.js, meta.embedded.line.js variable.other.object.js, meta.block.js variable.other.object.js, meta.object variable.other.object.js	#CACED6	normal
variable.other.object.ts	#CACED6	normal
support.variable.property.js	#FD4F5C	normal
meta.function-call.js support.class	#FD4F5C	normal
source.js variable.other.object.property	#FD4F5C	normal
support.type.object.module.js	#FD4F5C	normal
entity.name.function.js	#FD4F5C	normal
source.js string.template punctuation.definition.template-expression	#DC3728	normal
source.js keyword.operator.comparison, source.js keyword.operator.assignment, source.js keyword.operator.spread, source.js keyword.operator.logical, source.js keyword.operator.increment, source.js keyword.operator.ternary, source.js keyword.operator.relational, source.js keyword.generator	#3BCBDD	normal
source.js punctuation.definition.tag	#3BCBDD	normal
source.js punctuation.separator	#3BCBDD	normal
source.js keyword.operator	#D45FF6	normal
meta.import.js variable.other.readwrite, meta.export.default.js variable.other.readwrite.js	#FFBC3E	normal
variable.other.object.js	#FFBC3E	normal
meta.function-call.js entity.name.function.js, meta.definition.function.js entity.name.function.js	#51B1FF	normal
meta.method.declaration.js storage.type.js, meta.definition.method.js entity.name.function.js	#51B1FF	normal
meta.tag.js.jsx variable	#CACED6	normal
meta.tag.attributes.js punctuation.section.embedded, meta.jsx.children.js punctuation.section.embedded	#DC3728	normal
meta.tag.attributes.js punctuation.section.embedded, meta.jsx.children.js punctuation.section.embedded.begin.js	#DC3728	normal
meta.function-call.generic.python, support.type.python	#51B1FF	normal
meta.function.decorator.python	#51B1FF	normal
meta.fstring.python constant.character.format.placeholder	#DC3728	normal
meta.fstring.python meta.member.access.python	#FD4F5C	normal
meta.member.access.python	#FD4F5C	normal
meta.member.access.python punctuation.definition.arguments, meta.function-call.arguments.python punctuation.definition.dict	#CACED6	normal
source.python variable.language	#CACED6	normal
meta.member.access.python meta.function-call.arguments.python	#CACED6	normal
source.python variable.parameter	#EC994B	normal
constant.character	#95D567	normal
meta.attribute.id.html entity.other.attribute-name	#51B1FF	normal
meta.tag.metadata.doctype.html entity.name.tag, meta.tag.metadata.doctype.html entity.other.attribute-name	#CACED6	normal
markup.heading.markdown, punctuation.definition.list.begin.markdown	#FD4F5C	normal
markup.bold.markdown	#FFBC3E	normal
markup.italic.markdown	#D45FF6	normal
string.other.link.title.markdown, string.other.link.description.markdown	#51B1FF	normal
meta.link.inline.markdown, markup.underline.link.image.markdown	#3BCBDD	normal
markup.inline.raw.string.markdown	#95D567	normal
markup.quote.markdown	#40454E	normal
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json	#CACED6	normal
support.type.property-name.json punctuation, support.type.property-name.json	#FD4F5C	normal
meta.structure.dictionary.value.json	#95D567	normal
constant.numeric.json, constant.language.json	#EC994B	normal
meta.selector.css entity.other.attribute-name.class.css, meta.property-value.css support.constant.color.w3c-standard-color-name.css, meta.property-value.css constant.numeric.css, meta.property-value.css support.constant.font-name.css	#EC994B	normal
meta.selector.css entity.other.attribute-name.id.css	#51B1FF	normal
meta.property-value.css support.function.transform.css, meta.property-value.css support.function.url.css	#3BCBDD	normal
string.quoted.double.css, string.quoted.single.css	#3BCBDD	normal
punctuation.section.function.begin.bracket.round.css, punctuation.section.function.end.bracket.round.css, punctuation.separator.list.comma.css	#595F6B	normal
string.quoted.double.css punctuation, string.quoted.single.css punctuation	#95D567	normal
source.css support.constant.property-value	#DC3728	italic

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