Greeney.

Name: Greeney.
Author: Lakshay Bhushan

Publisher: Lakshay BhushanThemes in package: 2

A dark greenish-blue colour theme for Visual Studio Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Greeney. — Greeney. (v2.0.0)

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#40d4e733
activityBar.activeBorder#00ffe5
activityBar.background#01171f
activityBar.border#0f1415
activityBar.foreground#00fffb
activityBar.inactiveForeground#00fffb9a
activityBarBadge.background#00fff2
activityBarBadge.foreground#0f1415
badge.background#00ffae
badge.foreground#0f1215
breadcrumb.activeSelectionForeground#ebfdff
breadcrumb.background#021c23
breadcrumb.focusForeground#40d4e7
breadcrumb.foreground#2df5ff
breadcrumbPicker.background#021c23
button.background#0f3c44
button.foreground#ffa47d
button.hoverBackground#0e6777c7
debugExceptionWidget.background#031417
debugExceptionWidget.border#16a3b6
debugToolBar.background#031417
descriptionForeground#00cea8
diffEditor.insertedTextBackground#16b67327
diffEditor.removedTextBackground#e6653341
dropdown.background#031417
dropdown.border#031417
dropdown.foreground#ffa47d
editor.background#021c23
editor.findMatchBackground#40bf6a11
editor.findMatchHighlightBackground#0e667179
editor.findRangeHighlightBackground#49e9a633
editor.foreground#00ffd9
editor.hoverHighlightBackground#169fb13f
editor.inactiveSelectionBackground#0e657155
editor.lineHighlightBackground#023341
editor.lineHighlightBorder#023341
editor.rangeHighlightBackground#083d44a1
editor.selectionBackground#169fb144
editor.selectionHighlightBackground#49ace944
editor.snippetFinalTabstopHighlightBackground#06292d
editor.snippetFinalTabstopHighlightBorder#073136
editor.snippetTabstopHighlightBackground#06292d
editor.snippetTabstopHighlightBorder#073136
editor.wordHighlightBackground#e4b78133
editor.wordHighlightStrongBackground#cc990033
editorBracketMatch.background#169fb122
editorBracketMatch.border#7fd7e3
editorCodeLens.foreground#507b95
editorCursor.foreground#00eaff
editorError.border#031417
editorError.foreground#ff2424
editorGroup.border#0f1415
editorGroup.dropBackground#5f6b6d33
editorGroup.emptyBackground#5f6b6d33
editorGroupHeader.noTabsBackground#03232c
editorGroupHeader.tabsBackground#03232c
editorGroupHeader.tabsBorder#021c23
editorGutter.addedBackground#8ce99a
editorGutter.background#021c23
editorGutter.deletedBackground#e34e1c
editorGutter.modifiedBackground#e4b781
editorHint.border#49e9a600
editorHint.foreground#49e9a6
editorHoverWidget.background#031517
editorHoverWidget.border#004251
editorInfo.border#031417
editorInfo.foreground#40d4e7
editorLineNumber.activeForeground#00cde8
editorLineNumber.foreground#33585c
editorLink.activeForeground#14a5ff
editorMarkerNavigation.background#3a3a5e29
editorMarkerNavigationError.background#ff2424
editorMarkerNavigationWarning.background#ff9616
editorOverviewRuler.border#031417
editorOverviewRuler.commonContentForeground#ffc18044
editorOverviewRuler.currentContentForeground#85f1ff44
editorOverviewRuler.incomingContentForeground#9d92f244
editorRuler.foreground#243f42
editorSuggestWidget.background#031517
editorSuggestWidget.border#004251
editorSuggestWidget.foreground#72989d
editorSuggestWidget.highlightForeground#34e7ff
editorSuggestWidget.selectedBackground#0e6671
editorWarning.border#031417
editorWarning.foreground#ff9616
editorWhitespace.foreground#ffffff21
editorWidget.background#031517
editorWidget.border#004251
errorForeground#ff2424
extensionButton.prominentBackground#0f3c44
extensionButton.prominentForeground#ffa47d
extensionButton.prominentHoverBackground#0e6777c7
focusBorder#021c23
foreground#63ffe2
gitDecoration.addedResourceForeground#16b673
gitDecoration.conflictingResourceForeground#e4b781
gitDecoration.deletedResourceForeground#e34e1c
gitDecoration.ignoredResourceForeground#647e82
gitDecoration.modifiedResourceForeground#49e9a6
gitDecoration.untrackedResourceForeground#40d4e7
input.background#052529
input.border#083f44
input.foreground#CDD3DE
input.placeholderForeground#87a7ab
inputOption.activeBorder#169fb1
inputValidation.errorBackground#501502ee
inputValidation.errorBorder#691c02
inputValidation.errorForeground#ff2424
inputValidation.infoBackground#0f6e7bee
inputValidation.infoBorder#148f9f
inputValidation.infoForeground#40d4e7
inputValidation.warningBackground#82694acc
inputValidation.warningBorder#a88457
inputValidation.warningForeground#e69533
list.activeSelectionBackground#0e657187
list.activeSelectionForeground#ffae88
list.dropBackground#00404d
list.errorForeground#ff3939
list.focusBackground#00404d
list.focusForeground#ffcd95
list.highlightForeground#40d4e7
list.hoverBackground#0b505b6e
list.hoverForeground#ffcd95
list.inactiveFocusBackground#062d32
list.inactiveSelectionBackground#07353b
list.inactiveSelectionForeground#ffae88
list.warningForeground#ff9b7a
listFilterWidget.background#00404d
listFilterWidget.noMatchesOutline#e34e1c
listFilterWidget.outline#49e9a6
menu.background#021c23
menu.foreground#2df5ff
menu.selectionBackground#0b515b
menu.selectionBorder#0b515b
menu.selectionForeground#40d4e7
menu.separatorBackground#40d4e7
menubar.selectionBackground#0b515b
menubar.selectionBorder#0b515b
menubar.selectionForeground#40d4e7
merge.border#03141700
merge.commonContentBackground#ffc18022
merge.commonHeaderBackground#ffc18044
merge.currentContentBackground#85f1ff22
merge.currentHeaderBackground#85f1ff44
merge.incomingContentBackground#9d92f222
merge.incomingHeaderBackground#9d92f244
minimap.background#03141799
minimap.errorHighlight#e34e1cee
minimap.findMatchHighlight#49d6e9ee
minimap.warningHighlight#e69533ee
minimapGutter.addedBackground#16b673
minimapGutter.deletedBackground#e34e1c
minimapGutter.modifiedBackground#49e9a6
notificationCenter.border#021c23
notificationCenterHeader.background#021c23
notificationCenterHeader.foreground#ffb08c
notificationLink.foreground#87a7ab
notifications.background#021c23
notifications.border#021c23
notifications.foreground#00ffe5
notificationToast.border#021c23
panel.background#020c0e
panel.border#033339
panelTitle.activeBorder#0e6671
panelTitle.activeForeground#00e5ff
panelTitle.inactiveForeground#ffb08c
peekView.border#169fb1
peekViewEditor.background#002124
peekViewEditor.matchHighlightBackground#00718079
peekViewEditor.matchHighlightBorder#007180cc
peekViewEditorGutter.background#002124
peekViewResult.background#031417
peekViewResult.fileForeground#ffc986
peekViewResult.lineForeground#00e1fe
peekViewResult.matchHighlightBackground#021c23
peekViewResult.selectionBackground#021c23
peekViewResult.selectionForeground#87a7ab
peekViewTitle.background#031417
peekViewTitleDescription.foreground#87a7ab
peekViewTitleLabel.foreground#ffc175
pickerGroup.border#0e6671
pickerGroup.foreground#169fb1
progressBar.background#40d4e7
scrollbar.shadow#00000044
scrollbarSlider.activeBackground#00e1ffca
scrollbarSlider.background#6a90955b
scrollbarSlider.hoverBackground#169fb162
selection.background#017864
settings.checkboxBackground#001214
settings.checkboxBorder#6bd3ff2d
settings.checkboxForeground#00e1ff
settings.dropdownBackground#001214
settings.dropdownBorder#6bd3ff2d
settings.dropdownForeground#00e1ff
settings.dropdownListBorder#6bd3ff2d
settings.headerForeground#ffae88
settings.modifiedItemIndicator#77ffc0
settings.numberInputBackground#001214
settings.numberInputBorder#6bd3ff2d
settings.numberInputForeground#ff85cc
settings.textInputBackground#001214
settings.textInputBorder#6bd3ff2d
settings.textInputForeground#00e1ff
sideBar.background#011217
sideBar.border#00201a
sideBar.dropBackground#042124
sideBar.foreground#2df5ff
sideBarSectionHeader.background#05323c9d
sideBarSectionHeader.border#15130f
sideBarSectionHeader.foreground#66ff9b
sideBarTitle.foreground#ffa56e
statusBar.background#002f41
statusBar.border#273336
statusBar.debuggingBackground#5200be
statusBar.debuggingBorder#5200be35
statusBar.debuggingForeground#ffffff
statusBar.foreground#7cf8ff
statusBar.noFolderBackground#031417
statusBar.noFolderBorder#031417
statusBar.noFolderForeground#87a7ab
statusBarItem.activeBackground#000f11
statusBarItem.hoverBackground#2d8187c6
statusBarItem.prominentBackground#020c0e
statusBarItem.prominentHoverBackground#00292e
tab.activeBackground#137bac1f
tab.activeBorder#031417
tab.activeBorderTop#00fffff1
tab.activeForeground#ffd0aa
tab.activeModifiedBorder#49e9a6
tab.border#023e4b
tab.inactiveBackground#011217
tab.inactiveForeground#36afff
tab.unfocusedActiveBackground#0b47621f
tab.unfocusedActiveBorder#031417
tab.unfocusedActiveForeground#00ffd9
tab.unfocusedHoverBackground#25edff1d
tab.unfocusedInactiveForeground#00ffd9
terminal.ansiBlack#324a4d
terminal.ansiBlue#49ace9
terminal.ansiBrightBlack#47686c
terminal.ansiBrightBlue#60b6eb
terminal.ansiBrightCyan#60dbeb
terminal.ansiBrightGreen#59e4aa
terminal.ansiBrightMagenta#e798b3
terminal.ansiBrightRed#e97749
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#e69533
terminal.ansiCyan#49d6e9
terminal.ansiGreen#48f4ad
terminal.ansiMagenta#df769b
terminal.ansiRed#e66533
terminal.ansiWhite#fbfbfb
terminal.ansiYellow#ffff39
terminal.background#020c0e
terminal.foreground#ffe2c0
terminalCursor.background#020c0e
terminalCursor.foreground#00fbff
textBlockQuote.background#031417
textBlockQuote.border#16a3b6
textCodeBlock.background#031417
textLink.activeForeground#40d4e7
textLink.foreground#40d4e7
textPreformat.foreground#ffc681
textSeparator.foreground#031417
titleBar.activeBackground#01171f
titleBar.activeForeground#2df5ff
titleBar.inactiveBackground#04272f
titleBar.inactiveForeground#ffa277
tree.indentGuidesStroke#00e5ff
walkThrough.embeddedEditorBackground#031417
widget.shadow#00000044

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#ffb9fde0
variable, support.variable, string constant.other.placeholder	#a784ff	—
constant.other.color	#00e4b6	—
invalid, invalid.illegal	#ff526f	—
keyword, storage.type, storage.modifier	#00f3cf	—
keyword.control, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution	#25fff0	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#ffa24a	—
entity.name.function, variable.function, support.function, keyword.other.special-method	#00c8ff	—
meta.block variable.other	#56a2ff	—
support.other.variable, string.other.link	#18f2d3	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#ffa24a	—
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	#ffad6a	—
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#ff8c92	—
support.type	#43caff	—
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	#20c0ff	—
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	#ecff83	—
constant.character.escape	#ff5656	—
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	#ff747b	—
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	#ff4797	—
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	#ffa28f	—
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	#4bc9ff	—
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	#00d5ff	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#83ffd6	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#cd7afe	—
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	#5da0fe	—
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	#6bff95	—
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	—
keyword.operator	#50f7bd	—
comment	—	italic
meta.function-call	#fffca5	—
punctuation	#00ffdd	—

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