Dieter Bamz theme from Brackets

Name: Dieter Bamz theme from Brackets
Author: Florencea

Publisher: FlorenceaThemes in package: 1

Inspired by Dieter Rams's Snow White's Coffin. Migrated form Brackets theme. For html, css, js, python.

Open in VS Code

VS Code preview

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

Dieter Bamz theme from Brackets — Dieter Bamz theme from Brackets

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#fafafa
editor.findMatchBackground#f8c360
editor.findMatchHighlightBackground#f4ed9c
editor.foreground#4d4d4d
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#edf4f7
editor.lineHighlightBorder#edf4f700
editor.selectionBackground#ffddc4
editor.selectionHighlightBackground#edf4f7
editor.wordHighlightBackground#ffddc4
editor.wordHighlightStrongBackground#ffddc4
editorBracketMatch.background#ffddc4
editorBracketMatch.border#ff450000
editorCodeLens.foreground#4d4d4d
editorCursor.foreground#4d4d4d
editorHoverWidget.background#fafafa
editorHoverWidget.border#aeb3be
editorIndentGuide.background#9699a0
editorLineNumber.foreground#aeb3be
editorSuggestWidget.background#fafafa
editorSuggestWidget.border#4d4d4d
editorSuggestWidget.highlightForeground#000000
editorSuggestWidget.selectedBackground#edf4f7
list.dropBackground#383b3d
panel.background#252526
sideBarTitle.foreground#bbbbbb
statusBar.background#333333
statusBar.noFolderBackground#333333
tab.activeBackground#3c3c3c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#4d4d4dff	—
meta.embedded, source.groovy.embedded	#D4D4D4	—
emphasis	—	italic
strong	—	bold
header	#000080	—
comment	#608b4e	—
constant.language	#569cd6	—
constant.numeric	#b5cea8	—
constant.regexp	#646695	—
entity.name.tag	#569cd6	—
entity.name.tag.css	#d7ba7d	—
entity.other.attribute-name	#9cdcfe	—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss	#d7ba7d	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	#569cd6	bold
markup.heading	#569cd6	bold
markup.italic	—	italic
markup.inserted	#b5cea8	—
markup.deleted	#ce9178	—
markup.changed	#569cd6	—
beginning.punctuation.definition.quote.markdown	#608b4e	—
beginning.punctuation.definition.list.markdown	#6796e6	—
markup.inline.raw	#ce9178	—
meta.selector	#d7ba7d	—
punctuation.definition.tag	#808080	—
meta.preprocessor	#569cd6	—
meta.preprocessor.string	#ce9178	—
meta.preprocessor.numeric	#b5cea8	—
meta.structure.dictionary.key.python	#9cdcfe	—
meta.diff.header	#569cd6	—
storage	#569cd6	—
storage.type	#569cd6	—
storage.modifier	#569cd6	—
string	#ce9178	—
string.tag	#ce9178	—
string.value	#ce9178	—
string.regexp	#d16969	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#569cd6	—
meta.template.expression	#d4d4d4	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded	#9cdcfe	—
keyword	#569cd6	—
keyword.control	#569cd6	—
keyword.operator	#d4d4d4	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python	#569cd6	—
keyword.other.unit	#b5cea8	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#569cd6	—
support.function.git-rebase	#9cdcfe	—
constant.sha.git-rebase	#b5cea8	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#d4d4d4	—
variable.language	#569cd6	—
entity.name.function, support.function, support.constant.handlebars	#DCDCAA	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#4EC9B0	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#4EC9B0	—
keyword.control	#C586C0	—
variable, meta.definition.variable.name, support.variable	#9CDCFE	—
meta.object-literal.key	#9CDCFE	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#CE9178	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp	#CE9178	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp	#d16969	—
keyword.operator.or.regexp, keyword.control.anchor.regexp	#DCDCAA	—
keyword.operator.quantifier.regexp	#d7ba7d	—
constant.character	#569cd6	—
constant.character.escape	#d7ba7d	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—
punctuation,text.html.basic,support.type.property-name.css,meta.brace.square.js,meta.brace.round.js,support.function,support.variable,keyword.operator,meta.object-literal.key	#4d4d4d	—
storage.type,entity.name.function,keyword.control,markup.heading	#000	—
entity.name.tag,punctuation.definition.tag,punctuation.definition.entity.css,entity.other.attribute-name.id.css,entity.other.attribute-name.class.css,entity.name.tag.css,support.function.builtin.python,support.type.python	#a3401f	—
entity.other.attribute-name,constant.other.color.rgb-value,punctuation.definition.constant.css,support.function.gradient.css,constant.numeric.css,keyword.other.unit,support.function.misc.css,keyword.other.unit.percentage.css,support.constant.property-value.css,constant.language,constant.numeric,entity.name.type	#ff8000	—
support.class,support.type.vendored.property-name.css,variable,support.type,support.constant.math,support.constant.json,source.python,punctuation.separator.period.python,support.type.exception.python	#ff4500	—
string,punctuation.definition.string.begin.js,punctuation.definition.string.end.js,support.type.property-name,punctuation.support.type.property-name.begin,punctuation.support.type.property-name.end,punctuation.definition.string.begin,punctuation.definition.string.end	#0074b1	—
comment,punctuation.definition.comment.html,punctuation.definition.comment.begin.css,punctuation.definition.comment.end.css,punctuation.definition.comment.python,markup.inline.raw,punctuation.definition.raw.markdown	#9699a0	—
invalid	#ff0076	—

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