Solarized Theme

Name: Solarized Theme
Author: andyyu2004

Publisher: andyyu2004Themes in package: 1

GitHub

VS Code preview

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

Solarized Theme — Solarized Theme

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
activityBarBadge.background#AB395B
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.foreground#b4b4b4
editor.lineHighlightBackground#073642
editor.selectionBackground#274642
editor.selectionHighlightBackground#005A6FAA
editor.wordHighlightBackground#004454AA
editor.wordHighlightStrongBackground#005A6FAA
editorCursor.foreground#a2a2a2
editorGroup.border#00212B
editorGroup.dropBackground#2AA19844
editorGroupHeader.tabsBackground#004052
editorHoverWidget.background#004052
editorIndentGuide.activeBackground#93A1A140
editorIndentGuide.background#93A1A140
editorLineNumber.activeForeground#949494
editorMarkerNavigationError.background#AB395B
editorMarkerNavigationWarning.background#5B7E7A
editorWhitespace.foreground#93A1A125
editorWidget.background#00212B
errorForeground#ffeaea
focusBorder#2AA19899
input.background#003847
input.foreground#93A1A1
input.placeholderForeground#93A1A1AA
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.focusBackground#005A6F
list.highlightForeground#1ebcc5
list.hoverBackground#004454AA
list.inactiveSelectionBackground#00445488
panel.border#2AA1984A
panelTitle.activeBorder#2AA198
peekView.border#2b2b4a
peekViewEditor.background#10192c
peekViewEditor.matchHighlightBackground#7744AA40
peekViewResult.background#00212B
peekViewTitle.background#00212B
pickerGroup.border#2AA19899
pickerGroup.foreground#2AA19899
progressBar.background#047aa6
selection.background#2AA19899
sideBar.background#00212B
sideBar.border#EEE8D52B
sideBarTitle.foreground#93A1A1
statusBar.background#00212B
statusBar.border#EEE8D509
statusBar.debuggingBackground#00212B
statusBar.foreground#93A1A1
statusBar.noFolderBackground#00212B
statusBarItem.prominentBackground#003847
statusBarItem.prominentHoverBackground#003847
tab.activeBackground#002B37
tab.activeBorder#2AA198
tab.activeForeground#d6dbdb
tab.border#003847
tab.inactiveBackground#004052
tab.inactiveForeground#93A1A1
terminal.ansiBlack#073642
terminal.ansiBlue#268BD2
terminal.ansiBrightBlack#00212B
terminal.ansiBrightBlue#839496
terminal.ansiBrightCyan#268BD2
terminal.ansiBrightGreen#859900
terminal.ansiBrightMagenta#6C71C4
terminal.ansiBrightRed#CB4B16
terminal.ansiBrightWhite#FDF6E3
terminal.ansiBrightYellow#B58900
terminal.ansiCyan#2AA198
terminal.ansiGreen#859900
terminal.ansiMagenta#D33682
terminal.ansiRed#DC322F
terminal.ansiWhite#EEE8D5
terminal.ansiYellow#B58900
terminal.background#00212B
terminal.border#EEE8D52B
terminal.selectionBackground#EEE8D52B
terminalCursor.background#00212B
terminalCursor.foreground#839496
titleBar.activeBackground#002C39

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.quoted.docstring.multi.python, meta.preprocessor.haskell	#586e75	italic
entity.name.type.instance.jsdoc	#b58900	—
namespace, entity.name.import.go, entity.name.namespace, entity.name.type.module.ts	#39a6b9	—
variable, string constant.other.placeholder, variable.other.constant.ts	#839496	—
variable.other.constant, constant.other.caps, constant.other.haskell, meta.declaration.newtype.algebraic.haskell, meta.declaration.data.algebraic.haskell	#bb8b50	—
invalid	#e22d0c	—
invalid.deprecated	#b37469	—
variable.language.self.rust	#bf6930	—
keyword, storage.modifier, variable.language.this.ts, variable.language.super.ts, storage.type, entity.name.type.primitive.rust, entity.name.type.numeric.rust	#527bd2	—
meta.attribute.rust, keyword.other.preprocessor.extension.haskell	#b89868	—
invalid.illegal.pascal	#b89868	—
entity.name.type.rust, entity.name.type.swift, entity.name.type.pascal, variable.other.metavariable.specifier.rust, variable.other.generic-type.haskell, variable.language.generic-parameter.swift, entity.name.type.protocol.swift	#0ba790	—
constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.brackets.attribute.rust, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#86b1a1	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#478fe8	—
variable.other.constant.object.tsx, variable.other.readwrite.alias.tsx	#749fc2	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.block-level, meta.function-call.generic.python, support.variable.magic.python	#298cba	—
support.other.variable, string.other.link	#cf4b56	—
variable.parameter, variable.language.closure-parameter.swift	#4698b1	—
variable.other.property, meta.attribute.python, variable.other.member.definition.haskell, meta.definition.type.body.swift	#419789	—
source.ocaml, source.dune, source.swift	#839496	—
source.haskell, source.sql, source.ini	#4ba193	—
constant.numeric, constant.language, support.constant, constant.character, keyword.other.unit, constant.other.boolean.toml	#0c93fa	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#859900	—
entity.name.class, entity.name.type.class, storage.type.haskell, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, entity.scalar.graphql, entity.name.type.lifetime.rust, entity.name.type.macro.rust, entity.name.type.struct.rust, entity.name.type.struct.swift, entity.name.type.enum.rust, entity.name.type.declaration	#268bd2	—
entity.name.type.option.rust, variable.other.enummember	#bf8a4a	—
variable.other.constant.rust	#aa6a4c	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#dc742f	—
variable.language	#dc322f	italic
entity.name.method.js	#268bd2	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#268bd2	—
entity.other.attribute-name	#489aa3	—
entity.name.type.module.tsx	#ba8659	—
markup.inserted	#859900	—
markup.deleted	#dc322f	—
markup.changed	#6c71c4	—
string.regexp	#2aa198	—
constant.character.escape	#2aa198	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#7f2a1d	—
entity.name.filename.find-in-files	#859900	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#268bd2	italic
source.js constant.other.object.key.js string.unquoted.label.js	#dc322f	italic
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#dc322fbf	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#268bd2bf	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#b58900bf	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6c71c4bf	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#cb4b16	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#dc322f	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#268bd2	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#b58900	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6c71c4	—
text.html.markdown, punctuation.definition.list_item.markdown	#839496	—
text.html.markdown markup.raw.inline	#839496cc	—
text.html.markdown meta.dummy.line-break	#ffffff50	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#cf4b56	—
markup.italic, markup.italic string	—	italic
markup.bold, markup.bold string	—	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	—	bold italic
markup.underline	#859900	underline
markup.strike	#586e75	strike
markup.quote punctuation.definition.blockquote.markdown	#ffffff16
markup.quote	#586e75	italic
string.other.link.title.markdown	#268bd2	—
string.other.link.description.title.markdown	#6c71c4	—
constant.other.reference.link.markdown	#b58900	—
markup.raw.block	#839496cc	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#839496	—
punctuation.definition.fenced.markdown, meta.definition.language.raw.block.fenced.markdown	#ffffff50
variable.language.fenced.markdown	#586e75
meta.separator	#586e75	bold
markup.table	#839496cc	—
text.html.markdown punctuation.definition, text.html.markdown.note punctuation.definition.list_item.markdown, markup.table.markdown punctuation.definition.table.vertical-line.markdown, text.html.markdown markup.checkbox.markdown	#ffffff50
text.html.markdown meta.disable-markdown punctuation.definition	#2aa198	—
punctuation.definition.list_item.todo.done	#859900	—
punctuation.definition.list_item.todo.cancelled	#dc322f	—
markup.checkbox.markdown markup.checkbox.checked_symbol.markdown	#859900	—
markup.admonition.markdown string.other.admonition.title.markdown	#839496	bold
markup.admonition.markdown punctuation.definition.admonition.markdown, markup.admonition.markdown punctuation.definition.heading, markup.admonition.markdown punctuation.definition.table.vertical-line, markup.admonition.markdown punctuation.definition.table.horizontal-line, markup.admonition.markdown punctuation.definition.table.alignments, markup.admonition.markdown punctuation.definition.heading, markup.admonition.markdown punctuation.definition.bold, markup.admonition.markdown punctuation.definition.italic, markup.admonition.markdown punctuation.definition.list_item, markup.admonition.markdown punctuation.definition.raw, markup.admonition.markdown markup.checkbox.markdown, markup.admonition.markdown punctuation.definition.list_item.todo.pending, markup.admonition.markdown meta.link punctuation.definition, markup.admonition.markdown meta.link.inline markup.underline.link, markup.admonition.markdown meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown punctuation.definition.entity.html, markup.admonition.markdown meta.separator.markdown, markup.admonition.markdown markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown meta.definition.language.raw.block.fenced.markdown	#644ea075	—
markup.admonition.markdown entity.name.admonition.markdown	#644ea0	bold
markup.admonition.markdown markup.quote punctuation.definition.blockquote.markdown	#644ea035	—
markup.admonition.markdown.hint punctuation.definition.admonition.markdown, markup.admonition.markdown.hint punctuation.definition.heading, markup.admonition.markdown.hint punctuation.definition.table.vertical-line, markup.admonition.markdown.hint punctuation.definition.table.horizontal-line, markup.admonition.markdown.hint punctuation.definition.table.alignments, markup.admonition.markdown.hint punctuation.definition.heading, markup.admonition.markdown.hint punctuation.definition.bold, markup.admonition.markdown.hint punctuation.definition.italic, markup.admonition.markdown.hint punctuation.definition.list_item, markup.admonition.markdown.hint punctuation.definition.raw, markup.admonition.markdown.hint markup.checkbox.markdown, markup.admonition.markdown.hint punctuation.definition.list_item.todo.pending, markup.admonition.markdown.hint meta.link punctuation.definition, markup.admonition.markdown.hint meta.link.inline markup.underline.link, markup.admonition.markdown.hint meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.hint punctuation.definition.entity.html, markup.admonition.markdown.hint meta.separator.markdown, markup.admonition.markdown.hint markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.hint meta.definition.language.raw.block.fenced.markdown	#268bd275	—
markup.admonition.markdown.hint entity.name.admonition.markdown	#268bd2	bold
markup.admonition.markdown.warning punctuation.definition.admonition.markdown, markup.admonition.markdown.warning punctuation.definition.heading, markup.admonition.markdown.warning punctuation.definition.table.vertical-line, markup.admonition.markdown.warning punctuation.definition.table.horizontal-line, markup.admonition.markdown.warning punctuation.definition.table.alignments, markup.admonition.markdown.warning punctuation.definition.heading, markup.admonition.markdown.warning punctuation.definition.bold, markup.admonition.markdown.warning punctuation.definition.italic, markup.admonition.markdown.warning punctuation.definition.list_item, markup.admonition.markdown.warning punctuation.definition.raw, markup.admonition.markdown.warning markup.checkbox.markdown, markup.admonition.markdown.warning punctuation.definition.list_item.todo.pending, markup.admonition.markdown.warning meta.link punctuation.definition, markup.admonition.markdown.warning meta.link.inline markup.underline.link, markup.admonition.markdown.warning meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.warning punctuation.definition.entity.html, markup.admonition.markdown.warning meta.separator.markdown, markup.admonition.markdown.warning markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.warning meta.definition.language.raw.block.fenced.markdown	#b5890075	—
markup.admonition.markdown.warning entity.name.admonition.markdown	#b58900	bold
markup.admonition.markdown.warning markup.quote punctuation.definition.blockquote.markdown	#b5890035	—
markup.admonition.markdown.danger punctuation.definition.admonition.markdown, markup.admonition.markdown.danger punctuation.definition.heading, markup.admonition.markdown.danger punctuation.definition.table.vertical-line, markup.admonition.markdown.danger punctuation.definition.table.horizontal-line, markup.admonition.markdown.danger punctuation.definition.table.alignments, markup.admonition.markdown.danger punctuation.definition.heading, markup.admonition.markdown.danger punctuation.definition.bold, markup.admonition.markdown.danger punctuation.definition.italic, markup.admonition.markdown.danger punctuation.definition.list_item, markup.admonition.markdown.danger punctuation.definition.raw, markup.admonition.markdown.danger markup.checkbox.markdown, markup.admonition.markdown.danger punctuation.definition.list_item.todo.pending, markup.admonition.markdown.danger meta.link punctuation.definition, markup.admonition.markdown.danger meta.link.inline markup.underline.link, markup.admonition.markdown.danger meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.danger punctuation.definition.entity.html, markup.admonition.markdown.danger meta.separator.markdown, markup.admonition.markdown.danger markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.danger meta.definition.language.raw.block.fenced.markdown	#dc322f75	—
markup.admonition.markdown.danger entity.name.admonition.markdown	#dc322f	bold
markup.admonition.markdown.attention punctuation.definition.admonition.markdown, markup.admonition.markdown.attention punctuation.definition.heading, markup.admonition.markdown.attention punctuation.definition.table.vertical-line, markup.admonition.markdown.attention punctuation.definition.table.horizontal-line, markup.admonition.markdown.attention punctuation.definition.table.alignments, markup.admonition.markdown.attention punctuation.definition.heading, markup.admonition.markdown.attention punctuation.definition.bold, markup.admonition.markdown.attention punctuation.definition.italic, markup.admonition.markdown.attention punctuation.definition.list_item, markup.admonition.markdown.attention punctuation.definition.raw, markup.admonition.markdown.attention markup.checkbox.markdown, markup.admonition.markdown.attention punctuation.definition.list_item.todo.pending, markup.admonition.markdown.attention meta.link punctuation.definition, markup.admonition.markdown.attention meta.link.inline markup.underline.link, markup.admonition.markdown.attention meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.attention punctuation.definition.entity.html, markup.admonition.markdown.attention meta.separator.markdown, markup.admonition.markdown.attention markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.attention meta.definition.language.raw.block.fenced.markdown	#85990075	—
markup.admonition.markdown.attention entity.name.admonition.markdown	#859900	bold
sublimelinter.mark.warning	#b58900	—
sublimelinter.gutter-mark	#ffffff	—
sublimelinter.mark.error	#dc322f	—
markup.ignored.git_gutter	#586e75	—
markup.untracked.git_gutter	#586e75	—
markup.inserted.git_gutter	#859900	—
markup.changed.git_gutter	#b58900	—
markup.deleted.git_gutter	#dc322f	—
brackethighlighter.default	#6c71c4	—
brackethighlighter.unmatched	#dc322f	—
brackethighlighter.curly	#644ea0	—
brackethighlighter.round	#b58900	—
brackethighlighter.square	#268bd2	—
brackethighlighter.angle	#cb4b16	—
brackethighlighter.tag	#2aa198	—
brackethighlighter.quote	#859900	—

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