Solana Summer

Name: Solana Summer
Author: Cregg

Publisher: CreggThemes in package: 1

A VS Code Theme based on the color theme of the Solana crypto ecosystem

Open in VS Code GitHub

VS Code preview

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

Solana Summer — Solana Summer

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#193650
activityBar.border#19365060
activityBar.foreground#00FFA3
activityBarBadge.background#FFDB20
activityBarBadge.foreground#193650
badge.background#19365030
badge.foreground#DC1FFF
breadcrumb.activeSelectionForeground#DC1FFF
breadcrumb.background#193650
breadcrumb.focusForeground#00FFA3
breadcrumb.foreground#DC1FFF
breadcrumbPicker.background#193650
button.background#DC1FFF50
contrastBorder#DC1FFF40
debugToolBar.background#193650
diffEditor.insertedTextBackground#FF852D15
diffEditor.removedTextBackground#FF852D20
dropdown.background#193650
dropdown.border#03E1FF10
editor.background#193650
editor.findMatchBackground#193650
editor.findMatchBorder#DC1FFF
editor.findMatchHighlightBackground#DC1FFF93
editor.findMatchHighlightBorder#03E1FF30
editor.foreground#00FFA3
editor.hoverHighlightBackground#00FFA311
editor.lineHighlightBackground#19365050
editor.selectionBackground#FFDB2030
editor.selectionHighlightBackground#DC1FFF6b
editor.selectionHighlightBorder#FFDB20f0
editorBracketMatch.background#193650
editorBracketMatch.border#FF852D7f
editorCursor.foreground#FF852D
editorError.foreground#FF852D70
editorGroup.border#19365030
editorGroupHeader.tabsBackground#193650
editorGutter.addedBackground#FF852D60
editorGutter.deletedBackground#FF852D60
editorGutter.modifiedBackground#FFDB2060
editorHoverWidget.background#193650
editorHoverWidget.border#FF852D
editorHoverWidget.foreground#00FFA3
editorHoverWidget.statusBarBackground#FF852D
editorIndentGuide.activeBackground#00FFA3
editorIndentGuide.background#00FFA370
editorInfo.foreground#FFDB2070
editorLineNumber.activeForeground#FFDB20
editorLineNumber.foreground#DC1FFFc0
editorLink.activeForeground#00FFA3
editorMarkerNavigation.background#00FFA305
editorOverviewRuler.border#193650
editorOverviewRuler.errorForeground#FF852D40
editorOverviewRuler.findMatchForeground#DC1FFF
editorOverviewRuler.infoForeground#FFDB2040
editorOverviewRuler.warningForeground#FF852D70
editorRuler.foreground#00FFA3
editorSuggestWidget.background#193650
editorSuggestWidget.border#03E1FF10
editorSuggestWidget.foreground#00FFA3
editorSuggestWidget.highlightForeground#FF852D
editorSuggestWidget.selectedBackground#DC1FFF20
editorWarning.foreground#FF852D
editorWhitespace.foreground#00FFA340
editorWidget.background#193650
editorWidget.border#FF852D
editorWidget.resizeBorder#DC1FFF
extensionButton.prominentBackground#FF852D90
extensionButton.prominentHoverBackground#FF852D
focusBorder#03E1FF00
gitDecoration.conflictingResourceForeground#FF852D
gitDecoration.deletedResourceForeground#FF852D
gitDecoration.ignoredResourceForeground#DC1FFF
gitDecoration.modifiedResourceForeground#DC1FFF
gitDecoration.untrackedResourceForeground#FFDB20
input.background#193650
input.border#03E1FF10
input.foreground#00FFA3
input.placeholderForeground#00FFA360
inputOption.activeBackground#00FFA330
inputOption.activeBorder#00FFA330
inputValidation.errorBorder#FF852D50
inputValidation.infoBorder#FFDB2050
inputValidation.warningBorder#FF852D50
list.activeSelectionBackground#193650
list.activeSelectionForeground#DC1FFF
list.focusBackground#193650
list.focusForeground#FFDB20
list.highlightForeground#DC1FFF
list.hoverBackground#FF852D22
list.hoverForeground#03E1FF
list.inactiveSelectionBackground#19365030
list.inactiveSelectionForeground#DC1FFF
list.warningForeground#FF852D
listFilterWidget.background#19365030
listFilterWidget.noMatchesOutline#19365030
listFilterWidget.outline#19365030
menu.background#193650f8
menu.border#DC1FFF50
menu.foreground#00FFA3
menu.selectionBackground#193650
menu.selectionBorder#19365030
menu.selectionForeground#00FFA3
menu.separatorBackground#00FFA3
menubar.selectionBackground#193650
menubar.selectionBorder#DC1FFF50
menubar.selectionForeground#00FFA3
minimap.background#193650
minimapGutter.addedBackground#FF852D
minimapGutter.deletedBackground#FF852D
minimapGutter.modifiedBackground#FF852D
minimapSlider.activeBackground#FF852Db0
minimapSlider.background#feb02780
minimapSlider.hoverBackground#feb027a0
notificationLink.foreground#DC1FFF
notifications.background#193650
notifications.foreground#00FFA3
panel.background#193650
panel.border#19365060
panelTitle.activeBorder#DC1FFF
panelTitle.activeForeground#03E1FF
panelTitle.inactiveForeground#00FFA3
peekView.border#19365030
peekViewEditor.background#00FFA305
peekViewEditor.matchHighlightBackground#DC1FFF50
peekViewEditorGutter.background#00FFA305
peekViewResult.background#00FFA305
peekViewResult.matchHighlightBackground#DC1FFF50
peekViewResult.selectionBackground#DC1FFF70
peekViewTitle.background#00FFA305
peekViewTitleDescription.foreground#00FFA360
pickerGroup.foreground#DC1FFF
progressBar.background#DC1FFF
scrollbar.shadow#19365000
scrollbarSlider.activeBackground#DC1FFFcc
scrollbarSlider.background#DC1FFFbb
scrollbarSlider.hoverBackground#DC1FFFee
selection.background#DC1FFF
settings.checkboxBackground#193650
settings.checkboxForeground#00FFA3
settings.dropdownBackground#193650
settings.dropdownForeground#00FFA3
settings.headerForeground#DC1FFF
settings.modifiedItemIndicator#DC1FFF
settings.numberInputBackground#193650
settings.numberInputForeground#00FFA3
settings.textInputBackground#193650
settings.textInputForeground#00FFA3
sideBar.background#193650
sideBar.border#DC1FFF50
sideBar.foreground#FFDB20
sideBarSectionHeader.background#193650
sideBarSectionHeader.border#19365060
sideBarSectionHeader.foreground#FFDB20
sideBarTitle.foreground#00FFA3
statusBar.background#193650
statusBar.border#19365060
statusBar.debuggingBackground#FF852D
statusBar.debuggingForeground#03E1FF
statusBar.foreground#00FFA3
statusBar.noFolderBackground#193650
statusBarItem.hoverBackground#DC1FFF20
statusBarItem.remoteBackground#DC1FFF
statusBarItem.remoteForeground#193650
tab.activeBackground#DC1FFF50
tab.activeBorder#DC1FFF
tab.activeForeground#03E1FF
tab.activeModifiedBorder#DC1FFF
tab.border#193650
tab.inactiveBackground#DC1FFF20
tab.inactiveForeground#00FFA3af
tab.unfocusedActiveBackground#DC1FFF40
tab.unfocusedActiveBorder#DC1FFF
tab.unfocusedActiveForeground#00FFA3
tab.unfocusedInactiveBackground#DC1FFF10
tab.unfocusedInactiveForeground#00FFA37f
terminal.ansiBlack#193650
terminal.ansiBlue#FFDB20
terminal.ansiBrightBlack#DC1FFF
terminal.ansiBrightBlue#FFDB20
terminal.ansiBrightCyan#FFDB20
terminal.ansiBrightGreen#FF852D
terminal.ansiBrightMagenta#FF852D
terminal.ansiBrightRed#FF852D
terminal.ansiBrightWhite#03E1FF
terminal.ansiBrightYellow#FF852D
terminal.ansiCyan#FFDB20
terminal.ansiGreen#FF852D
terminal.ansiMagenta#FF852D
terminal.ansiRed#FF852D
terminal.ansiWhite#03E1FF
terminal.ansiYellow#FF852D
terminalCursor.background#193650
terminalCursor.foreground#FF852D
textLink.activeForeground#00FFA3
textLink.foreground#DC1FFF
titleBar.activeBackground#193650
titleBar.activeForeground#00FFA3
titleBar.border#19365060
titleBar.inactiveBackground#193650
titleBar.inactiveForeground#DC1FFF
tree.indentGuidesStroke#00FFA3
widget.shadow#19365030
window.activeBorder#FF852D

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
variable, string constant.other.placeholder, invalid.deprecated, keyword, storage.type, storage.modifier	#FF852D	—
variable, string constant.other.placeholder, entity.name.function, punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss	—	italic
punctuation.definition.interpolation.end.bracket.curly.scss, punctuation.definition.interpolation.begin.bracket.curly.scss	#FF852D	—
constant.other.php	#FF852D	—
constant.other.color	#03E1FF	—
invalid, invalid.illegal	#FF852D	—
Keyword, Storage	—	italic
keyword.control, constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.tag.reference.scss	#A7A8AF	—
punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.type.module.js	#DC1FFF	—
keyword.control.at-rule, punctuation.terminator.rule.css, keyword.control.operator, punctuation.definition.entity.css, keyword.operator.assignment.js, punctuation.separator.comma.js, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, punctuation.definition.binding-pattern.object.js	#5ba4c8	—
punctuation.definition, string.quoted.single.scss	#A7A8AF	—
keyword.control	—	bold
comment.line.scss, comment.line.double-slash.js, punctuation.definition.comment.scss, punctuation.definition.comment.js, punctuation.definition.comment.html, comment.block.html	#00FFA366	—
text.html.derivative	#A7A8AF	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#00FFA3	—
entity.name.tag.html	—	bold
variable.parameter.js, variable.parameter.keyframe-list.css	#FF852D	—
variable.other.object.js, storage.type.js, string.other.link.title.markdown, variable.other.readwrite.js, variable.other.property.js	#00FFA3	bold
variable.other.object.js, storage.type.js	#03E1FF	italic
variable.other.constant.js	#00FFA3	italic
meta.brace.round.js	#5BA4C8	—
meta.object-literal.key.js	#00FFA3	—
string.quoted.double.js, string.quoted.single.js	#00FFA3	—
string, string.quoted.double.html, variable.other.object.property.js, string.quoted.double.json, markup.fenced_code.block.markdown, markup.inline.raw.string.markdown, variable.function, keyword.other.special-method, entity.name.function, markup.bold, markup.bold.markdown, markup.italic.markdown, meta.class-method.js entity.name.function.js, variable.function.constructor, entity.name.tag.other.html, entity.name.tag.block.any.html, source.sass keyword.control	#FFDB20	—
punctuation.definition.string.begin.html, punctuation.definition.string.end.html	#FFDB20	—
support.other.variable, string.other.link, markup.table	#00FFA3	—
constant.numeric, constant.language, constant.character, constant.escape, keyword.other.unit, keyword.other, punctuation.separator.key-value.html	#DC1FFF	—
variable.parameter.function.language.special, variable.parameter	#FF852D	—
constant.other.symbol, constant.other.key, entity.other.inherited-class, keyword.other.unit, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly, constant.other.object.key.js, string.unquoted.label.js	#FF852D
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.attribute-name.html	#FF852D	—
support.type	#B2CCD6	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#DC1FFF	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF852D	—
entity.name.method.js, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#FFDB20	italic
entity.other.attribute-name, support.function	#FF852D	—
entity.other.attribute-name.id, entity.other.attribute-name.class, entity.other.attribute-name.pseudo-class, entity.name.tag.css, keyword.control.conditional.js, support.constant, entity.other.attribute-name.html, storage.type.function.js, meta.object-literal.key, keyword.control	#DC1FFF	—
source.scss keyword.control	#FF852D	—
markup.inserted	#FF852D	—
markup.deleted	#FF852D	—
markup.changed	#FF852D	—
string.regexp	#FFDB20	—
constant.character.escape	#FFDB20	—
url, link, uri	—	underline
source.js constant.other.object.key.js string.unquoted.label.js	#00FFA3	italic
support.type.property-name.json	#00FFA3	—
text.html.markdown, punctuation.definition.list_item.markdown	#00FFA3	—
text.html.markdown markup.inline.raw.markdown	#FF852D	—
text.html.markdown markup.inline.raw.markdown, punctuation.definition.raw.markdown	#DC1FFF50	—
text.html.markdown meta.dummy.line-break	—	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown, entity.name.section.markdown	#DC1FFF	bold
markup.underline	#FFDB20	underline
markup.strike	—
markup.quote punctuation.definition.blockquote.markdown	#DC1FFF50	—
markup.quote	—	italic
string.other.link.description.title.markdown	#FF852D	—
constant.other.reference.link.markdown	#FF852D	—
markup.raw.block	#FF852D	—
punctuation.definition.raw.markdown, punctuation.definition.markdown	#FFDB20	—
variable.language.fenced.markdown	#DC1FFF	—
meta.separator	#A7A8AF	bold
token.info-token	#DC1FFF	—
token.warn-token	#FF852D	—
token.error-token	#FF293B	—
token.debug-token	#FFDB20	—
entity.name.type.numeric.rust	#03E1FF	—
entity.name.type.rust	#03E1FF	—
keyword.other.rust, meta.use.rust, source.rust	#03E1FF	—
storage.type.rust, storage.modifier.mut.rust	#03E1FF	italic
keyword.operator.comparison.rust, keyword.operator.assignment, keyword.operator.namespace.rust, punctuation.definition.string.rust, punctuation.semi.rust, punctuation.comma.rust, punctuation.brackets.round.rust, punctuation.definition.interpolation.rust, punctuation.brackets.angle.rust, punctuation.brackets.attribute.rust	#5ba4c8	—
keyword.control.rust, keyword.other.rust, entity.name.type.option.rust	#DC1FFF	—
variable.other.rust, string.quoted.double.rust, string.quoted.single.rust	#00FFA3	bold
comment.line.double-slash.rust	#00FFA366	—
comment.line.number-sign.python, punctuation.definition.comment.python	#00FFA366	—
variable.other.python, string.quoted.double.python, string.quoted.single.python	#00FFA3	bold
punctuation.separator.comma.python, punctuation.definition.string.begin.python, punctuation.definition.string.end.python, keyword.operator.comparison.python, punctuation.separator.period.python, punctuation.separator.colon.python, punctuation.separator.arguments.python	#5ba4c8	—
storage.type.function.python	#DC1FFF	—
keyword.control.import.python	#03E1FF	italic bold
source.python	#00FFA3	bold
meta.function-call.generic.python	#03E1FF	italic
support.function.builtin.python	#FFDB20	—
meta.function-call.generic.python	#FFDB20	italic
support.type.python	#FF852D	—

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