Dartcula Theme

Name: Dartcula Theme
Author: Minas Giannekas

Publisher: Minas GiannekasThemes in package: 2

A Darcula theme, with complete syntax highlighting for Dart and Flutter. Inspired by Intellij IDEA's default theme.

Open in VS Code GitHub

Color themes

VS Code preview

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

Dartcula Theme — Dartcula Theme - Basic

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.

editor.background#2f2e2e
editor.foreground#d4d4d4
editor.inactiveSelectionBackground#3a3d41
editor.lineHighlightBackground#2a2a2b
editor.selectionHighlightBackground#add6ff26
editorIndentGuide.background#414141
list.dropBackground#383b3d
sideBar.background#1e1e1f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
variable.language.dart, storage.type, support.class.dart, storage.modifier.dart, constant.character.escape.dart, keyword.control, keyword.other.import.dart, keyword.operator.expression, keyword.operator.logical.js, punctuation.terminator.statement.js, keyword.operator.comparison.js, invalid, invalid.illegal, entity.name.tag.html, meta.tag.sgml, meta.tag.structure.any.html, markup.deleted.git_gutter, meta.tag.block.any.html, meta.tag.any.html, entity.name.module.js, variable.import.parameter.js, variable.other.class.js, variable.language, markup.deleted, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, source.js.embedded.html, source.js constant.other.object.key.js string.unquoted.label.js, source.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, punctuation.separator.element.python, constant.character.format.placeholder.other.python	#cc7832	—
source.dart, source.js, source.java, entity.name.function.dart, keyword.operator, punctuation.dot.dart, punctuation.accessor.js, variable, string constant.other.placeholder, punctuation.definition.parameters.end.js, punctuation.definition.parameters.begin.js, punctuation.definition.block.js, meta.brace.round.js, constant.other.color, meta.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, entity.name.function, meta.block variable.other, storage.modifier.import.java, entity.name.function.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python, variable.parameter.function-call.python, support.variable.magic.python, meta.member.access.python, meta.indexed-name.python, meta.function.parameters.python	#a9b7c6	—
comment.block.javadoc.java	#629755	italic
string.interpolated.single.dart, string.interpolated.double.dart, string.dart	#629755	—
comment	#808080	italic
constant.other.color	#ffffff	—
keyword, storage.modifier, meta.tag.inline.any.html, entity.name.tag.inline.any.html, entity.other.attribute-name.id.html, entity.other.attribute-name.html, meta.attribute-with-value.id.html, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.name.function.decorator.python, punctuation.separator.key-value.html, entity.name.function.js	#ffc66d	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other	#6897bb	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, punctuation.definition.string.begin.js, punctuation.definition.string.end.js, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js, storage.type.string.python	#6a8759	—
support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types	#ffcb6b	—
support.type	#b2ccd6	—
entity.name.method.js	#82AAFF	italic
meta.class-method.js entity.name.function.js, variable.function.constructor	#82AAFF	—
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name	#ffcb6b	italic
entity.other.attribute-name.class	#ffcb6b	—
source.sass keyword.control	#82AAFF	—
markup.inserted	#324416	—
markup.changed	#c792ea	—
string.regexp	#89ddff	—
constant.character.escape	#89ddff	—
url, link, uri	—	underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#82AAFF	italic
source.json meta.structure.dictionary.json support.type.property-name.json	#c792ea	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#ffcb6b	—
source.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	#F78C6C	—
source.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	#C17E70	—
source.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	#82AAFF	—
source.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	#f07178	—
source.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	#c792ea	—
source.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 meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#6a8759	—
markup.italic	#f07178	italic
markup.bold, markup.bold string	#f07178	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	#f07178	bold
markup.underline	#F78C6C	underline
markup.quote	—	italic
markup.raw.block	#c792ea	—
meta.separator	#65737e	bold
markup.table	#eeffff	—
string.other.link.title.markdown, string.other.link.description.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown	#287bde	underline
markup.underline.link.markdown, markup.underline.link.image.markdown	#ffc66d	italic
markup.inline.raw.string.markdown, markup.fenced_code.block.markdown, string.other.link.description.title.markdown	#808080	—
entity.other.attribute-name.localname.xml, entity.other.attribute-name.xml, variable.language.documentroot.xml	#bababa	—
entity.name.tag.localname.xml, entity.name.tag.xml, keyword.other.doctype.xml, punctuation.definition.tag.xml	#e8bf6a	—
constant.character.entity.xml	#6d9cbe	—
entity.name.type.class.java, entity.name.type.enum.java, entity.other.inherited-class.java, storage.type.java, variable.other.object.java, storage.type.generic.java, storage.type.object.array.java, variable.other.definition.java, entity.name.function.java, meta.embedded.block, source.editorconfig punctuation.definition.brace, source.editorconfig keyword.operator	#a9b7c6	—
support.type.property-name.json, entity.name.tag.namespace.xml, entity.other.attribute-name.namespace.xml, source.editorconfig keyword.other.definition	#9876aa	—
constant.other.enum.java, markup.heading.markdown, markup.heading.setext.1.markdown, markup.heading.setext.2.markdown	#9876aa	italic
punctuation.definition.annotation.java, storage.type.annotation.java	#bbb529	—
comment.block.javadoc.java variable.parameter.java	#8a653b	—
punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, constant.language.json, entity.name.tag.yaml, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.constant.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, constant.other.reference.link.markdown, storage.modifier.java, storage.modifier.extends.java, storage.modifier.super.java, storage.modifier.implements.java, storage.type.primitive.java, storage.type.primitive.array.java, constant.language.java, keyword.other.import.java, keyword.other.package.java, keyword.control.java, keyword.control.new.java, keyword.control.try.java, keyword.control.catch.java, keyword.control.finally.java, keyword.control.throw.java, keyword.operator.instanceof.java, variable.language.java, variable.language.this.java, variable.other.object.property.java, punctuation.separator.delimiter.java, punctuation.terminator.java, constant.character.escape, entity.name.section.group-title.editorconfig	#cc7832	—
keyword.other.important, keyword.other.default	#cc7832	—
entity.other.attribute-name.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css, entity.other.attribute-name.pseudo-element.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.class.mixin.css, support.function.url.css, constant.other.unicode-range.css, support.constant.language-range.css, punctuation.definition.entity.css	#e8bf6a	—
variable.parameter.url.css	#287bde	—
support.type.property-name.css, support.type.vendored.property-name	#bababa	—
entity.name.tag.css	#cc7832	—
punctuation.terminator.rule.css	#cc7832	—
keyword.other.unit.percentage.css, punctuation.section.function.end.bracket.round.css, punctuation.section.function.begin.bracket.round.css, punctuation.section.property-list.begin.bracket.curly.css, punctuation.section.property-list.end.bracket.curly.css, punctuation.definition.entity.begin.bracket.square.css, punctuation.definition.entity.end.bracket.square.css	#a9b7c6	—
support.constant.font-name.css, support.constant.color.w3c-standard-color-name.css, support.constant.property-value.css, keyword.other.unit.px.css, keyword.other.unit.em.css	#a5c261	—
constant.other.color.rgb-value.hex.css	#6897bb	—
punctuation.separator.list.comma.css	#cc7832	—
variable.scss	#6d9cbe	—

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