Rusty Colors

Name: Rusty Colors
Author: IoaNNUwU

Publisher: IoaNNUwUThemes in package: 1

Dark theme with old rusty colors, perfect to use with Rust language

Open in VS Code GitHub

VS Code preview

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

Rusty Colors — Rusty Colors

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#333842
activityBar.foreground#D7DAE0
activityBarBadge.background#528BFF
activityBarBadge.foreground#D7DAE0
badge.background#9a9a9ab4
badge.foreground#2451a5b4
button.background#4D78CC
button.foreground#FFFFFF
button.hoverBackground#6087CF
diffEditor.insertedTextBackground#00809B33
dropdown.background#353b45
dropdown.border#181A1F
editor.background#282C34
editor.lineHighlightBackground#2C313A
editor.selectionBackground#3E4451
editorCursor.foreground#dfdfdf
editorGroup.border#181A1F
editorGroup.emptyBackground#21252B
editorGroupHeader.tabsBackground#21252B
editorHoverWidget.background#21252B
editorHoverWidget.border#181A1F
editorIndentGuide.background1#3C4049
editorLineNumber.foreground#636D83
editorSuggestWidget.background#21252B
editorSuggestWidget.border#181A1F
editorSuggestWidget.selectedBackground#2C313A
editorWhitespace.foreground#3C4049
editorWidget.background#21252B
extensionButton.prominentBackground#2BA143
extensionButton.prominentHoverBackground#37AF4E
focusBorder#9a9a9ab4
input.background#1B1D23
input.border#181A1F
list.activeSelectionBackground#2C313A
list.activeSelectionForeground#D7DAE0
list.focusBackground#2C313A
list.highlightForeground#D7DAE0
list.hoverBackground#2C313A66
list.inactiveSelectionBackground#2C313A
list.inactiveSelectionForeground#D7DAE0
peekView.border#9a9a9ab4
peekViewEditor.background#1B1D23
peekViewResult.background#21252B
peekViewResult.selectionBackground#2C313A
peekViewTitle.background#1B1D23
pickerGroup.border#9a9a9ab4
scrollbarSlider.activeBackground#747D9180
scrollbarSlider.background#4E566680
scrollbarSlider.hoverBackground#5A637580
sideBar.background#21252B
sideBarSectionHeader.background#333842
statusBar.background#21252B
statusBar.debuggingForeground#FFFFFF
statusBar.foreground#9DA5B4
statusBar.noFolderBackground#21252B
statusBarItem.hoverBackground#2C313A
tab.activeBackground#282C34
tab.border#181A1F
tab.inactiveBackground#21252B
titleBar.activeBackground#21252B
titleBar.activeForeground#9DA5B4
titleBar.inactiveBackground#21252B
titleBar.inactiveForeground#9DA5B4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source, punctuation.brackets.round, keyword.operator.namespace, punctuation.brackets.angle, punctuation.brackets.curly, punctuation.brackets.square, keyword.operator.access, variable, keyword.operator.key-value.rust, punctuation.section.block, punctuation.section.parameters, punctuation.section, meta.bracket.square, punctuation.definition.capture, punctuation.definition.parameters, meta.block.cpp, punctuation.separator.namespace.access.cpp, meta.body.function.definition.cpp, meta.body.class.cpp, meta.parameter, punctuation.separator.namespace.access.cpp, punctuation.separator.initializers.cpp, punctuation.separator.colon.range-based.cpp, punctuation.separator.dot-access.cpp, punctuation.separator.delimiter.comma.template.argument.cpp, punctuation.accessor, keyword.operator.type.annotation.ts, meta.property-list.css, punctuation.definition.arguments, meta.function-call.arguments.python, entity.name.command.shell, punctuation.separator.java, meta.definition.function.body.swift, meta.function-call.swift	#bbb	—
entity.name.operator.cpp	#DE8373	bold italic
storage.type, keyword.other, keyword.operator.range, keyword.operator.arrow.skinny, keyword.operator.logical, keyword.operator.math, punctuation.semi, punctuation.comma, entity.name.type.numeric, entity.name.type.primitive, keyword.operator.borrow, storage.modifier.mut.rust, variable.language.super.rust, entity.name.function.macro.rules.rust, variable.other.metavariable.specifier.rust, constant.character.escape, string.quoted.byte.raw.rust, punctuation.section.embedded.rust, keyword.control.cpp, variable.language.this.cpp, storage.modifier.reference.cpp, keyword.operator.bitwise.cpp, storage.modifier.specifier, punctuation.terminator, keyword.control, constant.language, storage.modifier, entity.name.function.preprocessor.c, keyword.operator.assignment.cpp, keyword.operator.arithmetic.cpp, keyword.operator.comparison.cpp, storage.type.built-in.cpp, support.type.swift, keyword.type.int.cs, keyword.type.string.cs, keyword.type.void.cs, keyword.type.double.cs, keyword.type.float.cs, keyword.type.decimal.cs, keyword.type.char.cs, keyword.type.ulong.cs, keyword.type.long.cs, keyword.type.uint.cs, keyword.type.ushort.cs, keyword.type.short.cs, keyword.type.sbyte.cs, keyword.type.byte.cs, keyword.type.bool.cs, keyword.hard, keyword.operator.arithmetic, keyword.operator.bitwise, entity.name.function.operator.cpp, punctuation.separator.pointer-access, punctuation.separator.delimiter.c, punctuation.separator.delimiter.comma.cpp, keyword.operator., support.type.primitive.ts, punctuation.definition.template-expression, meta.property-name.css, meta.property-list.css, punctuation.definition.entity.css, punctuation.separator.key-value.html, constant.character.entity.xml, keyword.const.go, keyword.function.go, keyword.package.go, keyword.go.mod, keyword.var.go, keyword.import.go, keyword.type.go, keyword.struct.go, keyword.interface.go, keyword.channel.go, constant.character.format.placeholder, punctuation.section.function.begin.python, punctuation.separator.colon.python, punctuation.definition.subshell.single.shell, punctuation.definition.assignment, punctuation.separator.batchfile, punctuation.definition.variable.shell, variable.parameter.positional.shell, variable.language.special.shell, constant.other.option.shell	#d9a958	—
comment	#5fc26e	—
string.quoted, punctuation.definition.string.template, string.template	#c2915f	—
meta.attribute, storage.type.annotation	#d4d4d4	—
meta.function.definition, entity.name.type.struct, entity.name.type.class, entity.name.type.rust, entity.name.function.definition.cpp, entity.name.type.parameter.cpp, support.type.posix-reserved.c, entity.name.function.member.cpp, meta.function.definition.parameters.c, meta.declaration.type.alias.cpp, entity.name.type.cs, entity.name.function.cs, storage.type.generic.java, storage.type.object.array.java, entity.name.type.declaration.rust, storage.type.java, entity.name.type.kotlin, meta.definition.function, meta.definition.method, entity.name.tag, entity.name.type.ts, entity.name.type.alias.ts, entity.other.attribute-name.class.css, support.type.property-name.table.toml, support.type.property-name.array.toml, heading, entity.name.function.go, entity.name.type.go, entity.name.type.receiver.go, entity.name.class.message.proto, entity.name.class.proto, entity.name.function.python, entity.name.function.shell, keyword.command.batchfile	#de8373	—
support.variable.magic.python, support.function.magic.python, entity.name.function.constructor.cpp	#de8373	bold italic
constant.numeric.decimal, constant.numeric	#69b6ba	—
entity.name.namespace, entity.name.module.rust, string.quoted.other.lt-gt.include.cpp, entity.name.scope-resolution.cpp, entity.name.scope-resolution.function.call.cpp, entity.name.scope-resolution.parameter.cpp, meta.preprocessor.include.cpp, entity.name.type.namespace.cs, storage.modifier.import.java, markup.underline.link.markdown, markup.underline.link.image.markdown, entity.name.package.go	#70a9b9	—
entity.name.type.template.cpp, meta.template.call.cpp, variable.language.generic-parameter.swift	#57bdbb	—
meta.function.call, entity.name.function.call, entity.name.function.member.cpp, entity.name.function.cs, entity.name.function.java, entity.name.function.declaration.kotlin, meta.function-call, entity.other.attribute-name.pseudo-class.css, string.other.link.title.markdown, string.other.link.description.markdown, support.function.go, entity.name.command.shell, support.function.swift	#7cc2d5	—
entity.name.function.preprocessor.cpp, support.function.misc.css	#7b97d2	—
entity.name.function.macro.rust, variable.other.metavariable.name.rust	#6797ff	—
variable.constant.other, constant.other.caps, variable.other.global.cpp, entity.name.function.preprocessor.c	#7b97d2	—
variable.other.property, support.variable.property, entity.other.attribute-name, entity.name.variable.property.cs, variable.other.object.property, support.type.property-name.css, support.type.property-name.json, support.type.property-name.toml, markup.inline.raw.string.markdown, string.unquoted.go.mod, variable.other.proto, support.other.proto, meta.attribute.python, variable.other.readwrite.batchfile, punctuation.definition.variable.batchfile, variable.other.normal.shell, variable.other.assignment.shell	#95acbd	—
variable.language.self.rust, variable.language.this, variable.parameter.function.language.special.self.python, variable.language.special.self.python	#91a4d0	—
markup.bold.markdown	—	bold
markup.italic.markdown	—	italic
entity.name.type.trait.rust, entity.name.type.interface.cs, punctuation.definition.annotation	#82c67c	—
punctuation.definition.lifetime.rust, entity.name.type.lifetime.rust	#798fde	—
entity.name.type.option.rust, entity.name.variable.enum-member, constant.other.enum.java, variable.other.enummember.swift	#91a4d0	—
entity.name.type.enum	#6ec0d9	—

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