Dark Plus Darcula Themes

Name: Dark Plus Darcula Themes
Author: Oasin Lyu

Publisher: Oasin LyuThemes in package: 2

Ports the flavor of JetBrains Darcula into Code

Open in VS Code GitHub

Color themes

VS Code preview

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

Dark Plus Darcula Themes — Dark Plus Darcula (default)

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.activeBackground#2D2F30
activityBar.activeBorder#007FD4
activityBar.activeFocusBorder#007FD4
activityBar.background#3C3F41
activityBar.border#00000030
activityBar.dropBorder#AFB1B3
activityBar.foreground#E8E8E8
activityBar.inactiveForeground#AFB1B3
activityBarBadge.background#3C3F41
activityBarBadge.foreground#E8E8E8
badge.background#FFFFFF30
badge.foreground#E8E8E8
banner.background#3C3F41
breadcrumb.background#2D2F30
debugToolBar.background#3C3F41
editor.background#2B2B2B
editor.foreground#A9B7C6
editor.lineHighlightBackground#A0CCFF0B
editor.selectionBackground#1177BB80
editorGroup.emptyBackground#3C3F41
editorGroupHeader.noTabsBackground#3C3F41
editorGroupHeader.tabsBackground#3C3F41
editorGutter.background#2B2B2B
editorHoverWidget.border#00000030
editorIndentGuide.activeBackground#FFFFFF20
editorIndentGuide.background#FFFFFF10
editorLineNumber.activeForeground#A4A3A3
editorLineNumber.foreground#606366
editorSuggestWidget.border#00000030
editorSuggestWidget.foreground#C0C1C2
editorSuggestWidget.selectedBackground#FFFFFF1A
editorSuggestWidget.selectedForeground#E8E8E8
editorSuggestWidget.selectedIconForeground#C0C1C2
editorWidget.background#313335
icon.foreground#AFB1B3
input.background#FFFFFF10
list.activeSelectionBackground#FFFFFF10
list.activeSelectionForeground#E8E8E8
list.activeSelectionIconForeground#E8E8E8
list.hoverBackground#FFFFFF0B
list.hoverForeground#E8E8E8
list.inactiveSelectionBackground#FFFFFF10
list.inactiveSelectionForeground#C0C1C2
list.inactiveSelectionIconForeground#AFB1B3
menu.background#3C3F41
menu.foreground#AFB1B3
menu.selectionBackground#1177BBCC
menu.separatorBackground#FFFFFF30
menubar.selectionBackground#FFFFFF0B
menubar.selectionForeground#E8E8E8
notebook.cellBorderColor#E8E8E8
notebook.selectedCellBackground#AFB1B3
scrollbar.shadow#00000030
scrollbarSlider.activeBackground#FFFFFF30
scrollbarSlider.background#FFFFFF1A
scrollbarSlider.hoverBackground#FFFFFF2A
sideBar.background#2D2F30
sideBar.border#00000030
sideBar.dropBackground#FFFFFF30
sideBar.foreground#AFB1B3
sideBarSectionHeader.background#2D2F30
sideBarSectionHeader.border#00000030
sideBarSectionHeader.foreground#C0C1C2
sideBarTitle.foreground#C0C1C2
statusBar.background#3C3F41
statusBar.border#00000030
statusBar.debuggingBackground#3C3F41
statusBar.debuggingBorder#00000030
statusBar.debuggingForeground#AFB1B3
statusBar.foreground#AFB1B3
statusBar.noFolderBackground#3C3F41
statusBar.noFolderBorder#00000030
statusBar.noFolderForeground#AFB1B3
tab.activeBackground#2D2F30
tab.activeBorderTop#1177BB
tab.activeForeground#E8E8E8
tab.border#3C3F41
tab.inactiveBackground#3C3F41
tab.lastPinnedBorder#FFFFFF1A
terminal.tab.activeBorder#35DB35
titleBar.activeBackground#3C3F41
titleBar.activeForeground#AFB1B3
titleBar.border#00000030
titleBar.inactiveBackground#3C3F41
titleBar.inactiveForeground#D8D8D850
widget.shadow#00000030

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
markup.underline	—	underline
markup.bold, markup.heading	—	bold
markup.italic	—	italic
markup.inserted	#A5C261	—
markup.deleted	#D16969	—
markup.changed	#6D9FC5	—
markup.inline.raw	#CE9178	—
meta.embedded, source.groovy.embedded, header	#A9B7C6	—
entity.name.function.preprocessor, entity.name.variable.preprocessor.symbol	#93A629	—
meta.preprocessor.numeric	#6D9FC5	—
meta.diff.header	#A9B7C6	—
invalid	#CF4444	—
comment	#6B9555	—
comment.block.documentation, string.quoted.docstring.multi.python	#6A8759	—
string, string.value, string.tag, meta.embedded.assembly	#CE9178	—
keyword, keyword.language, keyword.other	#AD85C0	—
keyword.operator	#A9B7C6	—
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator	#AD85C0	—
storage.modifier, storage.type.modifier, storage.type.function, storage.type.var, storage.type.const	#AD85C0	—
keyword.other.unit	#A5C261	—
variable.language	#6D9FC5	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike, keyword.operator.noexcept	#AD85C0	—
keyword.type, storage.type.built-in, storage.type.built-in.primitive, storage.type.basic, storage.type.primitive	#6BC7A8	—
punctuation.decorator, punctuation.definition.decorator	#A9B7C6	italic
variable.other.property, entity.name.variable.field, entity.name.variable.property	#A7D1E0	—
constant.numeric, constant.language, constant.character	#6D9FC5	—
variable.other.constant, variable.other.enummember, constant.other.enum, support.constant	#6796E6	—
constant.character.escape	#FFC66D	—
constant.character.format.placeholder, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.definition.interpolation.begin, punctuation.definition.interpolation.end, punctuation.section.embedded	#769AA5	—
meta.return-type, support.class, support.type, entity.name.type, entity.name.namespace, entity.name.package, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy	#6BC7A8	—
entity.other.attribute-name	#A7D1E0	—
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal	#D3C68C	—
entity.name.function.decorator, meta.decorator entity.name.function	—	italic
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder, meta.object-literal.key	#A7D1E0	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded, meta.structure.dictionary.key.python	#A7D1E0	—
string.regexp, constant.regexp	#D16969	—
keyword.operator.quantifier.regexp	#A5C261	—
keyword.operator.or.regexp, keyword.operator.negation.regexp, keyword.operator.disjunction.regexp, keyword.control.anchor.regexp	#a4eed5	—
support.other.match.begin.regexp, support.other.match.end.regexp	#808080	—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp	#D8CD91	—
keyword.operator.lookbehind.regexp, keyword.operator.lookahead.regexp, keyword.operator.lookbehind.negative.regexp, keyword.operator.lookahead.negative.regexp	#6796E6	—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp	#A7D1E0	—
punctuation.parenthesis.begin.regexp, punctuation.parenthesis.end.regexp	#769AA5	—
punctuation.separator.period, punctuation.separator.colon, punctuation.section.function.begin, punctuation.section.function.end	#A9B7C6	—
entity.name.label, entity.name.tag	#A7D1E0	—
punctuation.definition.tag	#808080	—
source.cpp storage.type.extern, source.cpp storage.type.struct, source.cpp storage.type.union, source.cpp storage.type.enum, source.cpp storage.type.template, source.cpp storage.type.asm, source.cpp storage.type.decltype	#6D9FC5	—
source.cpp entity.name.other.preprocessor.macro	#93A629	—
storage.type.format.python	#A4EED5	—
source.python meta.function.decorator support.type	—	italic
source.python string.quoted.binary.single, source.python string.quoted.binary.single punctuation.definition.string.begin, source.python string.quoted.binary.single punctuation.definition.string.end, source.python string.quoted.binary.single storage.type.string	#FFB6A0	—
storage.type.is.gdscript, variable.language.gdscript	#AD85C0	—
meta.signal.gdscript entity.name.function	#D8CD91	bold
meta.literal.nodepath.gdscript, meta.literal.nodepath.gdscript keyword.control.flow, meta.literal.nodepath.gdscript constant.character.escape	#9BD387	—
meta.literal.nodepath.gdscript constant.character.escape variable.other.enummember	#FFC66D	—
entity.name.function.decorator.gdscript	#93A629	—
meta.preprocessor.cs	#AD85C0	—
string.unquoted.preprocessor.message.cs	#A9B7C6	—
source.go entity.name.type, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go	#6BC7A8	—
variable.language.wildcard.java	#A9B7C6	—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php	#808080	—
storage.type.js	#AD85C0	—
storage.type.ts, storage.type.type.ts, storage.type.class, storage.type.interface.ts, storage.type.enum.ts, storage.type.namespace.ts, storage.modifier.ts	#AD85C0	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#6BC7A8	—
storage.type.tsx	#AD85C0	—
storage.type.glsl, storage.type.basic.hlsl, storage.type.structured.hlsl, storage.type.structure.shaderlab	#6D9FC5	—
support.type.basic.shaderlab	#D3C68C	—
support.variable.declaration.shaderlab	#A9B7C6	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#6D9FC5	—
punctuation.definition.quote.begin.markdown	#AD85C0	—
punctuation.definition.list.begin.markdown	#6D9FC5	—
markup.fenced_code.block.markdown	#CE9178	—

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