Dark Gruvy Hard

Name: Dark Gruvy Hard
Author: Correia Dark

Publisher: Correia DarkThemes in package: 1

A hard dark Gruvbox-inspired color theme for Visual Studio Code.

Open in VS Code GitHub

VS Code preview

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

Dark Gruvy Hard — Dark Gruvy Hard

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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}!`;
}

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#A5A75B
activityBar.background#1C1E1F
activityBar.foreground#B8B09E
activityBar.inactiveForeground#8A8175
activityBarBadge.background#B66D4A
activityBarBadge.foreground#000000
badge.background#B66D4A
badge.foreground#000000
button.background#B66D4A
button.foreground#000000
button.hoverBackground#C77F5E
button.secondaryBackground#2D2E2B
button.secondaryForeground#B8B09E
button.secondaryHoverBackground#383934
checkbox.background#2D2E2B
checkbox.border#625C53
descriptionForeground#AAA18F
dropdown.background#2D2E2B
dropdown.border#625C53
dropdown.foreground#B8B09E
editor.background#202223
editor.findMatchBackground#B8915666
editor.findMatchHighlightBackground#B8915633
editor.foreground#B8B09E
editor.inactiveSelectionBackground#2D2E2BCC
editor.lineHighlightBackground#242625
editor.lineHighlightBorder#00000000
editor.selectionBackground#4A4740CC
editor.wordHighlightBackground#38393499
editor.wordHighlightStrongBackground#625C5399
editorActionList.background#1A1C1D
editorActionList.focusBackground#383934
editorActionList.focusForeground#C8C0AD
editorActionList.foreground#B8B09E
editorBracketHighlight.foreground1#769A90
editorBracketHighlight.foreground2#A5A75B
editorBracketHighlight.foreground3#B89156
editorBracketHighlight.foreground4#C27C7C
editorBracketHighlight.foreground5#83A879
editorBracketHighlight.foreground6#AAA18F
editorBracketMatch.background#2D2E2B
editorBracketMatch.border#A5A75B
editorCursor.foreground#C8C0AD
editorError.foreground#B66D4A
editorGroupHeader.border#2D2E2B
editorGroupHeader.noTabsBackground#202223
editorGroupHeader.tabsBackground#1C1E1F
editorGutter.addedBackground#A5A75B
editorGutter.background#202223
editorGutter.deletedBackground#B66D4A
editorGutter.modifiedBackground#B89156
editorHint.foreground#83A879
editorHoverWidget.background#1A1C1D
editorHoverWidget.border#625C53
editorHoverWidget.foreground#B8B09E
editorIndentGuide.activeBackground1#625C53
editorIndentGuide.background1#2D2E2B
editorInfo.foreground#769A90
editorInlayHint.background#00000000
editorInlayHint.foreground#AAA18F66
editorLineNumber.activeForeground#B89156
editorLineNumber.foreground#8A8175
editorRuler.foreground#2D2E2B
editorSuggestWidget.background#1A1C1D
editorSuggestWidget.border#625C53
editorSuggestWidget.foreground#B8B09E
editorSuggestWidget.highlightForeground#A5A75B
editorSuggestWidget.selectedBackground#383934
editorSuggestWidget.selectedForeground#C8C0AD
editorWarning.foreground#B89156
editorWidget.background#1A1C1D
focusBorder#769A90
input.background#2D2E2B
input.border#625C53
input.foreground#B8B09E
input.placeholderForeground#8A8175
list.activeSelectionBackground#383934
list.activeSelectionForeground#C8C0AD
list.focusBackground#383934
list.focusForeground#C8C0AD
list.highlightForeground#A5A75B
list.hoverBackground#2D2E2B
list.hoverForeground#B8B09E
list.inactiveFocusBackground#383934
list.inactiveSelectionBackground#2D2E2B
list.inactiveSelectionForeground#B8B09E
menu.background#1A1C1D
menu.foreground#B8B09E
menu.selectionBackground#383934
menu.selectionForeground#C8C0AD
panel.background#202223
panel.border#2D2E2B
peekView.border#625C53
peekViewEditor.background#202223
peekViewResult.background#292B2A
pickerGroup.border#625C53
pickerGroup.foreground#AAA18F
progressBar.background#A5A75B
quickInput.background#1A1C1D
quickInput.foreground#B8B09E
quickInputList.focusBackground#383934
quickInputList.focusForeground#C8C0AD
quickInputList.focusIconForeground#769A90
quickInputTitle.background#1A1C1D
scrollbarSlider.activeBackground#625C53CC
scrollbarSlider.background#2D2E2BB3
scrollbarSlider.hoverBackground#625C53B3
sideBar.background#17191A
sideBar.border#2D2E2B
sideBar.foreground#B8B09E
sideBarSectionHeader.background#242625
sideBarSectionHeader.foreground#B8B09E
statusBar.background#1C1E1F
statusBar.debuggingBackground#B66D4A
statusBar.debuggingForeground#000000
statusBar.foreground#AAA18F
statusBarItem.hoverBackground#2D2E2B
statusBarItem.remoteBackground#2D2E2B
statusBarItem.remoteForeground#B8B09E
tab.activeBackground#292B2A
tab.activeBorderTop#A5A75B
tab.activeForeground#C8C0AD
tab.border#2D2E2B
tab.hoverBackground#2D2E2B
tab.inactiveBackground#1C1E1F
tab.unfocusedActiveBackground#292B2A
terminal.ansiBlack#1A1C1D
terminal.ansiBlue#769A90
terminal.ansiBrightBlack#625C53
terminal.ansiBrightBlue#769A90
terminal.ansiBrightCyan#83A879
terminal.ansiBrightGreen#A5A75B
terminal.ansiBrightMagenta#C27C7C
terminal.ansiBrightRed#B66D4A
terminal.ansiBrightWhite#C8C0AD
terminal.ansiBrightYellow#B89156
terminal.ansiCyan#83A879
terminal.ansiGreen#A5A75B
terminal.ansiMagenta#C27C7C
terminal.ansiRed#B66D4A
terminal.ansiWhite#B8B09E
terminal.ansiYellow#B89156
terminal.background#17191A
terminal.border#2D2E2B
terminal.foreground#B8B09E
terminal.selectionBackground#4A4740CC
terminalCommandDecoration.defaultBackground#769A90
terminalCommandDecoration.errorBackground#B66D4A
terminalCommandDecoration.successBackground#A5A75B
terminalCursor.background#1A1C1D
terminalCursor.foreground#C8C0AD
textLink.foreground#769A90
titleBar.activeBackground#1C1E1F
titleBar.activeForeground#B8B09E
titleBar.inactiveBackground#1C1E1F
titleBar.inactiveForeground#8A8175

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#56865B	italic
keyword, storage, keyword.control	#C27C7C	—
string, string.quoted, string.regexp	#A5A75B	—
constant, constant.numeric, constant.language	#B66D4A	—
support.constant.core.php	#B89156	—
entity.name.function, support.function, meta.function-call	#769A90	—
entity.name.type, support.type, support.class, storage.type	#B89156	—
variable, variable.parameter	#B8B09E	—
variable.language.this	#B89156	—
variable.language.self	#B66D4A	—
punctuation, punctuation.definition, keyword.operator	#B8B09E	—
keyword.operator	#C27C7C	—
keyword.operator.arrow, keyword.operator.arrow.rust, keyword.operator.fat-arrow, keyword.operator.fat-arrow.rust, storage.type.function.arrow, storage.type.function.arrow.rust	#C27C7C	—
punctuation.definition.variable.php, meta.variable.php punctuation.definition.variable.php, source.php punctuation.definition.variable	#B89156	—
markup.heading, markup.heading.markdown	#B89156	bold
entity.name.tag, entity.name.tag.html.vue, entity.name.tag.jsx, entity.name.tag.tsx, entity.name.tag.html.jsx, entity.name.tag.html.tsx, entity.name.tag.html.blade, entity.name.tag.html.php, meta.tag, meta.tag.structure	#769A90	—
entity.other.attribute-name	#B89156	—
entity.name.function.decorator, meta.decorator, storage.type.annotation	#C27C7C	—
support.macro.rust, entity.name.function.macro.rust	#B66D4A	—
meta.attribute.rust	#B66D4A	—
invalid, invalid.illegal	#B66D4A	—