neoncactus-gray

Name: neoncactus-gray
Author: BlazingBlast

Publisher: BlazingBlastThemes in package: 1

A grayscale version of my neoncactus theme, as suggested by u/FGND

GitHub

VS Code preview

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

neoncactus-gray — Neon Cactus-gray

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#11292c
activityBar.background#0e1d1f
activityBar.dropBorder#15b8b8
activityBar.foreground#a3ffc1
activityBar.inactiveForeground#31ac3c
badge.background#0d7a71
badge.foreground#ffffff
breadcrumb.background#0e412d
button.background#20382a
button.foreground#ffffff
checkbox.background#20382a
commandCenter.activeBackground#10361f93
commandCenter.background#1c3524
contrastActiveBorder#1b770e
contrastBorder#0d5817
dropdown.background#133d21
dropdown.listBackground#133d21
editor.background#102419
editor.findMatchBackground#11548a
editor.findMatchHighlightBackground#12beb652
editor.foldBackground#0c94941e
editor.hoverHighlightBackground#0c2bb46c
editor.lineHighlightBackground#1979745e
editor.selectionBackground#11518dc2
editor.selectionHighlightBackground#13518b9a
editor.snippetFinalTabstopHighlightBackground#0a303b88
editor.symbolHighlightBackground#144ea5
editorBracketHighlight.foreground1#73ff00
editorBracketHighlight.foreground2#ff00dd
editorBracketHighlight.foreground3#aa42ff
editorBracketHighlight.foreground4#1dd2ff
editorBracketHighlight.foreground5#0ddf3a
editorBracketHighlight.foreground6#e2a90d
editorBracketHighlight.unexpectedBracket.foreground#ff0000
editorBracketMatch.background#0813adbb
editorCursor.foreground#f700ff
editorError.background#ff009d2f
editorError.foreground#00ff9d59
editorGroupHeader.tabsBackground#102713
editorGutter.background#102217
editorHoverWidget.background#15350d
editorHoverWidget.border#0f8d39
editorIndentGuide.activeBackground#00eeff
editorIndentGuide.background#12b96bd2
editorInlayHint.typeForeground#11a78e
editorLineNumber.foreground#646464
editorOverviewRuler.background#112214
editorSuggestWidget.background#0a2d36
editorUnnecessaryCode.border#e100ff
editorWarning.border#ffd900
editorWhitespace.foreground#1f9da7
editorWidget.background#173816
editorWidget.resizeBorder#09a123
input.background#152b1a
list.activeSelectionBackground#16a7ac77
menu.background#13270d
menu.foreground#cacaca
menu.selectionBackground#115854
menubar.selectionBackground#115854
minimap.background#102916
minimap.selectionHighlight#00b7ff3f
minimap.selectionOccurrenceHighlight#0c3750
minimapSlider.activeBackground#077db460
minimapSlider.background#106d5967
minimapSlider.hoverBackground#0eaedf5d
notifications.background#102c18
panel.background#0f2516
peekView.border#126f8b
peekViewEditor.background#11330c
peekViewResult.background#082e0a
peekViewTitle.background#133620
problemsErrorIcon.foreground#ff00bf
problemsInfoIcon.foreground#00d9ff
problemsWarningIcon.foreground#ffae00
progressBar.background#0b493f
scrollbar.shadow#113a4b
scrollbarSlider.activeBackground#0b9c9594
scrollbarSlider.background#0d442f
scrollbarSlider.hoverBackground#096063
searchEditor.findMatchBackground#0077ff86
searchEditor.findMatchBorder#008cff
settings.rowHoverBackground#00c3ff2c
sideBar.background#102018
sideBarSectionHeader.background#111b14
sideBarSectionHeader.border#0b4347
statusBar.background#0d180f
statusBarItem.hoverBackground#034d1f
tab.activeBackground#111f12
tab.activeForeground#15b8b8
tab.border#0c4e1d
tab.inactiveBackground#112515
terminalCommandDecoration.defaultBackground#00ff37
terminalCommandDecoration.errorBackground#ff00bf
terminalCommandDecoration.successBackground#00fff2
titleBar.activeBackground#0a180d
tree.indentGuidesStroke#00eeff
widget.shadow#1d666293

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#3e7792	italic
variable, string constant.other.placeholder	#1acbe2	—
constant.other.color	#ffffff	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier	#d13ad6	—
keyword.control, constant.other.color, meta.tag, keyword.other.template, keyword.other.substitution, punctuation.definition.directive	#07ff07	—
keyword.operator	#ffd000	—
punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded	#00ff15	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f07178	—
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method	#82AAFF	—
meta.block variable.other	#f07178	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#F78C6C	—
string, 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	#e7820e	—
entity.name, support.type, support.class, meta.use.php, markup.changed.git_gutter, support.type.sys-types	#e92c13	—
support.other.namespace.php, support.other.namespace.use.php, entity.name.namespace	#b700ff	—
support.type	#B2CCD6	—
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name	#B2CCD6	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#FF5370	—
variable.language	#FF5370	italic
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
entity.other.attribute-name	#C792EA	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#FFCB6B	italic
entity.other.attribute-name.class	#FFCB6B	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#C3E88D	—
markup.deleted	#FF5370	—
markup.changed	#C792EA	—
string.regexp	#89DDFF	—
constant.character.escape	#89DDFF	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.js constant.other.object.key.js string.unquoted.label.js	#FF5370	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	#F78C6C	—
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	#FF5370	—
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	#C17E70	—
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	#82AAFF	—
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	#f07178	—
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	#C792EA	—
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	#C3E88D	—
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#C3E88D	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
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}!`;
}