Jungle Night

Name: Jungle Night
Author: tweakimp

Publisher: tweakimpThemes in package: 1

Dark VSCode Theme. Easy on your eyes.

Open in VS Code GitHub

VS Code preview

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

Jungle Night — Jungle Night

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#00000000
activityBar.activeBorder#FFFFFF
activityBar.activeFocusBorder#FFFFFF
activityBar.background#1E2428
activityBar.border#0F1519
activityBar.dropBorder#4E5255
activityBar.foreground#FFFFFF
activityBar.inactiveForeground#BCBDBE
activityBarBadge.background#4E5255
activityBarBadge.foreground#FFFFFF
badge.background#3E4246
badge.foreground#DCDCDC
breadcrumb.activeSelectionForeground#DCDCDC
breadcrumb.background#0F1519
breadcrumb.focusForeground#DCDCDC
breadcrumb.foreground#BCBDBE
breadcrumbPicker.background#0F1519
button.background#FFCC66
button.border#00000000
button.foreground#1E2428
button.hoverBackground#FFFF80
button.secondaryBackground#FFCC66
button.secondaryForeground#1E2428
button.secondaryHoverBackground#FFFF80
contrastActiveBorder#00000000
contrastBorder#00000000
debugConsole.errorForeground#E54545
debugConsole.infoForeground#45E545
debugConsole.sourceForeground#4545E5
debugConsole.warningForeground#E5E545
debugConsoleInputIcon.foreground#ACAEAF
debugExceptionWidget.background#1E2428
debugExceptionWidget.border#DCDCDC
debugIcon.breakpointCurrentStackframeForeground#FFCC66
debugIcon.breakpointDisabledForeground#4E5255
debugIcon.breakpointForeground#E54545
debugIcon.breakpointStackframeForeground#FFCC66
debugIcon.breakpointUnverifiedForeground#E54545
debugToolBar.background#1E2428
debugToolBar.border#80FF80
descriptionForeground#DCDCDC
diffEditor.border#00000000
diffEditor.diagonalFill#1E2428
diffEditor.insertedTextBackground#45E54525
diffEditor.insertedTextBorder#45E54540
diffEditor.removedTextBackground#E5454525
diffEditor.removedTextBorder#E5454540
dropdown.background#0F1519
dropdown.border#0F1519
dropdown.foreground#DCDCDC
dropdown.listBackground#0F1519
editor.background#0F1519
editor.findMatchBackground#4545E590
editor.findMatchBorder#00000000
editor.findMatchHighlightBackground#4545E550
editor.findMatchHighlightBorder#00000000
editor.findRangeHighlightBackground#4545E550
editor.findRangeHighlightBorder#00000000
editor.focusedStackFrameHighlightBackground#E5454520
editor.foldBackground#00000000
editor.foreground#DCDCDC
editor.hoverHighlightBackground#4E525550
editor.inactiveSelectionBackground#1E2428
editor.lineHighlightBackground#4E525550
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#4E525515
editor.rangeHighlightBorder#FFCC66
editor.selectionBackground#4E525550
editor.selectionForeground#DCDCDC
editor.selectionHighlightBackground#4E525550
editor.selectionHighlightBorder#00000000
editor.snippetFinalTabstopHighlightBackground#00000000
editor.snippetFinalTabstopHighlightBorder#00000000
editor.snippetTabstopHighlightBackground#00000000
editor.snippetTabstopHighlightBorder#80FF80
editor.stackFrameHighlightBackground#E5454520
editor.symbolHighlightBackground#00000000
editor.symbolHighlightBorder#80FF80
editor.wordHighlightBackground#FFCC6630
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#00000000
editor.wordHighlightStrongBorder#00000000
editorBracketMatch.background#FFCC6650
editorBracketMatch.border#00000000
editorCodeLens.foreground#DCDCDC
editorCursor.background#0F1519
editorCursor.foreground#FFCC66
editorError.border#00000000
editorError.foreground#E54545
editorGroup.border#000000
editorGroup.dropBackground#3E4246
editorGroup.emptyBackground#0F1519
editorGroup.focusedEmptyBorder#FFCC66
editorGroupHeader.border#3E4246
editorGroupHeader.noTabsBackground#1E2428
editorGroupHeader.tabsBackground#1E2428
editorGroupHeader.tabsBorder#3E4246
editorGutter.addedBackground#45E545
editorGutter.background#1E2428
editorGutter.commentRangeForeground#8080FF
editorGutter.deletedBackground#E54545
editorGutter.foldingControlForeground#FFFFFF
editorGutter.modifiedBackground#E5E545
editorHint.border#8080FF
editorHint.foreground#8080FF
editorHoverWidget.background#1E2428
editorHoverWidget.border#3E4246
editorHoverWidget.foreground#DCDCDC
editorHoverWidget.statusBarBackground#1E2428
editorIndentGuide.activeBackground#6D7073
editorIndentGuide.background#3E4246
editorInfo.border#00000000
editorInfo.foreground#8080FF
editorLineNumber.activeForeground#DCDCDC
editorLineNumber.foreground#4E5255
editorLink.activeForeground#FFCC66
editorMarkerNavigation.background#1E2428
editorMarkerNavigationError.background#FF8080
editorMarkerNavigationInfo.background#8080FF
editorMarkerNavigationWarning.background#FFFF80
editorOverviewRuler.addedForeground#45E545
editorOverviewRuler.background#1E2428
editorOverviewRuler.border#00000000
editorOverviewRuler.bracketMatchForeground#FFCC66
editorOverviewRuler.commonContentForeground#FFCC66
editorOverviewRuler.currentContentForeground#FFCC66
editorOverviewRuler.deletedForeground#FFCC66
editorOverviewRuler.errorForeground#E54545
editorOverviewRuler.findMatchForeground#4545E590
editorOverviewRuler.incomingContentForeground#FFCC66
editorOverviewRuler.infoForeground#00000000
editorOverviewRuler.modifiedForeground#FFCC66
editorOverviewRuler.rangeHighlightForeground#00000000
editorOverviewRuler.selectionHighlightForeground#00000000
editorOverviewRuler.warningForeground#E54545
editorOverviewRuler.wordHighlightForeground#00000000
editorOverviewRuler.wordHighlightStrongForeground#00000000
editorPane.background#1E2428
editorRuler.foreground#4E5255
editorSuggestWidget.background#1E2428
editorSuggestWidget.border#0F1519
editorSuggestWidget.foreground#DCDCDC
editorSuggestWidget.highlightForeground#FFCC66
editorSuggestWidget.selectedBackground#3E4246
editorUnnecessaryCode.border#8080FF
editorUnnecessaryCode.opacity#8080FF
editorWarning.border#00000000
editorWarning.foreground#FFCC66
editorWhitespace.foreground#4E5255
editorWidget.background#1E2428
editorWidget.border#3E4246
editorWidget.foreground#BCBDBE
editorWidget.resizeBorder#FFCC66
errorForeground#E54545
extensionBadge.remoteBackground#4E5255
extensionBadge.remoteForeground#FFFFFF
extensionButton.prominentBackground#FFCC66
extensionButton.prominentForeground#1E2428
extensionButton.prominentHoverBackground#FFFF80
extensionIcon.starForeground#FFCC66
focusBorder#00000000
foreground#DCDCDC
gitDecoration.addedResourceForeground#FFCC66
gitDecoration.conflictingResourceForeground#FF8080
gitDecoration.deletedResourceForeground#FF8080
gitDecoration.ignoredResourceForeground#6D7073
gitDecoration.modifiedResourceForeground#FFCC66
gitDecoration.submoduleResourceForeground#CC8F52
gitDecoration.untrackedResourceForeground#80FFFF
icon.foreground#DCDCDC
input.background#1E2428
input.border#3E4246
input.foreground#DCDCDC
input.placeholderForeground#DCDCDC
inputOption.activeBackground#0F1519
inputOption.activeBorder#FFCC66
inputOption.activeForeground#DCDCDC
inputValidation.errorBackground#1E2428
inputValidation.errorBorder#00000000
inputValidation.errorForeground#E54545
inputValidation.infoBackground#1E2428
inputValidation.infoBorder#00000000
inputValidation.infoForeground#E54545
inputValidation.warningBackground#1E2428
inputValidation.warningBorder#00000000
inputValidation.warningForeground#E54545
list.activeSelectionBackground#3E4246
list.activeSelectionForeground#DCDCDC
list.deemphasizedForeground#6D7073
list.dropBackground#3E4246
list.errorForeground#E54545
list.filterMatchBackground#4545E590
list.filterMatchBorder#00000000
list.focusBackground#3E4246
list.focusForeground#DCDCDC
list.highlightForeground#FFCC66
list.hoverBackground#1E2428
list.hoverForeground#DCDCDC
list.inactiveFocusBackground#3E4246
list.inactiveSelectionBackground#3E4246
list.inactiveSelectionForeground#DCDCDC
list.invalidItemForeground#6D7073
list.warningForeground#E54545
listFilterWidget.background#0F1519
listFilterWidget.noMatchesOutline#E54545
listFilterWidget.outline#45E545
menu.background#1E2428
menu.border#1E2428
menu.foreground#BCBDBE
menu.selectionBackground#3E4246
menu.selectionBorder#00000000
menu.selectionForeground#DCDCDC
menu.separatorBackground#4E5255
menubar.selectionBackground#3E4246
menubar.selectionBorder#00000000
menubar.selectionForeground#DCDCDC
merge.border#00000000
merge.commonContentBackground#00000000
merge.commonHeaderBackground#00000000
merge.currentContentBackground#00000000
merge.currentHeaderBackground#00000000
merge.incomingContentBackground#00000000
merge.incomingHeaderBackground#00000000
minimap.errorHighlight#E54545
minimap.findMatchHighlight#4545E590
minimap.selectionHighlight#4E525590
minimap.warningHighlight#E54545
minimapGutter.addedBackground#45E545
minimapGutter.deletedBackground#E54545
minimapGutter.modifiedBackground#45E545
notebook.cellBorderColor#1E2428
notebook.cellEditorBackground#0F1519
notebook.cellToolbarSeparator#6D7073
notebook.focusedEditorBorder#1E2428
notebook.outputContainerBackgroundColor#1E2428
notebook.outputContainerBorderColor#1E2428
notificationCenter.border#1E2428
notificationCenterHeader.background#1E2428
notificationCenterHeader.foreground#DCDCDC
notificationLink.foreground#8080FF
notifications.background#1E2428
notifications.border#00000000
notifications.foreground#DCDCDC
notificationToast.border#1E2428
panel.background#1E2428
panel.border#000000
panel.dropBorder#4E5255
panelTitle.activeBorder#FFFFFF
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#ACAEAF
peekView.border#3E4246
peekViewEditor.background#0F1519
peekViewEditor.matchHighlightBackground#1E2428bb
peekViewEditor.matchHighlightBorder#00000000
peekViewEditorGutter.background#1E2428
peekViewResult.background#1E2428
peekViewResult.fileForeground#DCDCDC
peekViewResult.lineForeground#FFFFFF
peekViewResult.matchHighlightBackground#1E2428
peekViewResult.selectionBackground#1E2428
peekViewResult.selectionForeground#FFFFFF
peekViewTitle.background#1E2428
peekViewTitleDescription.foreground#DCDCDC
peekViewTitleLabel.foreground#FFCC66
pickerGroup.border#0F1519
pickerGroup.foreground#DCDCDC
progressBar.background#FFCC66
quickInput.background#1E2428
quickInput.foreground#DCDCDC
quickInputTitle.background#1E2428
sash.hoverBorder#BCBDBE
scrollbar.shadow#0F1519
scrollbarSlider.activeBackground#DCDCDC
scrollbarSlider.background#6D7073
scrollbarSlider.hoverBackground#DCDCDC
searchEditor.findMatchBackground#4545E590
searchEditor.findMatchBorder#00000000
searchEditor.textInputBorder#3E4246
selection.background#6D7073
settings.checkboxBackground#1E2428
settings.checkboxBorder#3E4246
settings.checkboxForeground#DCDCDC
settings.dropdownBackground#1E2428
settings.dropdownBorder#3E4246
settings.dropdownForeground#DCDCDC
settings.headerForeground#FFCC66
settings.modifiedItemIndicator#CC8F52
settings.numberInputBackground#1E2428
settings.numberInputBorder#3E4246
settings.numberInputForeground#DCDCDC
settings.textInputBackground#1E2428
settings.textInputBorder#3E4246
settings.textInputForeground#DCDCDC
sideBar.background#0F1519
sideBar.border#000000
sideBar.dropBackground#DCDCDC75
sideBar.foreground#DCDCDC
sideBarSectionHeader.background#1E2428
sideBarSectionHeader.border#00000000
sideBarSectionHeader.foreground#DCDCDC
sideBarTitle.foreground#DCDCDC
statusBar.background#1E2428
statusBar.border#0F1519
statusBar.debuggingBackground#1E2428
statusBar.debuggingBorder#FFCC66
statusBar.debuggingForeground#DCDCDC
statusBar.foreground#DCDCDC
statusBar.noFolderBackground#1E2428
statusBar.noFolderBorder#3E4246
statusBar.noFolderForeground#DCDCDC
statusBarItem.activeBackground#0F1519
statusBarItem.hoverBackground#3E4246
statusBarItem.prominentBackground#1E2428
statusBarItem.prominentForeground#BCBDBE
statusBarItem.prominentHoverBackground#3E4246
statusBarItem.remoteBackground#1E2428
statusBarItem.remoteForeground#BCBDBE
tab.activeBackground#0F1519
tab.activeBorder#DCDCDC
tab.activeBorderTop#00000000
tab.activeForeground#DCDCDC
tab.border#0F1519
tab.hoverBackground#3E4246
tab.hoverBorder#00000000
tab.hoverForeground#FFFFFF
tab.inactiveBackground#1E2428
tab.inactiveForeground#DCDCDC
tab.unfocusedActiveBackground#0F1519
tab.unfocusedActiveBorder#DCDCDC
tab.unfocusedActiveBorderTop#00000000
tab.unfocusedActiveForeground#FFFFFF
tab.unfocusedHoverBackground#3E4246
tab.unfocusedHoverBorder#DCDCDC
tab.unfocusedHoverForeground#FFFFFF
tab.unfocusedInactiveBackground#1E2428
tab.unfocusedInactiveForeground#DCDCDC
terminal.ansiBlack#0F1519
terminal.ansiBlue#4545E5
terminal.ansiBrightBlack#808080
terminal.ansiBrightBlue#8080FF
terminal.ansiBrightCyan#80FFFF
terminal.ansiBrightGreen#80FF80
terminal.ansiBrightMagenta#FF80FF
terminal.ansiBrightRed#FF8080
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFFF80
terminal.ansiCyan#45E5E5
terminal.ansiGreen#45E545
terminal.ansiMagenta#E545E5
terminal.ansiRed#E54545
terminal.ansiWhite#DCDCDC
terminal.ansiYellow#E5E545
terminal.background#1E2428
terminal.border#DCDCDC
terminal.foreground#DCDCDC
terminal.selectionBackground#4E525550
terminalCursor.background#0F1519
terminalCursor.foreground#FFCC66
textBlockQuote.background#1E2428
textBlockQuote.border#FFCC66
textCodeBlock.background#1E2428
textLink.activeForeground#80FF80
textLink.foreground#8080FF
textPreformat.foreground#FFCC66
textSeparator.foreground#FFCC66
titleBar.activeBackground#1E2428
titleBar.activeForeground#DCDCDC
titleBar.border#0F1519
titleBar.inactiveBackground#1E2428
titleBar.inactiveForeground#DCDCDC
tree.indentGuidesStroke#4E5255
walkThrough.embeddedEditorBackground#1E2428
welcomePage.background#0F1519
widget.shadow#0F1519

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, string.quoted.docstring	#6D7073	—
support, support.function.magic, support.function.builtin	#FFCC66	—
variable.language.special, variable.parameter.function.language.special	#FF8080	—
variable, string.unquoted	#DCDCDC	—
keyword, storage	#608060	—
keyword.operator, punctuation.separator, punctuation.definition.parameters, punctuation.definition.tag	#ACAEAF	—
entity.name.tag	#608060	—
entity.name.function, keyword.other.special-method, meta.block-level, meta.function-call, support.function, variable.function	#ccbb88	—
string.other.link, support.other.variable	#FF8080	—
constant.character, constant.language, constant.numeric, keyword.other.unit, support.constant, variable.parameter	#CC8F52	—
constant.other.key, constant.other.symbol, string	#8FBF8F	—
string.regexp	#FF8080	—
constant.character.escape	#608060	—
link, uri, url	#8080FF	bold

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