Solarized Dark Vim

Name: Solarized Dark Vim
Author: hkmix

Publisher: hkmixThemes in package: 1

A more accurate, minimal Solarized Dark theme designed to look like it does in vim.

GitHub

VS Code preview

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

Solarized Dark Vim — Solarized Dark Vim

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.activeBackground#073642
activityBar.activeBorder#268bd2
activityBar.background#002b36
activityBar.border#073642
activityBar.foreground#eee8d5
badge.background#586e75
badge.foreground#eee8d5
breadcrumb.activeSelectionForeground#e0e0e0
breadcrumb.background#002b36
breadcrumb.focusForeground#eee8d5
breadcrumb.foreground#839496
button.background#073642
button.foreground#839496
button.hoverBackground#586e7599
button.secondaryBackground#073642
button.secondaryForeground#839496
checkbox.background#073642
checkbox.foreground#eee8d5
debugExceptionWidget.background#002b36
debugExceptionWidget.border#dc322f
debugToolBar.background#002b36
debugToolBar.border#073642
descriptionForeground#eee8d5
diffEditor.insertedTextBackground#85990022
diffEditor.removedTextBackground#dc322f22
dropdown.background#073642
dropdown.border#073642
dropdown.foreground#839496
editor.background#002b36
editor.findMatchBackground#586e7599
editor.findMatchHighlightBackground#85990022
editor.foreground#839496
editor.lineHighlightBackground#073642
editor.selectionBackground#00586e75
editor.selectionHighlightBackground#073642
editor.wordHighlightBackground#073642
editor.wordHighlightStrongBackground#00586e75
editorCursor.background#002b36
editorCursor.foreground#93a1a1
editorGroup.border#002b36
editorGroup.dropBackground#2aa19844
editorGroupHeader.tabsBackground#00202b
editorGutter.addedBackground#859900
editorGutter.background#002b36
editorGutter.commentRangeForeground#eee8d5
editorGutter.deletedBackground#dc322f
editorGutter.modifiedBackground#268bd2
editorHint.border#ff000000
editorHint.foreground#dc322f
editorHoverWidget.background#002b36
editorHoverWidget.border#073642
editorIndentGuide.activeBackground#586e75
editorIndentGuide.background#073642
editorInlayHint.background#002b36
editorInlayHint.foreground#586e75
editorLineNumber.activeForeground#93a1a1
editorLineNumber.foreground#586e75
editorOverviewRuler.addedForeground#859900
editorOverviewRuler.border#586e7599
editorOverviewRuler.bracketMatchForeground#586e75
editorOverviewRuler.commonContentForeground#586e75
editorOverviewRuler.currentContentForeground#2aa198
editorOverviewRuler.deletedForeground#dc322f
editorOverviewRuler.errorForeground#dc322f
editorOverviewRuler.findMatchForeground#586e7599
editorOverviewRuler.incomingContentForeground#268bd2
editorOverviewRuler.infoForeground#268bd2
editorOverviewRuler.modifiedForeground#268bd2
editorOverviewRuler.rangeHighlightForeground#268bd222
editorOverviewRuler.selectionHighlightForeground#586e7522
editorOverviewRuler.warningForeground#b58900
editorOverviewRuler.wordHighlightForeground#586e7599
editorOverviewRuler.wordHighlightStrongForeground#cb4b1699
editorRuler.foreground#073642
editorWhitespace.foreground#073642
editorWidget.background#002b36
editorWidget.border#073642
errorForeground#93a1a1
focusBorder#2aa19822
foreground#849496
gitDecoration.addedResourceForeground#859900
gitDecoration.conflictingResourceForeground#6c71c4
gitDecoration.deletedResourceForeground#dc322f
gitDecoration.ignoredResourceForeground#586e75
gitDecoration.modifiedResourceForeground#268bd2
gitDecoration.submoduleResourceForeground#2aa198
gitDecoration.untrackedResourceForeground#839496
icon.foreground#eee8d5
input.background#073642
input.foreground#eee8d5
input.placeholderForeground#93a1a1aa
inputOption.activeBorder#2aa19899
inputValidation.errorBackground#002b36
inputValidation.errorBorder#dc322f
inputValidation.infoBackground#002b36
inputValidation.infoBorder#268bd2
inputValidation.warningBackground#002b36
inputValidation.warningBorder#b58900
list.activeSelectionBackground#586e75
list.activeSelectionForeground#eee8d5
list.dropBackground#586e75
list.errorForeground#dc322f
list.focusBackground#586e7533
list.highlightForeground#268bd2
list.hoverBackground#073642
list.inactiveSelectionBackground#073642
menu.background#002b36
menu.border#073642
menu.selectionBackground#073642
menu.separatorBackground#073642
minimap.selectionHighlight#586e75
panel.background#002b36
panel.border#073642
panelTitle.activeBorder#eee8d5
panelTitle.activeForeground#eee8d5
panelTitle.inactiveForeground#839496
peekView.border#ff000000
peekViewEditor.background#073642
peekViewEditor.matchHighlightBackground#073642
peekViewResult.background#00212b
peekViewResult.selectionBackground#586e75
peekViewTitle.background#073642
pickerGroup.border#073642
pickerGroup.foreground#586e75
progressBar.background#047aa6
quickInput.background#002b36
scrollbar.shadow#002b3600
scrollbarSlider.activeBackground#586e75
scrollbarSlider.background#586e7599
scrollbarSlider.hoverBackground#586e75
selection.background#073642
settings.headerForeground#eee8d5
settings.modifiedItemIndicator#268bd2
settings.numberInputBackground#073642
settings.numberInputForeground#839496
settings.textInputBackground#073642
settings.textInputForeground#839496
sideBar.background#002b36
sideBar.border#073642
sideBarSectionHeader.background#002b36
sideBarTitle.foreground#93a1a1
statusBar.background#002b36
statusBar.border#073642
statusBar.debuggingBackground#cb4b16
statusBar.debuggingForeground#eee8d5
statusBar.foreground#93a1a1
statusBar.noFolderBackground#002b36
statusBarItem.remoteBackground#2aa19899
tab.activeBackground#002b36
tab.activeForeground#eee8d5
tab.border#002b36
tab.inactiveBackground#00202b
tab.inactiveForeground#586e75
tab.unfocusedHoverBackground#07364299
terminal.ansiBlack#073642
terminal.ansiBlue#268bd2
terminal.ansiBrightBlack#586e75
terminal.ansiBrightBlue#839496
terminal.ansiBrightCyan#93a1a1
terminal.ansiBrightGreen#586e75
terminal.ansiBrightMagenta#6c71c4
terminal.ansiBrightRed#cb4b16
terminal.ansiBrightWhite#fdf6e3
terminal.ansiBrightYellow#657b83
terminal.ansiCyan#2aa198
terminal.ansiGreen#859900
terminal.ansiMagenta#d33682
terminal.ansiRed#dc322f
terminal.ansiWhite#eee8d5
terminal.ansiYellow#b58900
terminal.background#002b36
terminal.border#073642
terminal.foreground#839496
terminal.selectionBackground#586e7599
titleBar.activeBackground#00202b
titleBar.activeForeground#93a1a1
titleBar.inactiveBackground#00202b
titleBar.inactiveForeground#586e75
tree.indentGuidesStroke#07364299
widget.shadow#00202b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment entity.name.tag, comment keyword.other, comment punctuation.definition.string, comment string, comment, fenced_code.block.language, keyword.other.documentation.javadoc, keyword.other.phpdoc, markup.inline.raw, markup.raw, punctuation.definition.comment, punctuation.definition.markdown, punctuation.definition.raw, storage.type.class.jsdoc	#586e75	—
invalid, invalid.illegal	#dc322f	—
keyword.operator.borrow.and.rust, keyword.operator.sigil, keyword.type.cs, markup.heading, punctuation.definition.heading, source.gdscript entity.other.inherited-class, source.gdscript support.class.library, source.go storage.type, storage.modifier, storage.type.built-in, storage.type.core, storage.type.primitive, support.function.be.latex, support.type.built-in, support.type.primitive, text.tex support.function.section	#b58900	—
entity.name.tag, keyword.control, keyword.language, keyword.operator.cast, keyword.operator.delete, keyword.operator.expansion, keyword.operator.expression, keyword.operator.logical.python, keyword.operator.new, keyword.operator.question.rust, keyword.operator.sizeof, keyword.operator.wordlike, keyword.other, source.cmake keyword, source.go keyword, source.lua storage.modifier, source.php storage.modifier, source.shell support.function.builtin, storage.modifier.visibility, storage.type, support.function.verb.latex, text.tex support.function, variable.language	#859900	—
constant.language.import-export-all, keyword.operator, meta.embedded.line, punctuation.definition.variable.php, source, source.ini keyword.other.definition, source.java storage.modifier.import, source.java storage.modifier.package, source.java storage.type.generic, source.java storage.type.object.array, source.python variable.language.special, source.yaml string, storage.modifier.pointer, storage.modifier.reference, storage.type.cs, storage.type.function.arrow, storage.type.java, support.constant.core.rust, support.type.property-name, text, variable.language.rust, variable.language.self, variable.language.this, variable.language.wildcard	#839496	—
constant.character, constant.escape, constant.language, constant.numeric, keyword.other.unit, punctuation.definition.string, punctuation.quoted.docstring, storage.type.string, string, string.quoted, support.constant, text.tex support.class.math	#2aa198	—
entity.name.function.decorator, meta.function.decorator.python, punctuation.definition.annotation, punctuation.definition.decorator, punctuation.definition.list.begin.markdown, punctuation.definition.quote.begin, punctuation.definition.template-expression, storage.type.annotation, support.type.builtin, support.type.sys-types, support.variable.property, text.tex keyword.control.table, variable.language.special	#268bd2	—
constant.character.entity, constant.character.escape, constant.character.format.placeholder.other, entity.name.function.preprocessor, entity.name.section.group-title, keyword.control.directive, meta.attribute, meta.preprocessor.conditional, meta.preprocessor.cs, meta.preprocessor.pragma, punctuation.definition.directive, punctuation.definition.entity, punctuation.definition.variable, punctuation.separator.continuation, source.c constant.other.placeholder, source.rust support.function.std, storage.modifier.lifetime, string.regexp.quoted.single, support.function.core.rust, variable.other.bracket, variable.other.normal, variable.other.positional, variable.other.special	#cb4b16	—
keyword.other.documentation.javadoc, markup.bold	—	bold
markup.italic	—	italic
token.info-token	#268bd2	—
token.warn-token	#b58900	—
token.error-token	#dc322f	—
token.debug-token	#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}!`;
}