Solarized Min

Name: Solarized Min
Author: nashpatty

Publisher: nashpattyThemes in package: 2

Solarized color scheme with minimal token highlighting.

Open in VS Code GitHub

Color themes

VS Code preview

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

Solarized Min — Solarized Min Dark

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#003847
badge.background#047aa6
button.background#2AA19899
debugExceptionWidget.background#00212B
debugExceptionWidget.border#AB395B
debugToolBar.background#00212B
dropdown.background#00212B
dropdown.border#2AA19899
editor.background#002B36
editor.findMatchBackground#732b0d99
editor.findMatchHighlightBackground#424d0099
editor.foreground#839496
editor.lineHighlightBackground#073642
editor.rangeHighlightBackground#073642cc
editor.selectionBackground#268bd240
editor.selectionHighlightBackground#005A6FAA
editor.wordHighlightBackground#424d0080
editor.wordHighlightStrongBackground#732b0d80
editorBracketMatch.background#2aa1984d
editorBracketMatch.border#2aa1984d
editorCursor.foreground#b58900
editorGroup.border#00212B
editorGroup.dropBackground#2AA19844
editorGroupHeader.tabsBackground#004052
editorHoverWidget.background#004052
editorIndentGuide.activeBackground1#586e75bf
editorIndentGuide.background1#586e754d
editorLineNumber.activeForeground#839496
editorLineNumber.foreground#8394964d
editorMarkerNavigationError.background#AB395B
editorMarkerNavigationWarning.background#5B7E7A
editorRuler.foreground#586e754d
editorWhitespace.foreground#657b8380
editorWidget.background#00212B
errorForeground#ffeaea
focusBorder#2AA19899
input.background#003847
input.foreground#839496
input.placeholderForeground#839496AA
inputOption.activeBorder#2AA19899
inputValidation.errorBackground#571b26
inputValidation.errorBorder#a92049
inputValidation.infoBackground#052730
inputValidation.infoBorder#363b5f
inputValidation.warningBackground#5d5938
inputValidation.warningBorder#9d8a5e
list.activeSelectionBackground#005A6F
list.dropBackground#00445488
list.highlightForeground#1ebcc5
list.hoverBackground#004454AA
list.inactiveSelectionBackground#00445488
minimap.selectionHighlight#268bd240
panel.background#00212B
panel.border#00212B
peekView.border#2b2b4a
peekViewEditor.background#10192c
peekViewEditor.matchHighlightBackground#7744AA40
peekViewResult.background#00212B
peekViewTitle.background#00212B
pickerGroup.border#2AA19899
pickerGroup.foreground#2AA19899
ports.iconRunningProcessForeground#369432
progressBar.background#047aa6
quickInputList.focusBackground#005A6F
selection.background#2AA19899
sideBar.background#00212B
sideBarTitle.foreground#839496
statusBar.background#00212B
statusBar.debuggingBackground#00212B
statusBar.foreground#839496
statusBar.noFolderBackground#00212B
statusBarItem.prominentBackground#003847
statusBarItem.prominentHoverBackground#003847
statusBarItem.remoteBackground#2AA19899
tab.activeBackground#002B37
tab.activeForeground#d6dbdb
tab.border#003847
tab.inactiveBackground#004052
tab.inactiveForeground#839496
tab.lastPinnedBorder#2AA19844
terminal.ansiBlack#000000
terminal.ansiBlue#268bd2
terminal.ansiBrightBlack#000000
terminal.ansiBrightBlue#268bd2
terminal.ansiBrightCyan#2aa198
terminal.ansiBrightGreen#859900
terminal.ansiBrightMagenta#d33682
terminal.ansiBrightRed#dc322f
terminal.ansiBrightWhite#fdf6e3
terminal.ansiBrightYellow#b58900
terminal.ansiCyan#2aa198
terminal.ansiGreen#859900
terminal.ansiMagenta#d33682
terminal.ansiRed#dc322f
terminal.ansiWhite#fdf6e3
terminal.ansiYellow#b58900
terminal.background#002b36
terminal.foreground#839496
titleBar.activeBackground#002C39

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
punctuation.terminator,punctuation.quasi.element	#859900	—
entity.name,support.type.property-name.json	#6c71c4	—
support.type,constant.character.escape	#b58900	—
constant.language	#d33682	—
variable,string.unquoted.argument.shell,storage.type.object,storage.type.java,constant.other.option	#839496	—
entity.name.function,support.function,keyword.control.twig	#268bd2	—
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown	#839496	—
emphasis	—	italic
strong	—	bold
comment	#586e75	italic
comment.block	#586e75	italic
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#d33682	—
constant.regexp	#cb4b16	—
entity.name.tag	#859900	—
entity.name.tag.css, entity.name.tag.less	#859900	—
entity.other.attribute-name	#6c71c4	—
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#b58900	—
invalid	#dc322f	—
markup.underline	—	underline
markup.bold	#859900	bold
markup.heading	#859900	bold
markup.italic	—	italic
markup.strikethrough	—	strikethrough
markup.inserted	#d33682	—
markup.deleted	#2aa198	—
markup.changed	#859900	—
punctuation.definition.quote.begin.markdown	#2aa198	—
punctuation.definition.list.begin.markdown	#268bd2	—
markup.inline.raw	#2aa198	—
punctuation.definition.tag	#657b83	—
meta.preprocessor, entity.name.function.preprocessor	#859900	—
meta.preprocessor.string	#2aa198	—
meta.preprocessor.numeric	#d33682	—
meta.diff.header	#859900	—
storage	#859900	—
storage.type	#859900	—
storage.modifier, keyword.operator.noexcept	#859900	—
string, meta.embedded.assembly	#2aa198	—
string.tag	#2aa198	—
string.value	#2aa198	—
string.regexp	#2aa198	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#859900	—
meta.template.expression	#839496	—
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded	#839496	—
keyword	#859900	—
keyword.control	#859900	—
keyword.operator	#859900	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike	#859900	—
keyword.other.unit	#d33682	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#859900	—
constant.sha.git-rebase	#d33682	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#839496	—
variable.language	#859900	—
support.constant.property-value, keyword.control.at-rule	#6c71c4	—

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