What42's Rust Theme (Light)

Name: What42's Rust Theme (Light)
Author: What42Pizza

Publisher: What42PizzaThemes in package: 2

A theme for Rust that focuses aggressively on readability

Open in VS Code GitHub

Color themes

VS Code preview

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

What42's Rust Theme (Light) — What42's Rust Theme (Blue)

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#0000FF18
activityBar.background#80A0FF
activityBar.border#0000100A
activityBar.foreground#000000
activityBar.inactiveForeground#000000B0
activityBarBadge.background#008CE0
editor.background#F1FAFF
editor.findMatchBackground#0080E0A0
editor.findMatchHighlightBackground#0090E050
editor.foreground#000000
editor.lineHighlightBackground#00001808
editor.rangeHighlightBackground#E0E4FF
editor.selectionBackground#B4DFFF
editor.selectionHighlightBackground#B4DFFF80
editor.wordHighlightBackground#B4DFFF40
editorBracketHighlight.foreground1#008C60
editorBracketHighlight.foreground2#0010B0
editorBracketHighlight.foreground3#007080
editorBracketHighlight.unexpectedBracket.foreground#FF0000
editorBracketMatch.background#E0E4FF
editorCursor.foreground#001028F4
editorError.background#ff000008
editorGroupHeader.border#00FF0018
editorGroupHeader.tabsBackground#E0F0FF
editorHoverWidget.background#FDFEFF
editorIndentGuide.activeBackground1#C6C6C8
editorIndentGuide.background1#DDDDDF
editorInlayHint.background#60608007
editorInlayHint.foreground#00000075
editorLineNumber.activeForeground#0860F0
editorLineNumber.foreground#304040
editorOverviewRuler.findMatchForeground#0090E0
editorWhitespace.foreground#4070B038
foreground#000000
gitDecoration.ignoredResourceForeground#484070
gitDecoration.modifiedResourceForeground#0038D0
gitDecoration.untrackedResourceForeground#009000
input.background#F3F3F5
list.activeSelectionBackground#0090E050
list.activeSelectionForeground#000000
list.errorForeground#C02020
list.hoverBackground#0090E040
list.inactiveSelectionBackground#0000FF18
list.warningForeground#B88000
menu.background#FEFEFF
menu.border#00FF4028
menu.foreground#080808
menu.selectionBackground#2098FF4C
menu.selectionBorder#00004004
menu.selectionForeground#000000
menubar.selectionBackground#60C0FF80
menubar.selectionForeground#000000
minimap.findMatchHighlight#0090E0
panel.border#00001028
peekView.border#707070
peekViewEditor.background#EEEEEF
peekViewResult.background#EEEEEF
peekViewResult.fileForeground#000000
peekViewResult.lineForeground#000000
peekViewResult.matchHighlightBackground#0090E050
peekViewTitleDescription.foreground#000000
settings.focusedRowBackground#C0E8FC
settings.headerForeground#202020
settings.rowHoverBackground#D8F0FF
settings.settingsHeaderHoverForeground#0060C0
sideBar.background#B8D4FF
sideBar.border#10102010
sideBar.foreground#000000
sideBarSectionHeader.background#0000FF18
statusBar.background#90C8F0
statusBar.border#0000F00A
statusBar.debuggingBackground#A0D0F0
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#A0D0F0
statusBar.noFolderForeground#000000
statusBarItem.activeBackground#88B8D8
statusBarItem.errorBackground#D00000
statusBarItem.hoverBackground#88B8E0
tab.activeBackground#F1FAFF
tab.activeForeground#000000
tab.border#20203008
tab.hoverBackground#0000301C
tab.inactiveBackground#D0E4FF
tab.inactiveForeground#404040
terminal.background#FDFDFF
terminal.findMatchBackground#80C8FF
terminal.findMatchHighlightBackground#A0E8FF
terminal.foreground#000000
textLink.activeForeground#60A8FF
textLink.foreground#0060F0
titleBar.activeBackground#90D0FF
titleBar.border#20203004
titleBar.inactiveBackground#B0E0F0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#20880F	italic
comment.line.documentation	#0060F0	—
entity.name.namespace, variable.language.super.rust	#003090	—
keyword, storage.type.rust	#202D94	—
storage.modifier.glsl	#0050D0	—
storage.modifier.mut.rust	#980430	—
storage.modifier	#C00828	—
keyword.operator	#202090	—
keyword.operator.question	#D0803C	bold
entity.name.function, support.function, meta.function-call	#0018D0	—
entity.name.type, storage.type, keyword.type, keyword.other.type, support.type	#00585C	—
entity.name.type.lifetime	#D89408	—
variable.language.self, variable.language.this, storage.modifier.private.cs	#BC5648	—
constant.numeric, constant.character, constant.language.bool, constant.other.color	#008070	—
string, markup.inline.raw.string	#700480	—
constant.character.escape	#C01080	—
string.regexp	#C01080	—
constant	#704230	—
meta.attribute, meta.attribute keyword.operator.access.dot	#C47840	—
punctuation.comma	#000000	—
invalid, entity.name.exception	#D00000	—
keyword.directive.preprocessor, keyword.preprocessor, meta.preprocessor, meta.tag.preprocessor	#B85048	—
support.type.property-name.toml	#000000	—
support.type.property-name.table.toml	#0830D0	bold
support.type.property-name.json, support.type.property-name.hjson	#000000	—
heading	#0030E0	bold
meta.link, meta.image	#0070D0	—
string.other.link	#6000F0	—
markup.bold.markdown	#D89000	—
meta.tag.inline.br	#707070	—
markup.fenced_code	#4C0088	bold
meta.embedded.block	—
entity.name.tag.html	#0018C0	—
entity.other.attribute-name.html	#1030A0	—
punctuation.separator.key-value.html, punctuation.definition.tag	#101070	—
storage.modifier.public.cs, storage.modifier.static.cs, storage.modifier.const.cs, storage.modifier.ref.cs, storage.modifier.out.cs, storage.modifier.in.cs, storage.modifier.readonly.cs, storage.modifier.extern.cs, storage.type.namespace.cs, storage.type.delegate.cs	#202D94	—
constant.language.null.cs	#A84000	—
entity.name.tag.localname.xml	#3048B0	bold
entity.other.attribute-name.localname.xml	#0040E0	—
punctuation.definition.tag.xml	#002080	—
meta.tag.preprocessor.xml	#A83030	—
storage.type.struct.c	#202C80	—
storage.type.class.swift, storage.type.function.swift	#202C80	—
entity.name.function.swift, support.function.any-method.swift	#000000	—
support.function.any-method.swift	#0018D0	—
entity.global.clojure	#005658	—
constant.keyword.clojure	#000000	—
storage.control.clojure	#202C80	—
storage.modifier.java	#202870	—
storage.type.class.python, storage.type.function.python	#202C80	—
variable.parameter.function.language.special.self.python, variable.language.special.self.python	#BC5848	—
meta.attribute.python	#000000	—
storage.modifier.php	#202870	—
punctuation.definition.variable.php	#202C80	—
meta.selector.css, keyword.control.at-rule	#0018D0	—
meta.property-name	#202080	—
variable.css, variable.argument.css	#202090	—
support.constant.property-value.css	#704430	—
source.js, storage.type.class.js, entity.name.type.class.js, storage.type.js, storage.type.property.js, entity.name.function.js, keyword.control.flow.js, keyword.operator.new.js, string.quoted.single.js, constant.numeric.decimal.js, comment.block.js	#FF0000	—

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