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 — Dracula Theme Soft

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.activeBackground#BD93F910
activityBar.activeBorder#FF79C680
activityBar.background#343746
activityBar.foreground#f6f6f4
activityBar.inactiveForeground#7b7f8b
activityBarBadge.background#f286c4
activityBarBadge.foreground#f6f6f4
badge.background#44475A
badge.foreground#f6f6f4
breadcrumb.activeSelectionForeground#f6f6f4
breadcrumb.background#282A36
breadcrumb.focusForeground#f6f6f4
breadcrumb.foreground#7b7f8b
breadcrumbPicker.background#191A21
button.background#44475A
button.foreground#f6f6f4
button.secondaryBackground#282A36
button.secondaryForeground#f6f6f4
button.secondaryHoverBackground#343746
debugToolBar.background#262626
diffEditor.insertedTextBackground#50FA7B20
diffEditor.removedTextBackground#FF555550
dropdown.background#343746
dropdown.border#191A21
dropdown.foreground#f6f6f4
editor.background#282A36
editor.findMatchBackground#FFB86C80
editor.findMatchHighlightBackground#FFFFFF40
editor.findRangeHighlightBackground#44475A75
editor.foldBackground#21222C80
editor.foreground#f6f6f4
editor.hoverHighlightBackground#8BE9FD50
editor.lineHighlightBorder#44475A
editor.rangeHighlightBackground#BD93F915
editor.selectionBackground#44475A
editor.selectionHighlightBackground#424450
editor.snippetFinalTabstopHighlightBackground#282A36
editor.snippetFinalTabstopHighlightBorder#62e884
editor.snippetTabstopHighlightBackground#282A36
editor.snippetTabstopHighlightBorder#7b7f8b
editor.wordHighlightBackground#8BE9FD50
editor.wordHighlightStrongBackground#50FA7B50
editorBracketHighlight.foreground1#f6f6f4
editorBracketHighlight.foreground2#f286c4
editorBracketHighlight.foreground3#97e1f1
editorBracketHighlight.foreground4#62e884
editorBracketHighlight.foreground5#bf9eee
editorBracketHighlight.foreground6#FFB86C
editorBracketHighlight.unexpectedBracket.foreground#ee6666
editorCodeLens.foreground#7b7f8b
editorError.foreground#ee6666
editorGroup.border#bf9eee
editorGroup.dropBackground#44475A70
editorGroupHeader.tabsBackground#191A21
editorGutter.addedBackground#50FA7B80
editorGutter.deletedBackground#FF555580
editorGutter.modifiedBackground#8BE9FD80
editorHoverWidget.background#282A36
editorHoverWidget.border#7b7f8b
editorIndentGuide.activeBackground#FFFFFF45
editorIndentGuide.background#FFFFFF1A
editorLineNumber.foreground#7b7f8b
editorLink.activeForeground#97e1f1
editorMarkerNavigation.background#262626
editorOverviewRuler.addedForeground#50FA7B80
editorOverviewRuler.border#191A21
editorOverviewRuler.currentContentForeground#62e884
editorOverviewRuler.deletedForeground#FF555580
editorOverviewRuler.errorForeground#FF555580
editorOverviewRuler.incomingContentForeground#bf9eee
editorOverviewRuler.infoForeground#8BE9FD80
editorOverviewRuler.modifiedForeground#8BE9FD80
editorOverviewRuler.selectionHighlightForeground#FFB86C
editorOverviewRuler.warningForeground#FFB86C80
editorOverviewRuler.wordHighlightForeground#97e1f1
editorOverviewRuler.wordHighlightStrongForeground#62e884
editorRuler.foreground#FFFFFF1A
editorSuggestWidget.background#262626
editorSuggestWidget.foreground#f6f6f4
editorSuggestWidget.selectedBackground#44475A
editorWarning.foreground#97e1f1
editorWhitespace.foreground#FFFFFF1A
editorWidget.background#262626
errorForeground#ee6666
extensionButton.prominentBackground#50FA7B90
extensionButton.prominentForeground#f6f6f4
extensionButton.prominentHoverBackground#50FA7B60
focusBorder#7b7f8b
foreground#f6f6f4
gitDecoration.conflictingResourceForeground#FFB86C
gitDecoration.deletedResourceForeground#ee6666
gitDecoration.ignoredResourceForeground#7b7f8b
gitDecoration.modifiedResourceForeground#97e1f1
gitDecoration.untrackedResourceForeground#62e884
inlineChat.regionHighlight#343746
input.background#282A36
input.border#191A21
input.foreground#f6f6f4
input.placeholderForeground#7b7f8b
inputOption.activeBorder#bf9eee
inputValidation.errorBorder#ee6666
inputValidation.infoBorder#f286c4
inputValidation.warningBorder#FFB86C
list.activeSelectionBackground#44475A
list.activeSelectionForeground#f6f6f4
list.dropBackground#44475A
list.errorForeground#ee6666
list.focusBackground#44475A75
list.highlightForeground#97e1f1
list.hoverBackground#44475A75
list.inactiveSelectionBackground#44475A75
list.warningForeground#FFB86C
listFilterWidget.background#343746
listFilterWidget.noMatchesOutline#ee6666
listFilterWidget.outline#424450
merge.currentHeaderBackground#50FA7B90
merge.incomingHeaderBackground#BD93F990
panel.background#282A36
panel.border#bf9eee
panelTitle.activeBorder#f286c4
panelTitle.activeForeground#f6f6f4
panelTitle.inactiveForeground#7b7f8b
peekView.border#44475A
peekViewEditor.background#282A36
peekViewEditor.matchHighlightBackground#F1FA8C80
peekViewResult.background#262626
peekViewResult.fileForeground#f6f6f4
peekViewResult.lineForeground#f6f6f4
peekViewResult.matchHighlightBackground#F1FA8C80
peekViewResult.selectionBackground#44475A
peekViewResult.selectionForeground#f6f6f4
peekViewTitle.background#191A21
peekViewTitleDescription.foreground#7b7f8b
peekViewTitleLabel.foreground#f6f6f4
pickerGroup.border#bf9eee
pickerGroup.foreground#97e1f1
progressBar.background#f286c4
selection.background#bf9eee
settings.checkboxBackground#262626
settings.checkboxBorder#191A21
settings.checkboxForeground#f6f6f4
settings.dropdownBackground#262626
settings.dropdownBorder#191A21
settings.dropdownForeground#f6f6f4
settings.headerForeground#f6f6f4
settings.modifiedItemIndicator#FFB86C
settings.numberInputBackground#262626
settings.numberInputBorder#191A21
settings.numberInputForeground#f6f6f4
settings.textInputBackground#262626
settings.textInputBorder#191A21
settings.textInputForeground#f6f6f4
sideBar.background#262626
sideBarSectionHeader.background#282A36
sideBarSectionHeader.border#191A21
sideBarTitle.foreground#f6f6f4
statusBar.background#191A21
statusBar.debuggingBackground#ee6666
statusBar.debuggingForeground#191A21
statusBar.foreground#f6f6f4
statusBar.noFolderBackground#191A21
statusBar.noFolderForeground#f6f6f4
statusBarItem.prominentBackground#ee6666
statusBarItem.prominentHoverBackground#FFB86C
statusBarItem.remoteBackground#bf9eee
statusBarItem.remoteForeground#282A36
tab.activeBackground#282A36
tab.activeBorderTop#FF79C680
tab.activeForeground#f6f6f4
tab.border#191A21
tab.inactiveBackground#262626
tab.inactiveForeground#7b7f8b
terminal.ansiBlack#262626
terminal.ansiBlue#bf9eee
terminal.ansiBrightBlack#7b7f8b
terminal.ansiBrightBlue#d6b4f7
terminal.ansiBrightCyan#adf6f6
terminal.ansiBrightGreen#78f09a
terminal.ansiBrightMagenta#f49dda
terminal.ansiBrightRed#f07c7c
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#f6f6ae
terminal.ansiCyan#97e1f1
terminal.ansiGreen#62e884
terminal.ansiMagenta#f286c4
terminal.ansiRed#ee6666
terminal.ansiWhite#f6f6f4
terminal.ansiYellow#e7ee98
terminal.background#282A36
terminal.foreground#f6f6f4
titleBar.activeBackground#262626
titleBar.activeForeground#f6f6f4
titleBar.inactiveBackground#191A21
titleBar.inactiveForeground#7b7f8b
walkThrough.embeddedEditorBackground#262626

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle