Cat Dark

Name: Cat Dark
Author: cqb13

Publisher: cqb13Themes in package: 1

Cool theme based on the default pycharm theme.

GitHub

VS Code preview

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

colors

Workbench UI color keys from the theme JSON colors map.

activityBarBadge.background#496bbe
editor.background#1e1e1e
editor.foreground#A9B7C6
editor.inactiveSelectionBackground#3a3d41
editor.selectionHighlightBackground#add6ff26
editorIndentGuide.activeBackground#707070

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis, markup.italic	—	italic
strong	—	bold
constant.regexp	#646695	—
entity.name.tag, entity.name.type, text.xml keyword.other, text.html.django meta.tag, punctuation.definition.tag, support.function.powershell, entity.name.function.powershell, text.xml entity.name.tag.localname, text.html meta.tag entity.name.tag, text.xml punctuation.definition.tag, text.html entity.name.tag.block.any, meta.function meta.function-call.js, text.html entity.name.tag.inline.any, keyword.other.special-method.batchfile, text.html punctuation.definition.tag.end, text.html punctuation.definition.tag.begin, meta.function.expression.js entity.name.function.js, meta.function meta.definition.function.js entity.name.function.js, text.html meta.attribute.style.html meta.embedded.line.css source.css, text.html meta.tag.metadata.style.end punctuation.definition.tag.begin source, text.html meta.tag.metadata.script.end punctuation.definition.tag.begin source

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

VS Code preview

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

Cat Dark — Cat Dark

colors

Workbench UI color keys from the theme JSON colors map.

activityBarBadge.background#496bbe
editor.background#1e1e1e
editor.foreground#A9B7C6
editor.inactiveSelectionBackground#3a3d41
editor.selectionHighlightBackground#add6ff26
editorIndentGuide.activeBackground#707070

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis, markup.italic	—	italic
strong	—	bold
constant.regexp	#646695	—
entity.name.tag, entity.name.type, text.xml keyword.other, text.html.django meta.tag, punctuation.definition.tag, support.function.powershell, entity.name.function.powershell, text.xml entity.name.tag.localname, text.html meta.tag entity.name.tag, text.xml punctuation.definition.tag, text.html entity.name.tag.block.any, meta.function meta.function-call.js, text.html entity.name.tag.inline.any, keyword.other.special-method.batchfile, text.html punctuation.definition.tag.end, text.html punctuation.definition.tag.begin, meta.function.expression.js entity.name.function.js, meta.function meta.definition.function.js entity.name.function.js, text.html meta.attribute.style.html meta.embedded.line.css source.css, text.html meta.tag.metadata.style.end punctuation.definition.tag.begin source, text.html meta.tag.metadata.script.end punctuation.definition.tag.begin source

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

keyword, storage.type, keyword.shell, storage.type.ts, constant.keyword, meta.diff.header, keyword.key.toml, storage.modifier, constant.language, meta.preprocessor, entity.other.toml, variable.language, keyword.control.ts, storage.modifier.ts, entity.tag.tagbraces, storage.type.function, meta.var storage.type, keyword.other.DML.sql, constant.language.json, storage.type.powershell, entity.name.section.ini, keyword.operator.new.ts, keyword.command.batchfile, keyword.control.powershell, keyword.operator.at.batchfile, support.function.builtin.shell, punctuation.separator.comma.ts, keyword.operator.expression.ts, keyword.control.repeat.batchfile, entity.name.tag.restructuredtext, constant.character.escape.js.json, support.directive.restructuredtext, keyword.operator.logical.batchfile, keyword.control.statement.batchfile, string.unquoted entity.name.tag.yaml, string.quoted.single.basic.line.toml, keyword.operator.arithmetic.batchfile, keyword.operator.assignment.batchfile, markup.other.command.restructuredtext, keyword.operator.comparison.batchfile, support.variable.automatic.powershell, keyword.control.conditional.batchfile, keyword.operator.redirection.batchfile, keyword.other.special-method.batchfile, string.quoted punctuation.definition.shell, punctuation.section.embedded.end.metatag.php, punctuation.section.embedded.begin.metatag.php, text.html.markdown punctuation.definition.bold, text.html.markdown punctuation.definition.italic, text.html.jinja entity.other.jinja.delimiter.tag, punctuation.separator.key-value.restructuredtext, string.interpolated punctuation.definition.shell, text.html.django entity.other.django.delimiter.tag, entity.name.function.section.add entity.section.reg, text.html.jinja entity.other.jinja.delimiter.variable, text.html.django entity.other.django.delimiter.variable, text.html.markdown meta.link.reference constant.other.reference, entity.name.function.section.add punctuation.definition.section.reg, meta.link.footnote.def.restructuredtext constant.other.footnote.link.restructuredtext

#CC7832

—

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

Cat Dark | Coding Theme