Material Theme DHC Mix In Pycharm Darcula Theme

Name: Material Theme DHC Mix In Pycharm Darcula Theme
Author: alexzshl

Publisher: alexzshlThemes in package: 2

Material Theme Darker High Contrast Mix In Pycharm Darcula Theme

Open in VS Code GitHub

Color themes

VS Code preview

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

Material Theme DHC Mix In Pycharm Darcula Theme — Material Theme Darker High Contrast + Darcula Italic

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.activeBorder#80CBC4
activityBar.background#1a1a1a
activityBar.border#00000060
activityBar.dropBackground#f0717880
activityBar.foreground#EEFFFF
activityBarBadge.background#80CBC4
activityBarBadge.foreground#000000
badge.background#00000030
badge.foreground#4A4A4A
breadcrumb.activeSelectionForeground#80CBC4
breadcrumb.background#212121
breadcrumb.focusForeground#EEFFFF
breadcrumb.foreground#848484
breadcrumbPicker.background#1a1a1a
button.background#61616150
button.foreground#ffffff
debugToolBar.background#212121
diffEditor.insertedTextBackground#89DDFF20
diffEditor.removedTextBackground#ff9cac20
dropdown.background#212121
dropdown.border#FFFFFF10
editor.background#212121
editor.findMatchBackground#000000
editor.findMatchBorder#80CBC4
editor.findMatchHighlight#EEFFFF
editor.findMatchHighlightBackground#00000050
editor.findMatchHighlightBorder#ffffff50
editor.findRangeHighlightBackground#FFCB6B30
editor.foreground#EEFFFF
editor.lineHighlightBackground#00000050
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#FFFFFF0d
editor.selectionBackground#61616150
editor.selectionHighlightBackground#FFCC0020
editor.wordHighlightBackground#ff9cac30
editor.wordHighlightStrongBackground#C3E88D30
editorBracketMatch.background#212121
editorBracketMatch.border#FFCC0050
editorCursor.foreground#FFCC00
editorError.foreground#f0717870
editorGroup.border#00000030
editorGroup.dropBackground#f0717880
editorGroup.focusedEmptyBorder#f07178
editorGroupHeader.tabsBackground#212121
editorGutter.addedBackground#C3E88D60
editorGutter.deletedBackground#f0717860
editorGutter.modifiedBackground#82AAFF60
editorHoverWidget.background#212121
editorHoverWidget.border#FFFFFF10
editorIndentGuide.activeBackground#424242
editorIndentGuide.background#42424270
editorInfo.foreground#82AAFF70
editorLineNumber.activeForeground#848484
editorLineNumber.foreground#424242
editorLink.activeForeground#EEFFFF
editorMarkerNavigation.background#EEFFFF05
editorOverviewRuler.border#212121
editorOverviewRuler.errorForeground#f0717840
editorOverviewRuler.findMatchForeground#80CBC4
editorOverviewRuler.infoForeground#82AAFF40
editorOverviewRuler.warningForeground#FFCB6B40
editorRuler.foreground#424242
editorSuggestWidget.background#212121
editorSuggestWidget.border#FFFFFF10
editorSuggestWidget.foreground#EEFFFF
editorSuggestWidget.highlightForeground#80CBC4
editorSuggestWidget.selectedBackground#00000050
editorWarning.foreground#FFCB6B70
editorWhitespace.foreground#EEFFFF40
editorWidget.background#1a1a1a
editorWidget.border#80CBC4
editorWidget.resizeBorder#80CBC4
extensionBadge.remoteForeground#EEFFFF
extensionButton.prominentBackground#C3E88D90
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#C3E88D
focusBorder#FFFFFF00
foreground#EEFFFF
gitDecoration.conflictingResourceForeground#FFCB6B90
gitDecoration.deletedResourceForeground#f0717890
gitDecoration.ignoredResourceForeground#84848490
gitDecoration.modifiedResourceForeground#82AAFF90
gitDecoration.untrackedResourceForeground#C3E88D90
input.background#2B2B2B
input.border#FFFFFF10
input.foreground#EEFFFF
input.placeholderForeground#EEFFFF60
inputOption.activeBackground#EEFFFF30
inputOption.activeBorder#EEFFFF30
inputValidation.errorBorder#f0717850
inputValidation.infoBorder#82AAFF50
inputValidation.warningBorder#FFCB6B50
list.activeSelectionBackground#1a1a1a
list.activeSelectionForeground#80CBC4
list.dropBackground#f0717880
list.focusBackground#EEFFFF20
list.focusForeground#EEFFFF
list.highlightForeground#80CBC4
list.hoverBackground#1a1a1a
list.hoverForeground#FFFFFF
list.inactiveSelectionBackground#00000030
list.inactiveSelectionForeground#80CBC4
listFilterWidget.background#00000030
listFilterWidget.noMatchesOutline#00000030
listFilterWidget.outline#00000030
menu.background#212121
menu.foreground#EEFFFF
menu.selectionBackground#00000050
menu.selectionBorder#00000030
menu.selectionForeground#80CBC4
menu.separatorBackground#EEFFFF
menubar.selectionBackground#00000030
menubar.selectionBorder#00000030
menubar.selectionForeground#80CBC4
notificationLink.foreground#80CBC4
notifications.background#212121
notifications.foreground#EEFFFF
panel.background#1a1a1a
panel.border#00000060
panel.dropBackground#EEFFFF
panelTitle.activeBorder#80CBC4
panelTitle.activeForeground#FFFFFF
panelTitle.inactiveForeground#EEFFFF
peekView.border#00000030
peekViewEditor.background#EEFFFF05
peekViewEditor.matchHighlightBackground#61616150
peekViewEditorGutter.background#EEFFFF05
peekViewResult.background#EEFFFF05
peekViewResult.matchHighlightBackground#61616150
peekViewResult.selectionBackground#84848470
peekViewTitle.background#EEFFFF05
peekViewTitleDescription.foreground#EEFFFF60
pickerGroup.border#FFFFFF1a
pickerGroup.foreground#80CBC4
progressBar.background#80CBC4
quickInput.background#212121
quickInput.foreground#848484
scrollbar.shadow#00000030
scrollbarSlider.activeBackground#80CBC4
scrollbarSlider.background#EEFFFF20
scrollbarSlider.hoverBackground#EEFFFF10
selection.background#00000080
settings.checkboxBackground#1a1a1a
settings.checkboxForeground#EEFFFF
settings.dropdownBackground#1a1a1a
settings.dropdownForeground#EEFFFF
settings.headerForeground#80CBC4
settings.modifiedItemIndicator#80CBC4
settings.numberInputBackground#1a1a1a
settings.numberInputForeground#EEFFFF
settings.textInputBackground#1a1a1a
settings.textInputForeground#EEFFFF
sideBar.background#1a1a1a
sideBar.border#00000060
sideBar.foreground#848484
sideBarSectionHeader.background#1a1a1a
sideBarSectionHeader.border#00000060
sideBarTitle.foreground#EEFFFF
statusBar.background#1a1a1a
statusBar.border#00000060
statusBar.debuggingBackground#C792EA
statusBar.debuggingForeground#ffffff
statusBar.foreground#616161
statusBar.noFolderBackground#212121
statusBarItem.activeBackground#f0717880
statusBarItem.hoverBackground#4A4A4A20
statusBarItem.remoteBackground#80CBC4
statusBarItem.remoteForeground#000000
tab.activeBackground#212121
tab.activeBorder#80CBC4
tab.activeForeground#FFFFFF
tab.activeModifiedBorder#848484
tab.border#212121
tab.inactiveBackground#212121
tab.inactiveForeground#848484
tab.inactiveModifiedBorder#904348
tab.unfocusedActiveBorder#4A4A4A
tab.unfocusedActiveForeground#EEFFFF
tab.unfocusedActiveModifiedBorder#c05a60
tab.unfocusedInactiveModifiedBorder#904348
terminal.ansiBlack#000000
terminal.ansiBlue#82AAFF
terminal.ansiBrightBlack#4A4A4A
terminal.ansiBrightBlue#82AAFF
terminal.ansiBrightCyan#89DDFF
terminal.ansiBrightGreen#C3E88D
terminal.ansiBrightMagenta#C792EA
terminal.ansiBrightRed#f07178
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#FFCB6B
terminal.ansiCyan#89DDFF
terminal.ansiGreen#C3E88D
terminal.ansiMagenta#C792EA
terminal.ansiRed#f07178
terminal.ansiWhite#ffffff
terminal.ansiYellow#FFCB6B
terminalCursor.background#000000
terminalCursor.foreground#FFCB6B
textLink.activeForeground#EEFFFF
textLink.foreground#80CBC4
titleBar.activeBackground#1a1a1a
titleBar.activeForeground#EEFFFF
titleBar.border#00000060
titleBar.inactiveBackground#1a1a1a
titleBar.inactiveForeground#848484
tree.indentGuidesStroke#424242
widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
Global settings	#EEFFFF	—
string	#C3E88D	—
punctuation, constant.other.symbol	#89DDFF	—
constant.character.escape, text.html constant.character.entity.named	#EEFFFF	—
constant.language.boolean	#ff9cac	—
constant.numeric	#F78C6C	—
variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments	#EEFFFF	—
keyword.other	#F78C6C	—
keyword, modifier, variable.language.this, support.type.object, constant.language	#89DDFF	—
entity.name.function, support.function	#82AAFF	—
storage.type, storage.modifier, storage.control	#C792EA	—
support.module, support.node	#f07178	italic
support.type, constant.other.key	#FFCB6B	—
entity.name.type, entity.other.inherited-class, entity.other	#FFCB6B	—
comment	#4A4A4A	italic
comment punctuation.definition.comment, string.quoted.docstring	#4A4A4A	italic
punctuation	#89DDFF	—
entity.name, entity.name.type.class, support.type, support.class, meta.use	#FFCB6B	—
variable.object.property, meta.field.declaration entity.name.function	#f07178	—
meta.definition.method entity.name.function	#f07178	—
meta.function entity.name.function	#82AAFF	—
template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end	#89DDFF	—
meta.embedded, source.groovy.embedded, meta.template.expression	#EEFFFF	—
entity.name.tag.yaml	#f07178	—
meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json	#f07178	—
constant.language.json	#89DDFF	—
entity.other.attribute-name.class	#FFCB6B	—
entity.other.attribute-name.id	#F78C6C	—
source.css entity.name.tag	#FFCB6B	—
support.type.property-name.css	#B2CCD6	—
meta.tag, punctuation.definition.tag	#89DDFF	—
entity.name.tag	#f07178	—
entity.other.attribute-name	#C792EA	—
punctuation.definition.entity.html	#EEFFFF	—
markup.heading	#89DDFF	—
text.html.markdown meta.link.inline, meta.link.reference	#f07178	—
text.html.markdown beginning.punctuation.definition.list	#89DDFF	—
markup.italic	#f07178	italic
markup.bold	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold	#f07178	italic bold
markup.fenced_code.block.markdown punctuation.definition.markdown	#C3E88D	—
markup.inline.raw.string.markdown	#C3E88D	—
keyword.other.definition.ini	#f07178	—
entity.name.section.group-title.ini	#89DDFF	—
source.cs meta.class.identifier storage.type	#FFCB6B	—
source.cs meta.method.identifier entity.name.function	#f07178	—
source.cs meta.method-call meta.method, source.cs entity.name.function	#82AAFF	—
source.cs storage.type	#FFCB6B	—
source.cs meta.method.return-type	#FFCB6B	—
source.cs meta.preprocessor	#4A4A4A	—
source.cs entity.name.type.namespace	#EEFFFF	—
meta.jsx.children, SXNested	#EEFFFF	—
support.class.component	#FFCB6B	—
source.cpp meta.block variable.other	#EEFFFF	—
source.python meta.member.access.python	#f07178	—
source.python meta.function-call.python, meta.function-call.arguments	#82AAFF	—
source.python	#a9b7c6	—
source.python keyword, source.python keyword.control.import, source.python keyword.control, source.python keyword.control.conditionnal, source.python keyword.operator.logical	#cc7832	—
source.python string	#6a8759	—
source.python constant.numeric	#6897bb	—
source.python punctuation	#a9b7c6	—
source.python variable, source.python variable.parameter, source.python variable.language, source.python support.variable, source.python support.constant, source.python meta.definition.variable, source.python meta.function-call.arguments, source.python entity.name.function, source.python punctuation.separator	#a9b7c6	—
source.python meta.class, source.python entity.other.inherited-class, source.python entity.name.type.class	#a9b7c6	—
source.python meta.member.access.python	#a9b7c6	—
source.python meta.function.python entity.name.function	#ffc666	—
source.python meta.function-call.python, source.python meta.function-call.arguments.python	#a9b7c6	—
source.python meta.member.access.python meta.function-call	#008866	—
source.python storage.type, source.python storage.modifier	#1f9	—
source.python meta.function.parameters variable.parameter.function	#a9b7c6	—
source.python meta.function-call.arguments.python variable.parameter.function-call	#aa4926	—
source.python support.type	#8888c6	—
source.python support.function	#8888c6	—
source.python comment, source.python comment.line, source.python punctuation.definition.comment	#808080	—
source.python entity.name.tag, source.python meta.tag.sgml, source.python markup.deleted.git_gutter	#f00	—
source.python string.quoted, source.python punctuation.definition.string, source.python storage.type.format	#6a8759	—
source.python string.quoted constant.character.escape, source.python meta.function-call constant.character.escape	#cc7832	—
source.python string.quoted.binary	#a5c261	—
source.python invalid, source.python invalid.illegal	#ff5370	—
source.python keyword.operator, source.python keyword.operator.arithmetic, source.python keyword.operator.assignment	#a9b7c6	—
source.python punctuation.separator	#cc7832	—
source.python punctuation.separator.colon	#a9b7c6	—
source.python punctuation.separator.dict, source.python punctuation.separator.period	#a9b7c6	—
source.python string.quoted.docstring	#628755	—
source.python constant.language	#cc7832	—
source.python constant.other.color	#ffffff	—
variable.parameter.function.language.special.self.python, variable.language.special.self.python	#9455bd	—
source.python meta.function.decorator.python support.type.python	#bbb529	—
source.python keyword.control.flow.python, source.python meta.function.python storage.type.function.python, source.python meta.class.python storage.type.class.python	#cc7832	—
source.python meta.function.decorator.python meta.function-call.arguments.python variable.parameter.function-call.python	#aa4926	—
source.python support.function.magic.python, source.python support.variable.magic.python	#b200b2	—
meta.fstring.python string.quoted storage.type.string, meta.fstring.python constant.character.format.placeholder	#6a8759	—
meta.block	#f07178	—
entity.name.function.call	#82AAFF	—
source.php support.other.namespace, source.php meta.use support.class	#EEFFFF	—
constant.keyword	#89DDFF	italic
entity.name.function	#82AAFF	—
Global settings	#EEFFFF	—
keyword.control	#89DDFF	italic
markup.quote	#89DDFF	italic
markup.fenced_code.block	#EEFFFF90	—
punctuation.definition.quote	#ff9cac	—
meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
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	—
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	#f07178	—
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	#916b53	—
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	—
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	#ff9cac	—
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	—
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	—

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