Siberia

Name: Siberia
Author: Pavel

Publisher: PavelThemes in package: 2

GitHub

Color themes

VS Code preview

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

Siberia — Siberia 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.activeBackground#292d39
activityBar.activeBorder#70b6d0
activityBar.activeFocusBorder#bddeec
activityBar.background#252934
activityBar.border#252934
activityBar.dropBorder#252934
activityBar.foreground#97a6d7
activityBar.inactiveForeground#5c647b
activityBarBadge.background#70b6d0
activityBarBadge.foreground#39606f
badge.background#70b6d0
badge.foreground#09161b
button.background#1d202a
button.border#0000
button.foreground#8896c3
button.hoverBackground#21252f
button.secondaryBackground#8491bc
button.secondaryForeground#21252f
button.secondaryHoverBackground#7a87af
button.separator#12141b
checkbox.background#313643
checkbox.border#313643
checkbox.foreground#97a6d7
commandCenter.activeBackground#2d313e
commandCenter.activeBorder#292d39
commandCenter.background#292d39
commandCenter.border#292d39
commandCenter.foreground#97a6d7
commandCenter.inactiveBorder#292d39
debugIcon.breakpointForeground#e98989
debugToolBar.background#252934
descriptionForeground#6f7893
diffEditor.border#252934
diffEditor.diagonalFill#313643
diffEditor.insertedLineBackground#364152
diffEditor.insertedTextBackground#3e4a5d
diffEditor.removedLineBackground#e989891A
diffEditor.removedTextBackground#e989891A
dropdown.background#313643
dropdown.border#313643
dropdown.foreground#97a6d7
dropdown.listBackground#313643
editor.background#292d39
editor.findMatchBackground#4b5164
editor.findMatchHighlightBackground#313643
editor.findRangeHighlightBackground#313643
editor.foldBackground#393f4e
editor.foreground#97a6d7
editor.hoverHighlightBackground#313643
editor.inactiveSelectionBackground#393f4e
editor.lineHighlightBackground#2d313e
editor.lineHighlightBorder#2d313e
editor.linkedEditingBackground#313643
editor.selectionBackground#393f4e
editor.selectionHighlightBackground#0000
editor.snippetFinalTabstopHighlightBackground#313643
editor.snippetTabstopHighlightBackground#313643
editor.wordHighlightBackground#0000
editor.wordHighlightStrongBackground#0000
editorBracketHighlight.foreground1#97a6d7
editorBracketHighlight.foreground2#97a6d7
editorBracketHighlight.foreground3#97a6d7
editorBracketHighlight.foreground4#97a6d7
editorBracketHighlight.foreground5#97a6d7
editorBracketHighlight.foreground6#97a6d7
editorBracketHighlight.unexpectedBracket.foreground#e98989
editorBracketMatch.background#393f4e
editorBracketMatch.border#393f4e
editorCodeLens.foreground#4b5164
editorCursor.background#292d39
editorCursor.foreground#95a1c5
editorError.foreground#e9898999
editorGroup.border#252934
editorGroup.emptyBackground#292d39
editorGroup.focusedEmptyBorder#292d39
editorGroupHeader.border#292d39
editorGroupHeader.tabsBackground#252934
editorGroupHeader.tabsBorder#292d39
editorGutter.addedBackground#6dab9f
editorGutter.background#292d39
editorGutter.deletedBackground#e98989
editorGutter.foldingControlForeground#4d5570
editorGutter.modifiedBackground#ecbfa1
editorHint.foreground#8bacd8
editorHoverWidget.background#252934
editorHoverWidget.border#252934
editorHoverWidget.foreground#6f7893
editorHoverWidget.highlightForeground#95a1c5
editorHoverWidget.statusBarBackground#252934
editorIndentGuide.activeBackground#393f4e
editorIndentGuide.background#313643
editorInfo.foreground#8bacd8
editorInlayHint.background#292d39
editorInlayHint.foreground#616983
editorLightBulb.foreground#ecbfa1
editorLightBulbAutoFix.foreground#ecbfa1
editorLineNumber.activeForeground#c9d2f4
editorLineNumber.foreground#95a1c5
editorLink.activeForeground#a1b1e5
editorOverviewRuler.addedForeground#6dab9f
editorOverviewRuler.background#292d39
editorOverviewRuler.border#292d39
editorOverviewRuler.deletedForeground#e9898999
editorOverviewRuler.errorForeground#e98989
editorOverviewRuler.warningForeground#ecbfa1
editorPane.background#292d39
editorRuler.foreground#313643
editorSuggestWidget.background#252934
editorSuggestWidget.border#252934
editorSuggestWidget.focusHighlightForeground#95a1c5
editorSuggestWidget.foreground#6f7893
editorSuggestWidget.highlightForeground#95a1c5
editorSuggestWidget.selectedBackground#292d39
editorSuggestWidget.selectedForeground#95a1c5
editorSuggestWidget.selectedIconForeground#70b6d0
editorSuggestWidgetStatus.foreground#95a1c5
editorUnnecessaryCode.border#4b516433
editorUnnecessaryCode.opacity#00000099
editorWarning.foreground#ecbfa1
editorWhitespace.foreground#313643
editorWidget.background#252934
editorWidget.border#252934
editorWidget.foreground#97a6d7
editorWidget.resizeBorder#4b5164
errorForeground#e98989
focusBorder#252934
foreground#6f7893
gitDecoration.addedResourceForeground#6dab9f
gitDecoration.conflictingResourceForeground#e98989
gitDecoration.deletedResourceForeground#e98989
gitDecoration.ignoredResourceForeground#4b5164
gitDecoration.modifiedResourceForeground#ecbfa1
gitDecoration.renamedResourceForeground#97a6d7
gitDecoration.stageDeletedResourceForeground#e98989
gitDecoration.stageModifiedResourceForeground#ecbfa1
gitDecoration.untrackedResourceForeground#70b6d0
icon.foreground#97a6d7
input.background#313643
input.border#313643
input.foreground#97a6d7
input.placeholderForeground#4d5570
inputOption.activeBackground#393f4e
inputOption.activeBorder#00000000
inputOption.activeForeground#e98989
inputOption.hoverBackground#393f4e
inputValidation.errorBackground#f89292
inputValidation.errorBorder#f89292
inputValidation.errorForeground#000000
keybindingLabel.background#4b5164
keybindingLabel.border#252934
keybindingLabel.bottomBorder#21252f
list.activeSelectionBackground#475972
list.activeSelectionForeground#c5d7f3
list.dropBackground#313643
list.errorForeground#e98989
list.filterMatchBackground#313643
list.filterMatchBorder#313643
list.focusBackground#313643
list.focusForeground#95a1c5
list.focusOutline#0000
list.highlightForeground#70b6d0
list.hoverBackground#313643
list.hoverForeground#95a1c5
list.inactiveFocusBackground#2d313e
list.inactiveSelectionBackground#313643
list.inactiveSelectionForeground#95a1c5
list.inactiveSelectionIconForeground#95a1c5
list.warningForeground#ecbfa1
notificationCenter.border#00000000
notificationCenterHeader.background#252934
notifications.background#252934
notifications.border#00000000
notificationToast.border#00000000
panel.background#292d39
panel.border#292d39
panel.dropBorder#252934
panelTitle.activeBorder#292d39
panelTitle.activeForeground#97a6d7
panelTitle.inactiveForeground#616983
peekView.border#252934
peekViewEditor.background#252934
peekViewEditor.matchHighlightBackground#2d313e
peekViewEditor.matchHighlightBorder#2d313e
peekViewEditorGutter.background#252934
peekViewResult.background#252934
peekViewResult.fileForeground#97a6d7
peekViewResult.lineForeground#6f7893
peekViewResult.matchHighlightBackground#2d313e
peekViewResult.selectionBackground#2d313e
peekViewResult.selectionForeground#6f7893
peekViewTitle.background#252934
peekViewTitleDescription.foreground#6f7893
peekViewTitleLabel.foreground#95a1c5
pickerGroup.border#252934
pickerGroup.foreground#8bacd8
progressBar.background#70b6d0
quickInput.background#252934
quickInput.foreground#97a6d7
quickInputList.focusBackground#2d313e
quickInputList.focusForeground#c9d2f4
quickInputList.focusIconForeground#70b6d0
quickInputTitle.background#2d313e
scrollbar.shadow#0000
scrollbarSlider.activeBackground#313643
scrollbarSlider.background#313643
scrollbarSlider.hoverBackground#313643
settings.focusedRowBackground#252934
settings.modifiedItemIndicator#70b6d0
settings.rowHoverBackground#252934
sideBar.background#252934
sideBar.border#252934
sideBar.dropBackground#313643
sideBar.foreground#95a1c5
sideBarSectionHeader.background#252934
sideBarSectionHeader.border#252934
sideBarSectionHeader.foreground#95a1c5
sideBarTitle.foreground#70b6d0
statusBar.background#252934
statusBar.border#252934
statusBar.debuggingBackground#252934
statusBar.debuggingBorder#00000000
statusBar.debuggingForeground#616983
statusBar.focusBorder#70b6d0
statusBar.foreground#616983
statusBar.noFolderBackground#252934
statusBar.noFolderBorder#252934
statusBar.noFolderForeground#616983
statusBarItem.activeBackground#292d39
statusBarItem.hoverBackground#313643
statusBarItem.remoteBackground#252934
statusBarItem.remoteForeground#97a6d7
symbolIcon.arrayForeground#616983
symbolIcon.booleanForeground#616983
symbolIcon.classForeground#616983
symbolIcon.colorForeground#616983
symbolIcon.constantForeground#616983
symbolIcon.constructorForeground#616983
symbolIcon.enumeratorForeground#616983
symbolIcon.enumeratorMemberForeground#616983
symbolIcon.eventForeground#616983
symbolIcon.fieldForeground#616983
symbolIcon.fileForeground#616983
symbolIcon.folderForeground#616983
symbolIcon.functionForeground#616983
symbolIcon.interfaceForeground#616983
symbolIcon.keyForeground#616983
symbolIcon.keywordForeground#616983
symbolIcon.methodForeground#616983
symbolIcon.moduleForeground#616983
symbolIcon.namespaceForeground#616983
symbolIcon.nullForeground#616983
symbolIcon.numberForeground#616983
symbolIcon.objectForeground#616983
symbolIcon.operatorForeground#616983
symbolIcon.packageForeground#616983
symbolIcon.propertyForeground#616983
symbolIcon.referenceForeground#616983
symbolIcon.snippetForeground#616983
symbolIcon.stringForeground#616983
symbolIcon.structForeground#616983
symbolIcon.textForeground#616983
symbolIcon.typeParameterForeground#616983
symbolIcon.unitForeground#616983
symbolIcon.variableForeground#616983
tab.activeBackground#292d39
tab.activeBorder#292d39
tab.activeBorderTop#292d39
tab.activeForeground#97a6d7
tab.border#252934
tab.hoverBackground#313643
tab.hoverBorder#252934
tab.hoverForeground#97a6d7
tab.inactiveBackground#252934
tab.inactiveForeground#97a6d7
terminal.ansiBlack#6f7893
terminal.ansiBlue#8bacd8
terminal.ansiBrightBlack#c4cdea
terminal.ansiBrightBlue#86acdd
terminal.ansiBrightCyan#64b7d4
terminal.ansiBrightGreen#61ad9f
terminal.ansiBrightMagenta#ae9fd9
terminal.ansiBrightRed#dd8f8f
terminal.ansiBrightWhite#c9d2f4
terminal.ansiBrightYellow#efbe9c
terminal.ansiCyan#70b6d0
terminal.ansiGreen#6dab9f
terminal.ansiMagenta#ada0d3
terminal.ansiRed#e98989
terminal.ansiWhite#97a6d7
terminal.ansiYellow#ecbfa1
terminal.background#292d39
terminal.border#292d39
terminal.findMatchBackground#313643
terminal.findMatchHighlightBackground#313643
terminal.foreground#c9d2f4
terminal.selectionBackground#353a49
terminal.tab.activeBorder#70b6d0
terminalCursor.background#97a6d7
terminalCursor.foreground#97a6d7
textBlockQuote.background#2d313e
textBlockQuote.border#70b6d0
textCodeBlock.background#313643
textLink.activeForeground#c9d2f4
textLink.foreground#a1b1e5
textPreformat.foreground#a1b1e5
titleBar.activeBackground#252934
titleBar.activeForeground#97a6d7
titleBar.border#252934
titleBar.inactiveBackground#252934
titleBar.inactiveForeground#97a6d7
toolbar.activeBackground#292d39
toolbar.hoverBackground#292d39
toolbar.hoverOutline#292d39
tree.indentGuidesStroke#313643
tree.tableOddRowsBackground#2d313e
widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, string.comment, comment.block, punctuation.definition.comment	#616983	—
comment	—	italic
constant.numeric	#ada0d3	—
constant.language	#ecbfa1	—
constant.other	#c9d2f4	—
storage.modifier	#8bacd8	—
punctuation.definition.parameters, punctuation.definition.arguments, punctuation.definition.begin, punctuation.definition.end, punctuation.terminator, punctuation.section, punctuation.definition.storage-type, meta.brace, keyword.operator, keyword.operator.type.annotation	#747c9b	—
keyword.operator.ternary, keyword.operator.null-coalescing	#de9e77	—
variable	#97a6d7	—
variable.other.property	#c9d2f4	—
string.quoted	#6dab9f	italic
entity.name.type.class, entity.other.inherited-class	#70b6d0	—
meta.method-call, support.function	#c9d2f4	—
keyword.other.type, support.type.primitive	#70b6d0	—
keyword.control	#8bacd8	—
keyword.operator.logical	#de9e77	—
meta.decorator	#ecbfa1	—
keyword.other.new, keyword.operator.new, entity.name.tag	#8bacd8	—
string.regexp	#507f76	—
punctuation.definition.variable.php	#616983	—
keyword.operator.type	#de9e77	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#738bb0	—
keyword.other.use.php, storage.type.function.php, storage.type.class.php	#8bacd8	—
meta.function.parameter.typehinted.php	#70b6d0	—
meta.class.body.php, support.class.php, support.class.builtin.php, entity.other.alias.php, storage.type.php	#70b6d0	—
meta.attribute.php	#de9e77	—
keyword.operator.nullable-type.php	#bddeec	—
meta.attribute.php entity.name.variable.parameter.php, meta.attribute.php support.other.namespace.php, meta.attribute.php keyword.other.class, entity.name.goto-label.php, meta.class.php, meta.method-call.php constant.other.php	#747c9b	—
meta.attribute.php support.attribute.php, meta.other.type.phpdoc.php support.class.php, meta.other.type.phpdoc.php support.class.builtin.php, meta.other.type.phpdoc.php keyword.other.type.php	#747c9b	—
support.other.namespace.php, keyword.other.class.php	#97a6d7	—
entity.name.function.php	#c9d2f4	—
meta.method-call.php constant.other.php, meta.attribute.php entity.name.variable.parameter.php, entity.name.goto-label.php	—	italic
storage.type.js, storage.type.interface.js, storage.type.class.js	#8bacd8	—
support.type.object.module.js	#8bacd8	—
keyword.operator.new.js	#8bacd8	—
keyword.operator.new.ts	#8bacd8	—
entity.name.type.alias.ts, entity.name.type.enum.ts, entity.name.type.ts	#70b6d0	—
storage.type.ts, keyword.operator.expression, storage.type.interface.ts, storage.type.class.ts	#8bacd8	—
storage.type.tsx	#8bacd8	—
entity.name.tag.tsx	#70b6d0	—
entity.name.type, support.type.primitive	#70b6d0	—
string.quoted.single.tsx, string.quoted.double.tsx	—
entity.other.attribute-name.tsx	#97a6d7	—
string.quoted.double.html, string.quoted.single.html	#c9d2f4
keyword.other.special-method.dockerfile	#70b6d0	—
entity.name.section.group-title.ini	#70b6d0	—
entity.name.tag.yaml	#8bacd8	—
string.unquoted.plain.out.yaml	#97a6d7	—
entity.name.function.target.makefile	#70b6d0	—
variable.other.env	#8bacd8	—
entity.name.function.just	#8bacd8	—
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css	#8bacd8	—
punctuation.definition.heading.markdown	#70b6d0	—
entity.name.section.markdown	#70b6d0	—
markup.underline.link.markdown	#6dab9f	—
markup.heading.marker.asciidoc	#70b6d0	—
markup.heading.heading-0.asciidoc, markup.heading.heading-1.asciidoc, markup.heading.heading-2.asciidoc, markup.heading.heading-3.asciidoc, markup.heading.heading-4.asciidoc, markup.heading.heading-5.asciidoc	#70b6d0	—
markup.list.bullet.asciidoc	#616983	—
markup.link.asciidoc	#6dab9f	—
entity.name.function.asciidoc	#8bacd8	—
punctuation.section.tag.twig	#738bb0	—
keyword.operator.logical.twig	#de9e77	—
meta.function-call.other.twig	#c9d2f4	—
meta.function-call.twig	#c9d2f4	—

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