Rainbow Sunset

Name: Rainbow Sunset
Author: kzlecha

Publisher: kzlechaThemes in package: 1

Rainbow Sunset Color Theme

Open in VS Code GitHub

VS Code preview

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

Rainbow Sunset — Rainbow Sunset

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.

activityBarBadge.background#F88387
charts.blue#6CA5B2
charts.green#87C991
charts.orange#FEA880
charts.purple#B1A2F6
charts.red#F88387
charts.yellow#FAD47C
editor.background#292727
editor.foreground#E7DEDA
editor.inactiveSelectionBackground#E987CD20
editor.selectionBackground#E987CD30
editorIndentGuide.background#6B6669
editorWarning.foreground#FAD47C
foreground#E7DEDA
gitDecoration.addedResourceForeground#87C999
gitDecoration.conflictingResourceForeground#E987CD
gitDecoration.deletedResourceForeground#D03D3A
gitDecoration.modifiedResourceForeground#FAD47C
gitDecoration.stageDeletedResourceForeground#D03D3A
gitDecoration.stageModifiedResourceForeground#FAD47C
gitDecoration.untrackedResourceForeground#87C999
inputOption.activeForeground#E7DEDA
inputValidation.errorBackground#D03D3A50
inputValidation.errorBorder#D03D3A
inputValidation.errorForeground#E7DADA
inputValidation.warningBackground#FAD47C50
inputValidation.warningBorder#FAD47C
inputValidation.warningForeground#E7DADA
list.activeSelectionBackground#E987CD30
list.activeSelectionForeground#E7DEDA
list.dropBackground#383B3D
list.inactiveSelectionBackground#E987CD20
menu.background#292727
minimap.errorHighlight#D03D3A50
minimap.warningHighlight#FAD47C50
panel.border#6B6669
selection.background#E987CD30
sideBar.background#262525
sideBarTitle.foreground#E7DEDA
terminal.ansiBlue#6CA5B275
terminal.ansiBrightBlue#6CA5B2
terminal.ansiBrightCyan#B1A2F6
terminal.ansiBrightGreen#87C999
terminal.ansiBrightMagenta#E987CD
terminal.ansiBrightRed#F88387
terminal.ansiBrightYellow#FAD47C
terminal.ansiCyan#B1A2F675
terminal.ansiGreen#87C99975
terminal.ansiMagenta#E987CD75
terminal.ansiRed#F8838775
terminal.ansiYellow#FAD47C75
terminal.background#292727
terminal.foreground#E7DEDA
terminal.selectionBackground#E987CD30
terminalCursor.foreground#E7DEDA
testing.iconErrored#D03D3A
testing.iconFailed#D03D3A
testing.iconPassed#87C991

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded	#E7DEDA	—
emphasis	—	italic
strong	—	bold
header	#FEA880	—
comment, string.quoted.docstring.multi.python	#B295AA	—
constant.language, constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent	#FAD47C	—
entity.name.tag, entity.name.tag.css	#F88387	—
entity.other.attribute-name, entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss	#E987CD	—
invalid	#D03D3A	—
punctuation.definition.tag	#F88387	bold
meta.preprocessor, entity.name.function.preprocessor	#FEA880	—
meta.preprocessor.numeric	#FAD47C	—
meta.diff.header	#6CA5B2	—
storage, storage.type, storage.modifier, keyword.operator.noexcept	#F88387	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.function-call.generic.python	#FEA880	—
variable.parameter.function.language.python	—	italic
meta.object-literal.key	#87C999	—
variable.object.property.ts, meta.definition.property.ts, variable.other.object.property.java, variable.other.property.js	#87C999	—
support.type.object.dom.js	#E987CD	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#6CA5B2	—
string, meta.embedded.assembly, string.tag, string.value, meta.preprocessor.string	#B1A2F6	—
string.regexp, constant.regexp	#87C999	—
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded	#6CA5B2	—
meta.template.expression	#E7DEDA	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded	#FEA880	—
keyword, keyword.control	#F88387	—
keyword.operator	#E7DEDA	—
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, keyword.operator.in.js, keyword.operator.logical	#F88387	—
keyword.other.unit	#FAD47C	—
support.function.git-rebase, constant.sha.git-rebase	#6CA5B2	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#F88387	—
variable.language, variable.parameter.function.language.special.self.python	#E987CD	italic
entity.name.class, entity.name.type.interface, entity.name.type.class	#E987CD	—
meta.structure.dictionary.key.python, string.unquoted.js	#87C999	—
variable.parameter.url.css	#87C999	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#B1A2F6	italic
source.js constant.other.object.key.js string.unquoted.label.js	#D03D3A	italic
text.html.markdown, punctuation.definition.list_item.markdown	#E7DEDA
markup.underline	—	underline
markup.bold	#FEA880	bold
markup.italic	#FEA880	italic
markup.bold markup.italic, markup.italic markup.bold, markup.bold markup.italic string, markup.italic markup.bold string	#FEA880	italic bold
markup.heading	#F88387	bold
markup.inserted	#87C991	—
markup.deleted	#D03D3A	—
markup.changed	#FAD47C	—
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown	#E987CD	—
markup.inline.raw, text.html.markdown markup.inline.raw.markdown, text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#FAD47C	—
markup.quote	—	italic
string.other.link.title.markdown, string.other.link.description.markdown, string.other.link.description.title.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, constant.other.reference.link.markdown	#E987CD	—
markup.underline.link.markdown, punctuation.definition.metadata.markdown, markup.underline.link.image.markdown	#B1A2F6	underline
markup.raw.block, markup.raw.block.fenced.markdown, punctuation.definition.fenced.markdown, variable.language.fenced.markdown, markup.fenced_code.block.markdown, markup.quote punctuation.definition.blockquote.markdown	#87C999	—
meta.separator	#E987CD	bold
markup.table	#6CA5B2	—

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