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 - Carrot

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#ff9900
activityBar.background#111111
activityBarBadge.background#147dff
editor.background#000000
editor.foreground#ffffff
editor.selectionBackground#444
editor.selectionHighlightBackground#ffffff15
editor.wordHighlightStrongBackground#ffffff15
editorGroupHeader.tabsBackground#222222
editorIndentGuide.activeBackground#555555
editorIndentGuide.background#2d2d2d
sideBar.background#222222
sideBarTitle.foreground#bbbbbb
statusBar.background#21252b
statusBar.foreground#9da5b4
tab.activeBackground#555555
tab.hoverBackground#555555
tab.inactiveBackground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#7f817e	italic
string	#008b05
string.quoted.double	#00d205
string.quoted.single, string.template.js	#7cd47d
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	#ff9900
punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html	#ff9900
punctuation.section.embedded.begin, punctuation.section.embedded.end	#ff1190	—
variable, variable.other.constant	#ff9900
variable.parameter	#ff9900	italic
variable.other	#ff9900	italic
variable.other.object.property	#ffc266
variable.other.property	#ffe3b8
entity.other.attribute-name	#ff9900
keyword	#dd00ff
keyword.operator	#ffffa2
keyword.control	#dd00ff
storage	#da96df
storage.modifier	#ff1190
constant.other.color	#ffffff
invalid, invalid.illegal	#ff1190
meta.object-literal.key	#ff9900
entity.name.function	#ffc266	underline
support.function	#ffc266	underline italic
constant.language	#da96df	—
constant.language.null, constant.language.undefined	#ff1190	—
entity.name, support.type, support.class, markup.changed.git_gutter, support.type.sys-types	#ffff00
entity.other.attribute-name.class, entity.other.attribute-name.class punctuation.definition.entity	#ffff00
entity.other.attribute-name.id, entity.other.attribute-name.id punctuation.definition.entity	#0aff04
source.css entity.name.tag, source.scss entity.name.tag	#00eeff
keyword.other.important	#ff1190	italic
support.type.property-name	#ff1190	italic
source.vue punctuation.definition.generic	#ff1190	italic
source.vue punctuation.separator.key-value.html	#ff1190
entity.other.attribute-name.html	#ffc266
meta.tag.other.html	#ffc266
entity.other.attribute-name.id.html	#ff9900
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	#ff1190
source.python	#ff9900	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	#00eeff	italic
source.python meta.function.decorator.python entity.name.function.decorator.python punctuation.definition.decorator.python	#00d205	italic
source.python meta.structure.dictionary.python meta.structure.dictionary.value.python meta.function-call.python	#0aff04
source.python meta.structure.dictionary.value.python, source.python meta.item-access.python, source.python meta.function-call.arguments.python	#ffc266	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	#ffffff
source.json string.quoted.double.json.comments	#ffc266
source.json meta.structure.dictionary.json support.type.property-name.json	#ff9900
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#00d205
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	#ff1190
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	#ffff00
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	#147dff
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	#0aff04
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	#dd00ff
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	#00eeff
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	#acff04
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	#fffa02
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	#ffc266	—
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}!`;
}