Darcula Stormy

Name: Darcula Stormy
Author: mhkb

Publisher: mhkbThemes in package: 1

A theme extension for VS Code based on Darcula theme from Jetbrains IDEs

Open in VS Code GitHub

VS Code preview

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

Darcula Stormy — Darcula Stormy

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.background#474b4d
activityBar.foreground#a9b7c6
badge.background#cc7832
debugToolBar.background#474b4d
editor.background#232525
editor.foreground#a9b7c6
editor.lineHighlightBackground#323232
editor.selectionBackground#214283
editorGroup.dropBackground#3c3f41
editorGroupHeader.tabsBackground#313335
editorGutter.background#313335
editorGutter.foldingControlForeground#606366
editorHoverWidget.background#313335
editorHoverWidget.border#555555
editorIndentGuide.activeBackground#474b4d
editorIndentGuide.background#373737
editorInfo.foreground#9e2927
editorLineNumber.activeForeground#a4a3a3
editorLineNumber.foreground#606366
editorUnnecessaryCode.opacity#00000070
editorWarning.foreground#be9117
editorWhitespace.foreground#373737
editorWidget.background#313335
focusBorder#555555
gitDecoration.addedResourceForeground#cc666e
gitDecoration.modifiedResourceForeground#719dbe
gitDecoration.untrackedResourceForeground#cc666e
input.background#4e5354
list.activeSelectionBackground#2958cb
list.activeSelectionForeground#f5f7fc
list.dropBackground#37393b
list.focusBackground#3c3f41
list.hoverBackground#37393b
list.inactiveSelectionBackground#0d293e
list.inactiveSelectionForeground#c3c3c3
panel.border#3c3f41
peekView.border#555555
peekViewEditor.background#2e2f30
peekViewEditor.matchHighlightBackground#3c3f41
peekViewResult.background#313335
peekViewResult.matchHighlightBackground#3c3f41
peekViewResult.selectionBackground#214283
peekViewTitle.background#2b2b2b
phpannotations.annotationBackground#3b3b3b
phpannotations.annotationForeground#787878
scrollbar.shadow#ffffff00
sideBar.background#3c3f41
sideBarSectionHeader.background#474b4d
statusBar.background#303030
statusBar.debuggingBackground#511f1f
statusBar.noFolderBackground#222225
statusBarItem.hoverBackground#1f6fd0
tab.activeBackground#4e5254
tab.activeBorder#437fc6
tab.border#313335
tab.hoverBackground#212324
tab.inactiveBackground#313335
titleBar.activeBackground#1857a4
titleBar.activeForeground#e7e7e7
titleBar.border#1857a4
titleBar.inactiveBackground#1857a499
titleBar.inactiveForeground#e7e7e799
widget.shadow#00000050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.other.type.phpdoc.php support.class.builtin.php	#5C6370	—
constant.numeric, meta.class.body.php meta.function-call.php string.regexp.single-quoted.php string.regexp.arbitrary-repetition.php, meta.return.type, meta.type.annotation, meta.type.parameters, support.type.primitive	#5D98BF	—
constant.other.color.rgb-value.hex.css, enum-declaration, keyword.other.unit.css, keyword.other.unit.scss, property-list.property-value.rgb-value, punctuation.definition.constant.css, support.type.property-name.variable.css, support.type.property-name.variable.scss, ts.cast.expr, ts.meta.class.inherited-class, ts.meta.entity.class.method.new.expr.cast, ts.meta.entity.type.name.new.expr.cast, ts.meta.entity.type.name.var-single-variable.annotation, ts.meta.type.entity.name, ts.meta.type.support, tsx.cast.expr, tsx.meta.class.inherited-class, tsx.meta.entity.class.method.new.expr.cast, tsx.meta.entity.type.name.new.expr.cast, tsx.meta.entity.type.name.var-single-variable.annotation, tsx.meta.type.entity.name, tsx.meta.type.support, type-declaration, variable.scss	#5D98BF
source.shell meta.scope.if-block.shell string.quoted.double.shell constant.character.escape.shell, string.character.escape, string.quoted.double.tag, string.quoted.embedded.tag, string.quoted.punctuation.tag, string.template.punctuation.tag, string.template.quoted.punctuation.double, string.template.quoted.punctuation.single, string.template.quoted.punctuation.tag, string.template.quoted.punctuation, string.template.quoted, string.template.tag, string.type.declaration.annotation, string	#628953	—
quote.module, comment.block.documentation	#628953
comment.block.documentation.phpdoc.php, meta.class.php meta.class.body.php meta.function-call.php string.regexp.single-quoted.php	#629755	—
comment.block.documentation, comment.block.documentation.phpdoc.php meta.other.type.phpdoc.php punctuation.separator.delimiter.php	#629755	italic bold
keyword.other.phpdoc.php	#629755	italic bold underline
property-list.property-value, property-list.constant	#638954
meta.tag.tsx keyword.operator.assignment	#638954	—
token.info-token	#6796E6	—
constant.numeric.env, source.env, string.quoted.single.php	#6A8759
comment, meta.class.php meta.class.body.php support.other.namespace.php	#808080	—
comment.line.double-slash.php	#808080	bold
source.json meta.structure.dictionary.json string.json support.type.property-name.json	#9876AA	—
meta.object-literal.key	#9E72AD
constant.character, constant.other	#9E73AD	—
variable.property, variable.constant, variable.other.property, variable.other.constant, variable.other.object.property, variable.object.property, support.variable.property, meta.definition.property entity.name.function	#9E73AD
support.constant.property-value.css, support.constant.property-value.scss	#A5C261
constant.other.character-class.regexp, constant.character.escape.ts, expr.regex.or.operator	#A7B8C8
expression.string, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical, keyword.operator.relational, keyword.operator.spread, keyword.operator.ternary, keyword.operator, meta.class.php meta.class.body.php keyword.operator.logical.php, meta.class.php meta.class.body.php meta.function-call.php entity.name.function.php, meta.class.php meta.class.body.php meta.method-call.php constant.other.php, meta.class.php meta.class.body.php meta.method-call.php meta.function-call.php support.function.math.php, meta.class.php meta.class.body.php meta.method-call.php meta.method-call.static.php string.unquoted.heredoc.php meta.embedded.sql punctuation.section.embedded.begin.php punctuation.definition.string.php, meta.class.php meta.class.body.php meta.method-call.php meta.method-call.static.php string.unquoted.heredoc.php meta.embedded.sql source.sql, meta.class.php meta.class.body.php meta.method-call.php string.unquoted.heredoc.php meta.embedded.sql punctuation.section.embedded.begin.php punctuation.definition.string.php, meta.class.php meta.class.body.php string.quoted.double.php punctuation.definition.variable.php, meta.class.php meta.class.body.php string.unquoted.heredoc.php meta.embedded.sql punctuation.section.embedded.begin.php punctuation.definition.string.php, meta.function.parameters.php meta.function.parameter.typehinted.php storage.type.php, meta.method-call.php meta.function-call.php entity.name.function.php, meta.template.expression, meta.type.annotation punctuation.definition.block, source.shell string.quoted.double.shell variable.other.bracket.shell, source.shell string.quoted.double.shell variable.other.normal.shell, source.shell variable.other.bracket.shell, support.class.exception.php, support.class.php, support.function.array.php, support.function.php_pcre.php, support.function.string.php	#A9B7C6	—
annotation.meta.ts, annotation.meta.tsx, block.support.function.variable, block.support.module, block.support.type.module, constant.language.import-export-all, entity.name.type.class, entity.other.attribute-name, meta.brace.square.ts, object-literal.object.member.key.accessor, object-literal.object.member.key.array.brace.square, object-literal.object.member.key.field.other, objectliteral.key.separator, operator.rest.parameters, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.definition.begin.bracket.curly.php, punctuation.definition.begin.bracket.round.php, punctuation.definition.end.bracket.curly.php, punctuation.definition.end.bracket.round.php, punctuation.definition.parameters.begin.bracket.round.php, punctuation.definition.parameters.end.bracket.round.php, punctuation.definition.typeparameters.begin, punctuation.definition.typeparameters.end, punctuation.section.array.begin.php, punctuation.section.array.end.php, punctuation.separator.key-value, regex.character-class, tag.punctuation.begin.arrow.parameters.embedded, tag.punctuation.end.arrow.parameters.embedded, ts.meta.entity.name.namespace, tsx.meta.entity.name.namespace, variable.parameter, yaml.string.out	#A9B7C6
meta.function-call.php, storage.type.php	#A9B7C6	bold
regex, triple-slash.tag	#A9B7C6	italic
meta.class.php meta.class.body.php comment.block.documentation.phpdoc.php meta.other.type.phpdoc.php keyword.other.array.phpdoc.php, meta.class.php meta.class.body.php comment.block.documentation.phpdoc.php meta.other.type.phpdoc.php keyword.other.type.php, meta.class.php meta.class.body.php comment.block.documentation.phpdoc.php meta.other.type.phpdoc.php support.other.namespace.php, meta.other.type.phpdoc.php, punctuation.separator.delimiter.php, source.php comment.block.documentation.phpdoc.php meta.other.type.phpdoc.php keyword.other.type.php	#A9B7C6	italic bold
token.debug-token	#B267E6	—
constant.other.php, meta.class.body.php, meta.class.php meta.class.body.php meta.function-call.php variable.other.property.php, meta.class.php meta.class.body.php meta.method-call.static.php variable.other.property.php, meta.class.php meta.class.body.php string.quoted.double.php variable.other.php punctuation.definition.variable.php, text.html.php meta.embedded.block.php source.php variable.other.property.php, variable.language.this.php, variable.other.php, variable	#B589CC
meta.class.php meta.class.body.php meta.function-call.php support.constant.ext.php, meta.class.php meta.class.body.php meta.function-call.php support.constant.std.php	#B589CC	italic
constant.language, keyword.operator.delete, keyword.operator.expression, keyword.operator.new, keyword.operator.static, keyword.operator.this, keyword, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.separator.comma, punctuation.separator.parameter, punctuation.terminator.rule.css, punctuation.terminator.statement, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.array.json punctuation.separator.array.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.array.json string.quoted.double.json constant.character.escape.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.separator.dictionary.key-value.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.separator.dictionary.pair.json, source.shell meta.scope.if-block.shell meta.scope.logical-expression.shell keyword.operator.logical.shell, source.shell string.interpolated.dollar.shell, source.shell support.function.builtin.shell, source.shell, text.html.php meta.embedded.block.php punctuation.section.embedded.begin.php, text.html.php meta.embedded.block.php source.php support.function.construct.output.php, variable.language	#CC7832	—
css.entity.name.tag, entity.name.tag.css, keyword.css, keyword.scss, markup.heading, scss.entity.name.tag, storage.arrow, storage.modifier.ts, storage.modifier, storage.type.class.jsdoc, storage.type, storage, string.regexp, yaml.entity.name, yaml.string.entity.name	#CC7832
meta.class.body.php meta.function-call.php string.regexp.single-quoted.php keyword.operator.regexp.php, meta.class.body.php meta.method-call.static.php entity.name.function.php, meta.class.php meta.class.body.php meta.function.php meta.function.parameters.php meta.function.parameter.array.php storage.type.php, meta.class.php meta.class.body.php meta.function.php storage.type.php, meta.class.php meta.class.body.php storage.type.php, meta.class.php meta.class.body.php variable.other.property.php, meta.function.parameters.php meta.function.parameter.typehinted.php storage.type.php, punctuation.separator.delimiter.php, punctuation.terminator.expression.php, storage.type.function.php, support.function.construct.php, variable.other.env	#CC7832	bold
token.warn-token	#CD9731	—
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end, entity.name.tag	#E8BF6A
token.error-token	#F44747	—
entity.attribute-name.id, entity.name.function, entity.other.attribute-name.class.css, entity.other.attribute-name.class.scss, entity.other.attribute-name.parent-selector-suffix.css, entity.other.attribute-name.parent-selector-suffix.scss, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, function-declaration, meta.class.body.php meta.function-call.php string.regexp.single-quoted.php constant.character.escape.php, meta.class.body.php meta.function-call.php string.regexp.single-quoted.php string.regexp.arbitrary-repetition.php punctuation.definition.arbitrary-repetition.php, meta.class.body.php meta.function-call.php string.regexp.single-quoted.php string.regexp.character-class.php, meta.class.body.php meta.method-call.php meta.function-call.php meta.method-call.php entity.name.function.php, meta.class.body.php meta.method-call.static.php meta.method-call.php entity.name.function.php, meta.class.php meta.class.body.php meta.function-call.php meta.method-call.php entity.name.function.php, meta.method-call.php meta.function-call.php meta.method-call.php entity.name.function.php, meta.method-call.php meta.method-call.static.php meta.method-call.php entity.name.function.php, meta.selector.css, method-declaration, method-overload-declaration, property-list.property-value.function, punctuation.definition.character-class.regexp, punctuation.definition.group.regexp, support.function, type-fn-type-parameters	#FFC66D
meta.class.php meta.class.body.php meta.method-call.static.php entity.name.function.php, meta.method-call.php meta.method-call.static.php entity.name.function.php, text.html.php meta.embedded.block.php source.php meta.method-call.static.php entity.name.function.php	#FFC66D	italic

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