minimalist

Name: minimalist
Author: icetbr

Publisher: icetbrThemes in package: 3

Minimal changes for a minimal and distraction interface

Open in VS Code GitHub

Color themes

VS Code preview

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

minimalist — Minimalist (Purple Object Keys)

colors

Workbench UI color keys from the theme JSON colors map.

editor.foreground#4d4d4c
editor.wordHighlightBackground#0066ff2a
editorCursor.foreground#4d4d4c
list.activeSelectionBackground#C3DCFF
list.activeSelectionForeground#4d4d4c
peekView.border#0066ff2a
peekViewEditor.background#ffffff
peekViewEditor.matchHighlightBackground#ffffff
peekViewEditor.matchHighlightBorder#ffffff
peekViewResult.background#ffffff
peekViewResult.matchHighlightBackground#ffffff
peekViewResult.selectionBackground#ffffff
peekViewTitle.background#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#C0C0C0	—
string	#089C11	—
keyword, storage.type, entity.name.tag	#db4949	—
variable.language	#f5871f	—
entity, meta.tag.inline.any.html, meta.tag.block.any.html, constant.other.object.key	#3B5BB5
entity.name.function.js	#3B5BB5	bold
storage.type.class.jsdoc, entity.name.type.instance.jsdoc, punctuation.definition.bracket.curly.end.jsdoc	#C0C0C0	—
keyword.control.export.js	—	italic bold
meta.function-call.js entity.name.function.js	#3B5BB5
meta.template.expression.js entity.name.function.js	#089c11
punctuation.definition.arguments.shell, punctuation.definition.group.shell	#dfdfdf	—
entity.other.attribute-name.html, entity.other.attribute-name.id.html, meta.tag.inline.any.html, meta.tag.block.any.html, keyword.other.unit.css	#4d4d4c
constant.other.reference.link.markdown, markup.underline.link.image.markdown, markup.underline.link.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.markdown, fenced_code.block.language.markdown	#C0C0C0
string.other.link.description.markdown, string.other.link.title.markdown	#3B5BB5	—
markup.heading.markdown, entity.name.section.markdown	#365f91	bold
heading.3.markdown punctuation.definition.heading.markdown, heading.3.markdown entity.name.section.markdown, heading.3.markdown string.other.link.title.markdown	#4D4D4C	—
markup.inline.raw.string.markdown	#089C11	—
markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
meta.object-literal.key.js, string.json.comments, meta.object-literal.key.js string, support.type.property-name.json	#8250DF	—

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