Polish Theme

Name: Polish Theme
Author: zhiking

Publisher: zhikingThemes in package: 2

A vibrant theme for VSCode.

Open in VS Code GitHub

Color themes

VS Code preview

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

Polish Theme — Polish Light

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#f6f6f6
activityBar.border#e2e4e7
activityBar.foreground#80848A
activityBar.inactiveForeground#D6D6D6
activityBarBadge.background#A585E8
activityBarBadge.foreground#f5f5f5
badge.background#959ca6
badge.foreground#fff
button.background#A585E8AA
button.foreground#fff
button.hoverBackground#A585E8BB
debugExceptionWidget.background#ffffff
debugExceptionWidget.border#e2e4e7
debugToolBar.background#ffffff
diffEditor.insertedTextBackground#12b88644
diffEditor.removedTextBackground#f0717844
dropdown.background#ffffff
editor.background#f4f4f4
editor.findMatchBackground#A585E833
editor.findMatchHighlightBackground#A585E833
editor.findRangeHighlightBackground#A585E833
editor.foreground#5c6066
editor.lineHighlightBackground#F3EEEB
editor.rangeHighlightBackground#F3EEEB
editor.selectionBackground#E5DCD4
editor.wordHighlightBackground#A585E833
editor.wordHighlightStrongBackground#A585E833
editorBracketMatch.border#d9d8d7
editorCursor.foreground#A585E8
editorError.foreground#ff62b2
editorGroup.background#ffffff
editorGroup.border#A585E8
editorGroupHeader.noTabsBackground#fafafa
editorGroupHeader.tabsBackground#fafafa
editorGroupHeader.tabsBorder#e2e4e7
editorGutter.addedBackground#86b300
editorGutter.deletedBackground#ff62b2
editorGutter.modifiedBackground#53C0F6
editorHoverWidget.background#ffffff
editorHoverWidget.border#e2e4e7
editorIndentGuide.background#d9d8d7
editorLineNumber.foreground#d9d8d7
editorLink.activeForeground#A585E8
editorLink.foreground#A585E8
editorMarkerNavigation.background#ffffff
editorOverviewRuler.border#e2e4e7
editorOverviewRuler.errorForeground#ff62b2
editorOverviewRuler.warningForeground#A585E8
editorRuler.foreground#e2e4e7
editorSuggestWidget.background#ffffff
editorSuggestWidget.border#e2e4e7
editorSuggestWidget.highlightForeground#A585E8
editorSuggestWidget.selectedBackground#f5f5f5
editorWarning.foreground#A585E8
editorWhitespace.foreground#d9d8d7
editorWidget.background#ffffff
errorForeground#ff8787
extensionButton.prominentBackground#A585E8AA
extensionButton.prominentForeground#fff
extensionButton.prominentHoverBackground#A585E8BB
focusBorder#80848A8A
foreground#80848A
input.background#ffffff
input.border#80848A4C
input.foreground#5c6066
input.placeholderForeground#80848A8A
inputOption.activeBorder#80848A8A
inputValidation.errorBackground#fafafa
inputValidation.errorBorder#ff62b2
inputValidation.infoBackground#fafafa
inputValidation.infoBorder#53C0F6
inputValidation.warningBackground#fafafa
inputValidation.warningBorder#f29718
list.activeSelectionBackground#e2e4e7
list.activeSelectionForeground#5c6066
list.focusAndSelectionBackground#D7DADD
list.focusAndSelectionForeground#5c6066
list.focusBackground#f5f5f5
list.focusForeground#5c6066
list.highlightForeground#A585E8
list.hoverBackground#f5f5f5
list.hoverForeground#5c6066
list.inactiveSelectionBackground#fafafa
list.inactiveSelectionForeground#5c6066
notification.background#5c6066
panel.background#fafafa
panel.border#A585E8
panelTitle.activeBorder#A585E8
panelTitle.activeForeground#5c6066
panelTitle.inactiveForeground#80848A
peekView.border#e2e4e7
peekViewEditor.background#ffffff
peekViewEditor.matchHighlightBackground#A585E833
peekViewResult.background#ffffff
peekViewResult.fileForeground#80848A
peekViewResult.matchHighlightBackground#A585E833
peekViewTitle.background#ffffff
peekViewTitleDescription.foreground#80848A
peekViewTitleLabel.foreground#80848A
pickerGroup.border#e2e4e7
pickerGroup.foreground#A585E8
progressBar.background#A585E8
scrollbar.shadow#7e848c11
scrollbarSlider.activeBackground#00000022
scrollbarSlider.background#00000011
scrollbarSlider.hoverBackground#00000022
selection.background#f0eee4fd
sideBar.background#f6f6f6
sideBar.border#e2e4e7
sideBarSectionHeader.background#f2f2f2
sideBarSectionHeader.border#e2e4e7
sideBarSectionHeader.foreground#80848A
sideBarTitle.foreground#80848A
statusBar.background#ebebeb
statusBar.border#e2e4e7
statusBar.debuggingBackground#ffffff
statusBar.debuggingForeground#80848A
statusBar.foreground#80848A
statusBar.noFolderBackground#ffffff
statusBarItem.activeBackground#e2e4e7
statusBarItem.hoverBackground#f5f5f5
statusBarItem.prominentBackground#e2e4e7
statusBarItem.prominentHoverBackground#f5f5f5
tab.activeBackground#fcfcfc
tab.activeBorder#A585E8
tab.activeForeground#5c6066
tab.border#e2e4e7
tab.inactiveBackground#fafafa
tab.inactiveForeground#80848A
tab.unfocusedActiveBorder#A585E8
tab.unfocusedActiveForeground#5c6066AA
tab.unfocusedInactiveForeground#80848A
terminal.ansiBlack#000000
terminal.ansiBlue#53C0F6
terminal.ansiBrightBlack#686868
terminal.ansiBrightBlue#6871ff
terminal.ansiBrightCyan#57d9ad
terminal.ansiBrightGreen#a3d900
terminal.ansiBrightMagenta#a37acc
terminal.ansiBrightRed#d6656a
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e7c547
terminal.ansiCyan#12b886
terminal.ansiGreen#77cc00
terminal.ansiMagenta#9966cc
terminal.ansiRed#FF83AC
terminal.ansiWhite#c7c7c7
terminal.ansiYellow#f29718
terminal.background#fafafa
terminal.foreground#5c6066
textBlockQuote.background#ffffff
textLink.activeForeground#A585E8
textLink.foreground#A585E8
textPreformat.foreground#5c6066
titleBar.activeBackground#ebebeb
titleBar.activeForeground#80848A
titleBar.border#d6d6d6
titleBar.inactiveBackground#ebebeb
titleBar.inactiveForeground#80848A
walkThrough.embeddedEditorBackground#ffffff
welcomeOverlay.foreground#5c6066
welcomePage.quickLinkBackground#f5f5f5
welcomePage.quickLinkHoverBackground#e2e4e7
widget.shadow#7e848cb3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#5c6773ff	—
comment, punctuation.definition.comment	#ABB0B6	—
variable, support.variable, entity.name.label	#5C6773	—
punctuation.accessor, punctuation.terminator, punctuation.separator, meta.brace, punctuation.definition.block	#5C6773	—
keyword, storage.type, storage.modifier	#A585E8	—
constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution	#E7C547	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#53C0F6	—
entity.name.tag	#EF767A	—
entity.other.attribute-name.parent-selector	#A585E8	—
entity.other.attribute-name	#FFB86C	italic
entity.other.attribute-name	#52CDD7	—
meta.tag.jsx	#2FA295	—
entity.name.function, keyword.other.special-method, variable.function, meta.block-level, support.function	#F07178	—
support.other.variable, string.other.link	#F07178	—
constant.numeric, constant.character, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit	#A37ACC	—
string, keyword.other.template, 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	#86B300	normal
entity.name.class, entity.name.type.class, entity.name.instance, entity.name.type.instance, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#53C0F6	—
entity.name.module, entity.name.type.module, variable.import.parameter.js, variable.other.class.js	#53C0F6	—
variable.language	#53C0F6	italic
invalid	#FF83AC	—
invalid.deprecated	#FFFFFF	—
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag	#53C0F690	—
markup.inserted	#86B300	—
markup.deleted	#53C0F6	—
markup.changed	#FF83AC	—
string.regexp	#12b886	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#ABB0B6	—
entity.name.filename.find-in-files	#86B300	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#B1977E	italic
source.js constant.other.object.key.js string.unquoted.label.js	#53C0F6	italic
entity.name.method.js	#9C868E	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#9C868E	—
markup.italic	#F07178	italic
markup.bold	#F07178	bold
markup.underline	#A37ACC	underline
markup.strike	#9C868E	strike
markup.quote	#E7C547	italic
markup.fenced_code.block.markdown	#FF83AC	—
markup.table	#53C0F6	—
text.html.markdown, punctuation.definition.list_item.markdown	#5C6773	—
text.html.markdown markup.inline.raw.string.markdown	#53C0F6	—
text.html.markdown meta.dummy.line-break	#ABB0B6	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#86B300	—
markup.quote, punctuation.definition.blockquote.markdown	#E7C547	italic
string.other.link.title.markdown	#9C868E	underline
markup.raw.block.fenced.markdown	#5C6773	—
punctuation.definition.fenced.markdown, variable.language.fenced.markdown	#ABB0B6	—
variable.language.fenced.markdown	#ABB0B6
meta.separator	#ABB0B6	bold
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
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	#53C0F6	—
acejump.label.blue	#FFFFFF	—
acejump.label.green	#FFFFFF	—
acejump.label.orange	#FFFFFF	—
acejump.label.purple	#FFFFFF	—
sublimelinter.mark.warning	#53C0F6	—
sublimelinter.gutter-mark	#FFFFFF	—
sublimelinter.mark.error	#ff62b2	—
markup.ignored.git_gutter	#ABB0B6	—
markup.untracked.git_gutter	#ABB0B6	—
gutter_color	#FFFFFF	—
token.info-token	#316bcd	—
token.warn-token	#FFB86C	—
token.error-token	#cd3131	—
token.debug-token	#800080	—
meta.attribute-selector.scss	#FFE07B	—
punctuation.definition.attribute-selector.end.bracket.square.scss, punctuation.definition.attribute-selector.begin.bracket.square.scss	#747498	—

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