dharam-gfx theme

Name: dharam-gfx theme
Author: dharmendra kumar

Publisher: dharmendra kumarThemes in package: 35

Beautiful themes to enhance your coding and teaching experience.

Open in VS Code GitHub

Color themes

VS Code preview

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

dharam-gfx theme — Everforest Light

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#93b259d0
activityBar.activeFocusBorder#93b259
activityBar.background#fdf6e3
activityBar.border#fdf6e3
activityBar.dropBackground#fdf6e3
activityBar.foreground#5c6a72
activityBar.inactiveForeground#939f91
activityBarBadge.background#93b259
activityBarBadge.foreground#fdf6e3
badge.background#93b259
badge.foreground#fdf6e3
breadcrumb.activeSelectionForeground#5c6a72
breadcrumb.focusForeground#5c6a72
breadcrumb.foreground#939f91
button.background#93b259
button.foreground#fdf6e3
button.hoverBackground#93b259d0
button.secondaryBackground#efebd4
button.secondaryForeground#5c6a72
button.secondaryHoverBackground#e6e2cc
charts.blue#3a94c5
charts.foreground#5c6a72
charts.green#8da101
charts.orange#f57d26
charts.purple#df69ba
charts.red#f85552
charts.yellow#dfa000
checkbox.background#fdf6e3
checkbox.border#e0dcc7
checkbox.foreground#f57d26
debugConsole.errorForeground#f85552
debugConsole.infoForeground#8da101
debugConsole.sourceForeground#df69ba
debugConsole.warningForeground#dfa000
debugConsoleInputIcon.foreground#35a77c
debugIcon.breakpointCurrentStackframeForeground#3a94c5
debugIcon.breakpointDisabledForeground#f1706f
debugIcon.breakpointForeground#f85552
debugIcon.breakpointStackframeForeground#f85552
debugIcon.breakpointUnverifiedForeground#879686
debugIcon.continueForeground#3a94c5
debugIcon.disconnectForeground#df69ba
debugIcon.pauseForeground#dfa000
debugIcon.restartForeground#35a77c
debugIcon.startForeground#35a77c
debugIcon.stepBackForeground#3a94c5
debugIcon.stepIntoForeground#3a94c5
debugIcon.stepOutForeground#3a94c5
debugIcon.stepOverForeground#3a94c5
debugIcon.stopForeground#f85552
debugTokenExpression.boolean#df69ba
debugTokenExpression.error#f85552
debugTokenExpression.name#3a94c5
debugTokenExpression.number#df69ba
debugTokenExpression.string#dfa000
debugTokenExpression.value#8da101
debugToolBar.background#fdf6e3
descriptionForeground#939f91
diffEditor.diagonalFill#e0dcc7
diffEditor.insertedTextBackground#6ec39830
diffEditor.removedTextBackground#f1706f30
dropdown.background#fdf6e3
dropdown.border#e0dcc7
dropdown.foreground#879686
editor.background#fdf6e3
editor.findMatchBackground#f3945940
editor.findMatchHighlightBackground#a4bb4a40
editor.findRangeHighlightBackground#e6e2cc50
editor.foldBackground#e0dcc780
editor.foreground#5c6a72
editor.hoverHighlightBackground#e6e2cc90
editor.inactiveSelectionBackground#e6e2cc50
editor.lineHighlightBackground#efebd470
editor.lineHighlightBorder#e0dcc700
editor.rangeHighlightBackground#efebd480
editor.selectionBackground#e6e2cca0
editor.selectionHighlightBackground#e6e2cc50
editor.snippetFinalTabstopHighlightBackground#a4bb4a40
editor.snippetFinalTabstopHighlightBorder#fdf6e3
editor.snippetTabstopHighlightBackground#efebd4
editor.symbolHighlightBackground#6cb3c640
editor.wordHighlightBackground#e6e2cc48
editor.wordHighlightStrongBackground#e6e2cc90
editorBracketHighlight.foreground1#f85552
editorBracketHighlight.foreground2#dfa000
editorBracketHighlight.foreground3#8da101
editorBracketHighlight.foreground4#3a94c5
editorBracketHighlight.foreground5#f57d26
editorBracketHighlight.foreground6#df69ba
editorBracketHighlight.unexpectedBracket.foreground#939f91
editorBracketMatch.background#e0dcc7
editorBracketMatch.border#fdf6e300
editorCodeLens.foreground#a4ad9ea0
editorCursor.foreground#5c6a72
editorError.background#f1706f00
editorError.foreground#f1706f
editorGhostText.background#fdf6e300
editorGhostText.foreground#a4ad9ea0
editorGroup.border#efebd4
editorGroup.dropBackground#e0dcc760
editorGroupHeader.noTabsBackground#fdf6e3
editorGroupHeader.tabsBackground#fdf6e3
editorGutter.addedBackground#a4bb4aa0
editorGutter.background#fdf6e300
editorGutter.commentRangeForeground#a4ad9e
editorGutter.deletedBackground#f1706fa0
editorGutter.modifiedBackground#6cb3c6a0
editorHint.foreground#e092be
editorHoverWidget.background#f4f0d9
editorHoverWidget.border#e6e2cc
editorIndentGuide.activeBackground#87968650
editorIndentGuide.background#87968620
editorInfo.background#6cb3c600
editorInfo.foreground#6cb3c6
editorInlayHint.background#fdf6e300
editorInlayHint.foreground#a4ad9ea0
editorInlayHint.parameterBackground#fdf6e300
editorInlayHint.parameterForeground#a4ad9ea0
editorInlayHint.typeBackground#fdf6e300
editorInlayHint.typeForeground#a4ad9ea0
editorLightBulb.foreground#dfa000
editorLightBulbAutoFix.foreground#35a77c
editorLineNumber.activeForeground#879686e0
editorLineNumber.foreground#a4ad9ea0
editorLink.activeForeground#8da101
editorMarkerNavigation.background#f4f0d9
editorMarkerNavigationError.background#f1706f80
editorMarkerNavigationInfo.background#6cb3c680
editorMarkerNavigationWarning.background#e4b64980
editorOverviewRuler.addedForeground#a4bb4aa0
editorOverviewRuler.border#fdf6e300
editorOverviewRuler.commonContentForeground#939f91
editorOverviewRuler.currentContentForeground#6cb3c6
editorOverviewRuler.deletedForeground#f1706fa0
editorOverviewRuler.errorForeground#f85552
editorOverviewRuler.findMatchForeground#6ec398
editorOverviewRuler.incomingContentForeground#6ec398
editorOverviewRuler.infoForeground#df69ba
editorOverviewRuler.modifiedForeground#6cb3c6a0
editorOverviewRuler.rangeHighlightForeground#6ec398
editorOverviewRuler.selectionHighlightForeground#6ec398
editorOverviewRuler.warningForeground#dfa000
editorOverviewRuler.wordHighlightForeground#e0dcc7
editorOverviewRuler.wordHighlightStrongForeground#e0dcc7
editorRuler.foreground#e6e2cca0
editorSuggestWidget.background#efebd4
editorSuggestWidget.border#efebd4
editorSuggestWidget.foreground#5c6a72
editorSuggestWidget.highlightForeground#8da101
editorSuggestWidget.selectedBackground#e6e2cc
editorUnnecessaryCode.border#fdf6e3
editorUnnecessaryCode.opacity#00000080
editorWarning.background#e4b64900
editorWarning.foreground#e4b649
editorWhitespace.foreground#e6e2cc
editorWidget.background#fdf6e3
editorWidget.border#e0dcc7
editorWidget.foreground#5c6a72
errorForeground#f85552
extensionBadge.remoteBackground#93b259
extensionBadge.remoteForeground#fdf6e3
extensionButton.prominentBackground#93b259
extensionButton.prominentForeground#fdf6e3
extensionButton.prominentHoverBackground#93b259d0
extensionIcon.preReleaseForeground#f57d26
extensionIcon.starForeground#35a77c
extensionIcon.verifiedForeground#8da101
focusBorder#fdf6e300
foreground#879686
gitDecoration.addedResourceForeground#8da101a0
gitDecoration.conflictingResourceForeground#df69baa0
gitDecoration.deletedResourceForeground#f85552a0
gitDecoration.ignoredResourceForeground#e0dcc7
gitDecoration.modifiedResourceForeground#3a94c5a0
gitDecoration.stageDeletedResourceForeground#35a77ca0
gitDecoration.stageModifiedResourceForeground#35a77ca0
gitDecoration.submoduleResourceForeground#f57d26a0
gitDecoration.untrackedResourceForeground#dfa000a0
gitlens.closedPullRequestIconColor#f85552
gitlens.decorations.addedForegroundColor#8da101
gitlens.decorations.branchAheadForegroundColor#35a77c
gitlens.decorations.branchBehindForegroundColor#f57d26
gitlens.decorations.branchDivergedForegroundColor#dfa000
gitlens.decorations.branchMissingUpstreamForegroundColor#f85552
gitlens.decorations.branchUnpublishedForegroundColor#3a94c5
gitlens.decorations.branchUpToDateForegroundColor#5c6a72
gitlens.decorations.copiedForegroundColor#df69ba
gitlens.decorations.deletedForegroundColor#f85552
gitlens.decorations.ignoredForegroundColor#879686
gitlens.decorations.modifiedForegroundColor#3a94c5
gitlens.decorations.renamedForegroundColor#df69ba
gitlens.decorations.untrackedForegroundColor#dfa000
gitlens.gutterBackgroundColor#fdf6e3
gitlens.gutterForegroundColor#5c6a72
gitlens.gutterUncommittedForegroundColor#3a94c5
gitlens.lineHighlightBackgroundColor#f4f0d9
gitlens.lineHighlightOverviewRulerColor#93b259
gitlens.mergedPullRequestIconColor#df69ba
gitlens.openPullRequestIconColor#35a77c
gitlens.trailingLineForegroundColor#939f91
gitlens.unpublishedCommitIconColor#dfa000
gitlens.unpulledChangesIconColor#f57d26
gitlens.unpushlishedChangesIconColor#3a94c5
icon.foreground#35a77c
imagePreview.border#fdf6e3
input.background#fdf6e300
input.border#e0dcc7
input.foreground#5c6a72
input.placeholderForeground#a4ad9e
inputOption.activeBorder#35a77c
inputValidation.errorBackground#f1706f
inputValidation.errorBorder#f85552
inputValidation.errorForeground#5c6a72
inputValidation.infoBackground#6cb3c6
inputValidation.infoBorder#3a94c5
inputValidation.infoForeground#5c6a72
inputValidation.warningBackground#e4b649
inputValidation.warningBorder#dfa000
inputValidation.warningForeground#5c6a72
issues.closed#f85552
issues.open#35a77c
keybindingLabel.background#fdf6e300
keybindingLabel.border#f4f0d9
keybindingLabel.bottomBorder#efebd4
keybindingLabel.foreground#5c6a72
keybindingTable.headerBackground#efebd4
keybindingTable.rowsBackground#f4f0d9
list.activeSelectionBackground#e6e2cc80
list.activeSelectionForeground#5c6a72
list.dropBackground#f4f0d980
list.errorForeground#f85552
list.focusBackground#e6e2cc80
list.focusForeground#5c6a72
list.highlightForeground#8da101
list.hoverBackground#fdf6e300
list.hoverForeground#5c6a72
list.inactiveFocusBackground#e6e2cc60
list.inactiveSelectionBackground#e6e2cc80
list.inactiveSelectionForeground#879686
list.invalidItemForeground#f1706f
list.warningForeground#dfa000
menu.background#fdf6e3
menu.foreground#879686
menu.selectionBackground#f4f0d9
menu.selectionForeground#5c6a72
menubar.selectionBackground#fdf6e3
menubar.selectionBorder#fdf6e3
merge.border#fdf6e300
merge.currentContentBackground#6cb3c640
merge.currentHeaderBackground#6cb3c680
merge.incomingContentBackground#6ec39840
merge.incomingHeaderBackground#6ec39880
minimap.errorHighlight#f1706f80
minimap.findMatchHighlight#6ec39860
minimap.selectionHighlight#e0dcc7f0
minimap.warningHighlight#e4b64980
minimapGutter.addedBackground#a4bb4aa0
minimapGutter.deletedBackground#f1706fa0
minimapGutter.modifiedBackground#6cb3c6a0
notebook.cellBorderColor#e0dcc7
notebook.cellHoverBackground#fdf6e3
notebook.cellStatusBarItemHoverBackground#f4f0d9
notebook.cellToolbarSeparator#e0dcc7
notebook.focusedCellBackground#fdf6e3
notebook.focusedCellBorder#e0dcc7
notebook.focusedEditorBorder#e0dcc7
notebook.focusedRowBorder#e0dcc7
notebook.inactiveFocusedCellBorder#e0dcc7
notebook.outputContainerBackgroundColor#f4f0d9
notebook.selectedCellBorder#e0dcc7
notebookStatusErrorIcon.foreground#f85552
notebookStatusRunningIcon.foreground#3a94c5
notebookStatusSuccessIcon.foreground#8da101
notificationCenterHeader.background#efebd4
notificationCenterHeader.foreground#5c6a72
notificationLink.foreground#8da101
notifications.background#fdf6e3
notifications.foreground#5c6a72
notificationsErrorIcon.foreground#f85552
notificationsInfoIcon.foreground#3a94c5
notificationsWarningIcon.foreground#dfa000
panel.background#fdf6e3
panel.border#fdf6e3
panelInput.border#e0dcc7
panelSection.border#efebd4
panelSectionHeader.background#fdf6e3
panelTitle.activeBorder#93b259d0
panelTitle.activeForeground#5c6a72
panelTitle.inactiveForeground#939f91
peekView.border#e6e2cc
peekViewEditor.background#f4f0d9
peekViewEditor.matchHighlightBackground#e4b64950
peekViewEditorGutter.background#f4f0d9
peekViewResult.background#f4f0d9
peekViewResult.fileForeground#5c6a72
peekViewResult.lineForeground#879686
peekViewResult.matchHighlightBackground#e4b64950
peekViewResult.selectionBackground#6ec39850
peekViewResult.selectionForeground#5c6a72
peekViewTitle.background#e6e2cc
peekViewTitleDescription.foreground#5c6a72
peekViewTitleLabel.foreground#8da101
pickerGroup.border#93b2591a
pickerGroup.foreground#5c6a72
ports.iconRunningProcessForeground#f57d26
problemsErrorIcon.foreground#f85552
problemsInfoIcon.foreground#3a94c5
problemsWarningIcon.foreground#dfa000
progressBar.background#93b259
quickInputTitle.background#f4f0d9
rust_analyzer.inlayHints.background#fdf6e300
rust_analyzer.inlayHints.foreground#a4ad9ea0
rust_analyzer.syntaxTreeBorder#f85552
sash.hoverBorder#e6e2cc
scrollbar.shadow#3c474d20
scrollbarSlider.activeBackground#879686
scrollbarSlider.background#e0dcc780
scrollbarSlider.hoverBackground#e0dcc7
selection.background#e6e2ccc0
settings.checkboxBackground#fdf6e3
settings.checkboxBorder#e0dcc7
settings.checkboxForeground#f57d26
settings.dropdownBackground#fdf6e3
settings.dropdownBorder#e0dcc7
settings.dropdownForeground#35a77c
settings.focusedRowBackground#f4f0d9
settings.headerForeground#879686
settings.modifiedItemIndicator#a4ad9e
settings.numberInputBackground#fdf6e3
settings.numberInputBorder#e0dcc7
settings.numberInputForeground#df69ba
settings.rowHoverBackground#f4f0d9
settings.textInputBackground#fdf6e3
settings.textInputBorder#e0dcc7
settings.textInputForeground#3a94c5
sideBar.background#fdf6e3
sideBar.foreground#939f91
sideBarSectionHeader.background#fdf6e300
sideBarSectionHeader.foreground#879686
sideBarTitle.foreground#879686
statusBar.background#fdf6e3
statusBar.border#fdf6e3
statusBar.debuggingBackground#fdf6e3
statusBar.debuggingForeground#f57d26
statusBar.foreground#879686
statusBar.noFolderBackground#fdf6e3
statusBar.noFolderBorder#fdf6e3
statusBar.noFolderForeground#879686
statusBarItem.activeBackground#e6e2cc70
statusBarItem.errorBackground#fdf6e3
statusBarItem.errorForeground#f85552
statusBarItem.hoverBackground#e6e2cca0
statusBarItem.prominentBackground#fdf6e3
statusBarItem.prominentForeground#5c6a72
statusBarItem.prominentHoverBackground#e6e2cca0
statusBarItem.remoteBackground#fdf6e3
statusBarItem.remoteForeground#879686
statusBarItem.warningBackground#fdf6e3
statusBarItem.warningForeground#dfa000
symbolIcon.arrayForeground#3a94c5
symbolIcon.booleanForeground#df69ba
symbolIcon.classForeground#dfa000
symbolIcon.colorForeground#5c6a72
symbolIcon.constantForeground#35a77c
symbolIcon.constructorForeground#df69ba
symbolIcon.enumeratorForeground#df69ba
symbolIcon.enumeratorMemberForeground#35a77c
symbolIcon.eventForeground#dfa000
symbolIcon.fieldForeground#5c6a72
symbolIcon.fileForeground#5c6a72
symbolIcon.folderForeground#5c6a72
symbolIcon.functionForeground#8da101
symbolIcon.interfaceForeground#dfa000
symbolIcon.keyForeground#8da101
symbolIcon.keywordForeground#f85552
symbolIcon.methodForeground#8da101
symbolIcon.moduleForeground#df69ba
symbolIcon.namespaceForeground#df69ba
symbolIcon.nullForeground#35a77c
symbolIcon.numberForeground#df69ba
symbolIcon.objectForeground#df69ba
symbolIcon.operatorForeground#f57d26
symbolIcon.packageForeground#df69ba
symbolIcon.propertyForeground#35a77c
symbolIcon.referenceForeground#3a94c5
symbolIcon.snippetForeground#5c6a72
symbolIcon.stringForeground#8da101
symbolIcon.structForeground#dfa000
symbolIcon.textForeground#5c6a72
symbolIcon.typeParameterForeground#35a77c
symbolIcon.unitForeground#5c6a72
symbolIcon.variableForeground#3a94c5
tab.activeBackground#fdf6e3
tab.activeBorder#93b259d0
tab.activeForeground#5c6a72
tab.border#fdf6e3
tab.hoverBackground#fdf6e3
tab.hoverForeground#5c6a72
tab.inactiveBackground#fdf6e3
tab.inactiveForeground#a4ad9e
tab.lastPinnedBorder#93b259d0
tab.unfocusedActiveBorder#939f91
tab.unfocusedActiveForeground#879686
tab.unfocusedHoverForeground#5c6a72
tab.unfocusedInactiveForeground#a4ad9e
terminal.ansiBlack#5c6a72
terminal.ansiBlue#3a94c5
terminal.ansiBrightBlack#5c6a72
terminal.ansiBrightBlue#3a94c5
terminal.ansiBrightCyan#35a77c
terminal.ansiBrightGreen#8da101
terminal.ansiBrightMagenta#df69ba
terminal.ansiBrightRed#f85552
terminal.ansiBrightWhite#f4f0d9
terminal.ansiBrightYellow#dfa000
terminal.ansiCyan#35a77c
terminal.ansiGreen#8da101
terminal.ansiMagenta#df69ba
terminal.ansiRed#f85552
terminal.ansiWhite#939f91
terminal.ansiYellow#dfa000
terminal.foreground#5c6a72
terminalCursor.foreground#5c6a72
testing.iconErrored#f85552
testing.iconFailed#f85552
testing.iconPassed#35a77c
testing.iconQueued#3a94c5
testing.iconSkipped#df69ba
testing.iconUnset#dfa000
testing.runAction#35a77c
textBlockQuote.background#f4f0d9
textBlockQuote.border#e6e2cc
textCodeBlock.background#f4f0d9
textLink.activeForeground#8da101c0
textLink.foreground#8da101
textPreformat.foreground#dfa000
titleBar.activeBackground#fdf6e3
titleBar.activeForeground#879686
titleBar.border#fdf6e3
titleBar.inactiveBackground#fdf6e3
titleBar.inactiveForeground#a4ad9e
toolbar.hoverBackground#f4f0d9
tree.indentGuidesStroke#a4ad9e
walkThrough.embeddedEditorBackground#f4f0d9
welcomePage.buttonBackground#f4f0d9
welcomePage.buttonHoverBackground#f4f0d9a0
welcomePage.progress.foreground#8da101
welcomePage.tileHoverBackground#f4f0d9
widget.shadow#3c474d20

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle