badjoras theme

Name: badjoras theme
Author: afnpires

Publisher: afnpiresThemes in package: 1

Yet another theme

Open in VS Code GitHub

VS Code preview

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

badjoras theme — Badjoras

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#1d1f21
editor.background#1d1f21
editor.foreground#c5c8c6
editor.lineHighlightBackground#2c323c
editor.selectionBackground#373b41
editorCursor.foreground#ffffff
editorLineNumber.foreground#ffffff
editorWhitespace.foreground#4b525b
sideBar.background#1d1f21
statusBar.background#1d1f21
titleBar.activeForeground#1d1f21

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#c5c8c6ff	—
comment, punctuation.definition.comment, token.meta.structure.dictionary.punctuation.comment, token.meta.structure.dictionary.comment	#90EE90	italic
token.detected-link.comment	#87CEFA	—
meta.keyword.operator, meta.keyword.operator.logical, meta.keyword.operator.ternary	#DE935F	—
keyword, meta.this, constant.boolean, token.meta.primitive, keyword.control, token.package.keyword, storage, token.storage, token.keyword.new, meta.null, meta.undefined, meta.keyword.delete	#4271AE	—
variable	#C5C8C6	—
token.package	#C5C8C6	—
entity.name.function, meta.require, support.function.any-method, keyword.other.special-method	#B294BB	—
entity.name.type.namespace, entity.name.type.class, entity.name.class.identifier.namespace.type, meta.support.builtin	#CC6666	—
entity.other.inherited-class	#CC6666	italic
entity.name.type	#20B2AA	—
support.function	#B294BB	—
support.type.property-name	#C5C8C6	—
support.constant.property-value	#C5C8C6	—
support.constant.font-name	#DE935F	—
meta.tag	#C5C8C6	—
string	#00B058	—
constant.other.symbol	#DE935F	—
constant.numeric	#F0C674	—
constant	#FFFFFF	—
punctuation.definition.constant	#FFFFFF	—
entity.other.attribute-name	#DE935F	—
punctuation.definition.entity	#DE935F	—
meta.selector	#DE935F	—
function.parameter, token.variable.method.parameters.parameter, token.variable.class.parameter.arrow	#C5C8C6	—
function.brace	#C5C8C6	—
markup.italic.markdown	#DE935F	italic
markup.bold.markdown	#DE935F	bold
fenced_code.block.language	#DE935F	—
meta.separator.markdown, markup.inline.raw.markdown, markup.fenced_code.block.markdown	#CC6666	—
markup.heading.${1/(#)(#)?(#)?(#)?(#)?(#)?/${6:?6:${5:?5:${4:?4:${3:?3:${2:?2:1}}}}}/}.markdown, beginning.punctuation.definition.list.markdown	#4271AE	—
meta.paragraph.markdown	#C5C8C6	—
markup.quote.markdown, markup.quote.markdown meta.paragraph.markdown, punctuation.definition.metadata.markdown	#FFFFFF	—
meta.link.inline.markdown	#87CEFA	—
string.other.link.title.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#00B058	—
section.embedded.begin.cshtml keyword.control.cshtml, section.embedded.source.cshtml punctuation.section.embedded.begin.cshtml keyword.control.cshtml	#F0C674	—
section.embedded.source.cshtml entity.name.tag.script.html, section.embedded.source.cshtml keyword.control.cshtml	#CC6666	—
keyword.other.doctype.xml, entity.name.tag.localname.xml, entity.name.tag.xml, entity.name.tag.html, meta.tag.block.any.html, entity.name.tag.inline.any.html, entity.name.tag.block.any.html, entity.name.tag.other.html	#CC6666	—
punctuation.definition.tag.xml, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, meta.tag.block.any.html	#C5C8C6	—
text.html.basic, text.xml	#C5C8C6	—
punctuation.definition.entity.html, constant.character.entity.html, constant.character.entity.xml, punctuation.definition.constant.xml	#4271AE	—
entity.name.tag.namespace.xml	#4271AE	—
punctuation.separator.namespace.xml, variable.language.documentroot.xml	#D2945D	—
meta.tag.sgml.doctype.xml	#00B058	—
comment.line.number-sign.git-commit, punctuation.definition.comment.git-commit	#5C6370	—
meta.scope.subject.git-commit	#FFFFFF	—
invalid.illegal.line-too-long.git-commit, markup.deleted.git-commit	#CC6666	—
markup.changed.git-commit, invalid.deprecated.line-too-long.git-commit	#DE935F	—
markup.inserted.git-commit	#00B058	—
punctuation.definition.string.begin.ts	#00B058	—
keyword.operator.or.regexp, punctuation.definition.character-class.regexp, keyword.control.anchor.regexp, constant.character.escape.backslash.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp, punctuation.definition.group.regexp	#DE935F	—
constant.other.character-class.range.regexp	#F0C674	—
punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.begin.json, punctuation.separator.dictionary.pair.json, punctuation.definition.dictionary.end.json, punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.array.json	#C5C8C6	—
punctuation.support.type.property-name.begin.json, support.type.property-name.json, punctuation.support.type.property-name.end.json	#CC6666	—
punctuation.definition.string.begin.json, punctuation.definition.string.end.json, string.quoted.double.json	#00B058	—
constant.language.json	#4271AE	—
constant.numeric.json	#F0C674	—
punctuation.separator.dictionary.key-value.json	#DE935F	—
meta.decorator.ts, meta.decorator.ts entity.name.function.ts, constant.language.import-export-all.ts, keyword.operator.type.annotation.ts, keyword.operator.assignment.ts	#DE935F	—
meta.brace.round.ts, string.template.ts punctuation.accessor.ts, meta.decorator.ts meta.object-literal.key.ts, meta.decorator.ts meta.brace.square.ts, meta.decorator.ts punctuation.definition.block.ts, meta.decorator.ts punctuation.separator.comma.ts, meta.decorator.ts punctuation.accessor.ts, cast.expr.ts punctuation.accessor.ts, cast.expr.ts meta.brace.square.ts	#C5C8C6	—
cast.expr.ts, keyword.operator.optional.ts, keyword.operator.logical.ts, keyword.operator.assignment.compound.ts, punctuation.separator.key-value.ts, keyword.operator.ternary.ts, storage.type.function.arrow.ts, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, keyword.operator.relational.ts, keyword.operator.comparison.ts, keyword.operator.arithmetic.ts, keyword.operator.increment.ts, keyword.operator.type.ts, storage.type.class.jsdoc, keyword.operator.spread.ts	#DE935F	—
support.type.primitive.ts, variable.language.super.ts, constant.language.boolean.true.ts, constant.language.boolean.false.ts, constant.language.null.ts, constant.language.undefined.ts, variable.language.this.ts	#4271AE	—
meta.class.ts meta.block.ts meta.objectliteral.ts meta.object.member.ts meta.array.literal.ts variable.other.readwrite.ts	#C5C8C6	—
meta.class.ts entity.name.type.ts, meta.class.ts variable.other.readwrite.ts	#CC6666	—
variable.parameter.ts	#F0C674	—
variable.other.constant.ts, variable.other.constant.property.ts	#FFFFFF	bold
meta.decorator.ts meta.object.member.ts entity.name.function.ts	#B294BB	—
meta.objectliteral.ts meta.array.literal.ts variable.other.readwrite.ts, meta.objectliteral.ts meta.array.literal.ts variable.other.property.ts, support.class.builtin.ts	#CC6666	—
meta.objectliteral.ts meta.array.literal.ts variable.other.object.ts	#20B2AA	—
meta.var.expr.ts meta.var-single-variable.expr.ts variable.other.readwrite.ts, meta.class.ts meta.var.expr.ts variable.other.readwrite.ts, meta.class.ts meta.block.ts variable.other.readwrite.ts, meta.block.ts meta.objectliteral.ts meta.array.literal.ts variable.other.object.ts, meta.block.ts meta.objectliteral.ts meta.array.literal.ts variable.other.property.ts, new.expr.ts meta.objectliteral.ts meta.array.literal.ts variable.other.readwrite.ts	#C5C8C6	—
string.template.ts constant.character.escape.ts, string.quoted.single.ts constant.character.escape.ts, string.quoted.double.ts constant.character.escape.ts	#FFFFFF	—
support.variable.object.node.ts, support.type.object.module.ts, support.class.console.ts	#F0C674	—
meta.decorator.js, meta.decorator.js entity.name.function.js, constant.language.import-export-all.js, keyword.operator.type.annotation.js, keyword.operator.assignment.js	#DE935F	—
meta.brace.round.js, string.template.js punctuation.accessor.js, meta.decorator.js meta.object-literal.key.js, meta.decorator.js meta.brace.square.js, meta.decorator.js punctuation.definition.block.js, meta.decorator.js punctuation.separator.comma.js, meta.decorator.js punctuation.accessor.js, cast.expr.js punctuation.accessor.js, cast.expr.js meta.brace.square.js	#C5C8C6	—
meta.tag.js punctuation.definition.block.js, meta.tag.js punctuation.section.embedded.begin.js, meta.tag.js punctuation.section.embedded.end.js, cast.expr.js, keyword.operator.optional.js, keyword.operator.logical.js, keyword.operator.assignment.compound.js, punctuation.separator.key-value.js, keyword.operator.ternary.js, storage.type.function.arrow.js, punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.end.js, keyword.operator.relational.js, keyword.operator.comparison.js, keyword.operator.arithmetic.js, keyword.operator.increment.js, keyword.operator.type.js, storage.type.class.jsdoc, keyword.operator.spread.js	#DE935F	—
support.type.primitive.js, variable.language.super.js, constant.language.boolean.true.js, constant.language.boolean.false.js, constant.language.null.js, constant.language.undefined.js, variable.language.this.js	#4271AE	—
meta.var.expr.js variable.other.object.js, meta.tag.js keyword.operator.assignment.js, meta.class.js meta.block.js meta.objectliteral.js meta.object.member.js meta.array.literal.js variable.other.readwrite.js, meta.var.expr.js meta.objectliteral.js meta.array.literal.js variable.other.readwrite.js	#C5C8C6	—
meta.export.default.js variable.other.readwrite.js, entity.name.tag.js, variable.other.object.js, meta.class.js entity.name.type.js, entity.name.type.js, meta.class.js variable.other.readwrite.js	#CC6666	—
variable.parameter.js, support.variable.property.dom.js	#F0C674	—
variable.other.constant.js, variable.other.constant.property.js	#FFFFFF	bold
meta.decorator.js meta.object.member.js entity.name.function.js	#B294BB	—
meta.objectliteral.js meta.array.literal.js variable.other.readwrite.js, meta.objectliteral.js meta.array.literal.js variable.other.property.js, support.class.builtin.js	#CC6666	—
meta.objectliteral.js meta.array.literal.js variable.other.object.js	#20B2AA	—
string.template.js constant.character.escape.js, string.quoted.single.js constant.character.escape.js, string.quoted.double.js constant.character.escape.js	#FFFFFF	—
meta.var.expr.js meta.var-single-variable.expr.js variable.other.readwrite.js, meta.class.js meta.var.expr.js variable.other.readwrite.js, meta.class.js meta.block.js variable.other.readwrite.js, meta.block.js meta.objectliteral.js meta.array.literal.js variable.other.object.js, meta.block.js meta.objectliteral.js meta.array.literal.js variable.other.property.js, new.expr.js meta.objectliteral.js meta.array.literal.js variable.other.readwrite.js	#C5C8C6	—
support.variable.object.node.js, support.type.object.module.js, support.class.console.js	#F0C674	—
entity.other.attribute-name.class.css	#D2945D	—
entity.other.attribute-name.parent-selector.css punctuation.definition.entity.css	#4271AE	—
entity.other.attribute-name.parent-selector.css	#20B2AA	—
meta.property-list.css constant.numeric.css, meta.property-value.css constant.numeric.css, meta.property-list.css keyword.other.unit.css, meta.property-value.css keyword.other.unit.css, meta.property-list.css support.constant.property-value.css, meta.property-value.css support.constant.property-value.css	#F0C674	—
variable.other.less	#B294BB	—
entity.name.tag.css	#CC6666	—
entity.name.type.class.cs, storage.type.cs	#CC6666	—
entity.name.variable.parameter.cs	#F0C674	—
constant.language.boolean.false.cs, constant.language.boolean.false.cs	#4271AE	—
keyword.operator.assignment.cs, keyword.operator.logical.cs, keyword.operator.comparison.cs, keyword.operator.arrow.cs, keyword.operator.arithmetic.cs	#DE935F	—
entity.name.type.namespace.cs	#C5C8C6	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—

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