Bullish Theme

Name: Bullish Theme
Author: zhiking

Publisher: zhikingThemes in package: 2

This is a bullish theme for VSCode.

GitHub

Color themes

VS Code preview

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

Bullish Theme — Bullish 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#DCDCE9
activityBar.border#C9C9DD
activityBar.foreground#80848A
activityBar.inactiveForeground#b1b5bb
activityBarBadge.background#845ef7
activityBarBadge.foreground#DCDCE9
badge.background#959ca6
badge.foreground#DCDCE9
button.background#845ef7AA
button.foreground#DCDCE9
button.hoverBackground#845ef7BB
debugExceptionWidget.background#DCDCE9
debugExceptionWidget.border#C9C9DD
debugToolBar.background#DCDCE9
diffEditor.insertedTextBackground#12b88644
diffEditor.removedTextBackground#f0659544
dropdown.background#DCDCE9
editor.background#EFEFF4
editor.findMatchBackground#845ef733
editor.findMatchHighlightBackground#845ef733
editor.findRangeHighlightBackground#845ef733
editor.foreground#5c6066
editor.lineHighlightBackground#dadeff
editor.rangeHighlightBackground#dadeff
editor.selectionBackground#b4bcfd
editor.wordHighlightBackground#845ef733
editor.wordHighlightStrongBackground#845ef733
editorBracketMatch.border#d9d8d7
editorCursor.foreground#845ef7
editorError.foreground#f06595
editorGroup.background#DCDCE9
editorGroup.border#845ef7
editorGroupHeader.noTabsBackground#DCDCE9
editorGroupHeader.tabsBackground#DCDCE9
editorGroupHeader.tabsBorder#C9C9DD
editorGutter.addedBackground#82c91e
editorGutter.deletedBackground#f06595
editorGutter.modifiedBackground#339af0
editorHoverWidget.background#DCDCE9
editorHoverWidget.border#C9C9DD
editorIndentGuide.background#d9d8d7
editorLineNumber.foreground#d9d8d7
editorLink.activeForeground#845ef7
editorLink.foreground#845ef7
editorMarkerNavigation.background#DCDCE9
editorOverviewRuler.border#C9C9DD
editorOverviewRuler.errorForeground#f06595
editorOverviewRuler.warningForeground#845ef7
editorRuler.foreground#C9C9DD
editorSuggestWidget.background#DCDCE9
editorSuggestWidget.border#C9C9DD
editorSuggestWidget.highlightForeground#845ef7
editorSuggestWidget.selectedBackground#C9C9DC
editorWarning.foreground#845ef7
editorWhitespace.foreground#d9d8d7
editorWidget.background#DCDCE9
errorForeground#ff8787
extensionButton.prominentBackground#845ef7AA
extensionButton.prominentForeground#DCDCE9
extensionButton.prominentHoverBackground#845ef7BB
focusBorder#80848A8A
foreground#80848A
input.background#DCDCE9
input.border#80848A4C
input.foreground#5c6066
input.placeholderForeground#80848A8A
inputOption.activeBorder#80848A8A
inputValidation.errorBackground#DCDCE9
inputValidation.errorBorder#f06595
inputValidation.infoBackground#DCDCE9
inputValidation.infoBorder#339af0
inputValidation.warningBackground#DCDCE9
inputValidation.warningBorder#fab005
list.activeSelectionBackground#C9C9DD
list.activeSelectionForeground#5c6066
list.focusAndSelectionBackground#D7DADD
list.focusAndSelectionForeground#5c6066
list.focusBackground#C9C9DC
list.focusForeground#5c6066
list.highlightForeground#845ef7
list.hoverBackground#C9C9DC
list.hoverForeground#5c6066
list.inactiveSelectionBackground#DCDCE9
list.inactiveSelectionForeground#5c6066
notification.background#5c6066
panel.background#DCDCE9
panel.border#845ef7
panelTitle.activeBorder#845ef7
panelTitle.activeForeground#5c6066
panelTitle.inactiveForeground#80848A
peekView.border#C9C9DD
peekViewEditor.background#DCDCE9
peekViewEditor.matchHighlightBackground#845ef733
peekViewResult.background#DCDCE9
peekViewResult.fileForeground#80848A
peekViewResult.matchHighlightBackground#845ef733
peekViewTitle.background#DCDCE9
peekViewTitleDescription.foreground#80848A
peekViewTitleLabel.foreground#80848A
pickerGroup.border#DCDCE9
pickerGroup.foreground#845ef7
progressBar.background#845ef7
scrollbar.shadow#7e848c11
scrollbarSlider.activeBackground#00000022
scrollbarSlider.background#00000011
scrollbarSlider.hoverBackground#00000022
selection.background#f0eee4fd
sideBar.background#DCDCE9
sideBar.border#C9C9DD
sideBarSectionHeader.background#DCDCE9
sideBarSectionHeader.border#C9C9DD
sideBarSectionHeader.foreground#80848A
sideBarTitle.foreground#adb5bd
statusBar.background#DCDCE9
statusBar.border#DCDCE9
statusBar.debuggingBackground#DCDCE9
statusBar.debuggingForeground#80848A
statusBar.foreground#80848A
statusBar.noFolderBackground#DCDCE9
statusBarItem.activeBackground#C9C9DD
statusBarItem.hoverBackground#C9C9DC
statusBarItem.prominentBackground#C9C9DD
statusBarItem.prominentHoverBackground#C9C9DC
tab.activeBackground#f1f1fb
tab.activeBorder#845ef7
tab.activeForeground#5c6066
tab.border#C9C9DD
tab.inactiveBackground#DCDCE9
tab.inactiveForeground#80848A
tab.unfocusedActiveBorder#845ef7
tab.unfocusedActiveForeground#5c6066AA
tab.unfocusedInactiveForeground#80848A
terminal.ansiBlack#000000
terminal.ansiBlue#339af0
terminal.ansiBrightBlack#686868
terminal.ansiBrightBlue#6871ff
terminal.ansiBrightCyan#57d9ad
terminal.ansiBrightGreen#a3d900
terminal.ansiBrightMagenta#a37acc
terminal.ansiBrightRed#d6656a
terminal.ansiBrightWhite#5C6773
terminal.ansiBrightYellow#fab005
terminal.ansiCyan#12b886
terminal.ansiGreen#77cc00
terminal.ansiMagenta#9966cc
terminal.ansiRed#FF83AC
terminal.ansiWhite#c7c7c7
terminal.ansiYellow#fab005
terminal.background#DCDCE9
terminal.foreground#5c6066
textBlockQuote.background#DCDCE9
textLink.activeForeground#845ef7
textLink.foreground#845ef7
textPreformat.foreground#5c6066
titleBar.activeBackground#EFEFF5
titleBar.activeForeground#80848A
titleBar.border#d6d6d6
titleBar.inactiveBackground#EFEFF5
titleBar.inactiveForeground#80848A
walkThrough.embeddedEditorBackground#DCDCE9
welcomeOverlay.foreground#5c6066
welcomePage.quickLinkBackground#C9C9DC
welcomePage.quickLinkHoverBackground#C9C9DD
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	#845ef7	—
constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.substitution	#495057	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#339af0	—
entity.name.tag	#EF767A	—
entity.other.attribute-name.parent-selector	#845ef7	—
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	#f06595	—
support.other.variable, string.other.link	#f06595	—
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	#82c91e	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	#339af0	—
entity.name.module, entity.name.type.module, variable.import.parameter.js, variable.other.class.js	#339af0	—
variable.language	#339af0	italic
invalid	#FF83AC	—
invalid.deprecated	#DCDCE9	—
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag	#339af090	—
markup.inserted	#82c91e	—
markup.deleted	#339af0	—
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	#82c91e	—
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	#339af0	italic
entity.name.method.js	#CFAFB7	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#CFAFB7	—
markup.italic	#f06595	italic
markup.bold	#f06595	bold
markup.underline	#A37ACC	underline
markup.strike	#CFAFB7	strike
markup.quote	#fab005	italic
markup.fenced_code.block.markdown	#FF83AC	—
markup.table	#339af0	—
text.html.markdown, punctuation.definition.list_item.markdown	#5C6773	—
text.html.markdown markup.inline.raw.string.markdown	#339af0	—
text.html.markdown meta.dummy.line-break	#ABB0B6	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#82c91e	—
markup.quote, punctuation.definition.blockquote.markdown	#fab005	italic
string.other.link.title.markdown	#CFAFB7	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	#339af0	—
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	#38d9a9	—
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	#69db7c	—
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	#94d82d	—
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	#22b8cf	—
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	#845ef7	—
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	#339af0	—
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	#5c7cfa	—
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	#339af0	—
acejump.label.blue	#DCDCE9	—
acejump.label.green	#DCDCE9	—
acejump.label.orange	#DCDCE9	—
acejump.label.purple	#DCDCE9	—
sublimelinter.mark.warning	#339af0	—
sublimelinter.gutter-mark	#DCDCE9	—
sublimelinter.mark.error	#f06595	—
markup.ignored.git_gutter	#ABB0B6	—
markup.untracked.git_gutter	#ABB0B6	—
gutter_color	#DCDCE9	—
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}!`;
}