Neon Bunny Theme

Name: Neon Bunny Theme
Author: WebDevNerdStuff

Publisher: WebDevNerdStuffThemes in package: 4

Neon Bunny is a dark (and light) theme for Visual Studio Code even a bunny could love.

GitHub

Color themes

VS Code preview

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

Neon Bunny Theme — Neon Bunny - White Rabbit

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#ffffff
activityBar.activeBorder#c3071a
activityBar.activeFocusBorder#000000
activityBar.background#eeeeee
activityBar.border#666666
activityBar.foreground#666666
activityBarBadge.background#000000
button.background#018522
button.hoverBackground#01a72b
editor.background#ffffff
editor.findMatchBackground#cccccc
editor.findMatchBorder#000000
editor.findMatchHighlightBackground#eeeeee
editor.foreground#666666
editor.inactiveSelectionBackground#dddddd
editor.lineHighlightBorder#dddddd
editor.selectionBackground#dddddd
editor.selectionForeground#ffffff
editor.selectionHighlightBackground#eeeeee
editor.wordHighlightBackground#cccccc
editor.wordHighlightStrongBackground#cccccc
editorGroupHeader.tabsBackground#eeeeee
editorIndentGuide.activeBackground#555555
editorIndentGuide.background#eeeeee
editorWidget.background#ffffff
editorWidget.foreground#666666
foreground#666666
gitDecoration.addedResourceForeground#018522
gitDecoration.conflictingResourceForeground#ff0000
gitDecoration.deletedResourceForeground#ff0000
gitDecoration.modifiedResourceForeground#c3071a
gitDecoration.submoduleResourceForeground#ff0000
gitDecoration.untrackedResourceForeground#018522
input.background#ffffff
input.border#018522
list.activeSelectionBackground#cccccc
list.activeSelectionForeground#666666
list.dropBackground#dddddd
list.focusBackground#666666
list.focusForeground#ffffff
list.hoverBackground#cccccc
list.inactiveSelectionBackground#eeeeee
panel.background#ffffff
panel.border#666666
panelTitle.activeForeground#666666
settings.checkboxBackground#ffffff
settings.checkboxForeground#666666
settings.dropdownBackground#ffffff
settings.dropdownForeground#666666
settings.headerForeground#222222
settings.textInputForeground#666666
sideBar.background#fcfcfc
sideBar.border#666666
sideBar.foreground#666666
sideBarSectionHeader.background#cccccc
sideBarTitle.foreground#666666
statusBar.background#ffffff
statusBar.border#666666
statusBar.foreground#666666
tab.activeBackground#ffffff
tab.activeForeground#666666
tab.border#eeeeee
tab.hoverBackground#ffffff
tab.inactiveBackground#dddddd
tab.inactiveForeground#666666
terminal.background#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.quoted.docstring.multi.python	#bbbbbb	italic bold
string	#c3071a
string.quoted.double	#555555
string.quoted.single, string.template.js	#555555
entity.name.tag, invalid.illegal.unrecognized-tag, meta.tag.sgml, punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html	#018522
punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html	#00c267
punctuation.section.embedded.begin, punctuation.section.embedded.end	#c3071a	—
variable, variable.other.constant	#555555	bold
variable.parameter	#555555	italic
variable.other	#555555	italic
variable.other.object.property	#000000
variable.other.property	#000000
entity.other.attribute-name	#555555
keyword	#c3071a
keyword.operator	#000000	italic
keyword.control	#c3071a
storage	#c3071a	bold
storage.modifier	#c3071a
constant.other.color	#666666
invalid, invalid.illegal	#c3071a
meta.object-literal.key	#ad6800
entity.name.function	#ad6800	underline bold
support.function	#ad6800	underline italic bold
constant.language	#c3071a	—
constant.language.null, constant.language.undefined	#c3071a	—
entity.name, support.type, support.class, markup.changed.git_gutter, support.type.sys-types	#ad6800
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity	#ad6800	bold
entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity	#df8600	bold
source.css entity.name.tag, source.scss entity.name.tag	#99805a
keyword.other.important	#c3071a	italic
support.type.property-name	#c3071a	italic
source.vue punctuation.definition.generic	#c3071a	italic
source.vue punctuation.separator.key-value.html	#c3071a
entity.other.attribute-name.html	#c3071a
meta.tag.other.html	#c3071a
entity.other.attribute-name.id.html	#555555
constant.character.entity.named.amp.html, constant.character.entity.named.quot.html, constant.character.entity.named.ndash.html, constant.character.entity.named.hellip.html, constant.character.entity.named.yen.html, constant.character.entity.named.euro.html, constant.character.entity.named.reg.html, constant.character.entity.named.copy.html, constant.character.entity.named.bull.html, constant.character.entity.numeric.decimal.html	#c3071a
source.python	#555555	italic
source.python string.quoted.double.block.python	#7f817e	italic
source.python meta.function.decorator.python entity.name.function.decorator.python support.function.builtin.python, source.python meta.function.decorator.python entity.name.function.decorator.python	#000000	italic
source.python meta.function.decorator.python entity.name.function.decorator.python punctuation.definition.decorator.python	#000000	italic bold
source.python meta.structure.dictionary.python meta.structure.dictionary.value.python meta.function-call.python	#018522
source.python meta.structure.dictionary.value.python, source.python meta.item-access.python, source.python meta.function-call.arguments.python	#c3071a	italic
source.python punctuation.definition.arguments.begin.python, source.python punctuation.definition.arguments.end.python, source.python punctuation.definition.dictionary.begin.python, source.python punctuation.definition.dictionary.end.python, source.python punctuation.definition.list.begin.python, source.python punctuation.definition.list.end.python	#666666	italic
source.json string.quoted.double.json.comments	#c3071a
source.json meta.structure.dictionary.json support.type.property-name.json	#c3071a	bold
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ad6800
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c3071a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ad6800
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c3071a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ad6800
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c3071a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ad6800
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c3071a
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ad6800
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#c3071a	—
markup.table	#eeffff	—

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