Pixie Dark

Overview

Pixie Dark is a content-first dark Drupal theme for organizations and product families that need a shared visual system without hard-coding site copy into Twig templates. Drupal manages page content, menus, language links, metadata, blocks, and media; Pixie Dark supplies the responsive presentation.

Features

• Four coordinated visual variants:
  • Pixie Works
  • PixieFlow
  • PixieCore
  • Twinkle Networks
• Content-first front pages: keep copy and media editable in Drupal.
• Standard Drupal regions: headers, menus, messages, content, sidebars, and footers.
• Responsive page templates: landing pages, inner pages, and authentication routes.
• Accessible interaction: keyboard-focusable skip link, visible focus states, and reduced-motion handling.

Pixie Example StarterKit

The bundled pixie_example starterkit provides a ready-to-use example subtheme with replaceable assets and sample landing-page content. View the sample image.

View the Pixie Example login screenshot. You can try the demo on your own computer by pulling the prebuilt image from Docker Hub:

docker pull pixieworks/pixie_dark_example:latest

The ready-to-run container includes Drupal, SQLite, sample content, the Pixie Example site theme, and the Default Admin administration theme. It is a disposable local demo with a generated administrator password, not a production hosting image.

See Try Pixie Example with Docker for instructions to start the container, open the demo in your browser, and retrieve your generated administrator login credentials.

Live examples

• These sites use the related Pixie Dark theme project.
  • Pixie Works
  • PixieFlow
  • PixieCore
  • Twinkle Networks

Requirements

• Drupal 10.6 or later, or Drupal 11.4 or later.

Installation

composer require drupal/pixie_dark
drush theme:enable pixie_dark
drush config:set system.theme default pixie_dark -y
drush cache:rebuild

Configuration

Choose the visual variant at Appearance → Settings → Pixie Dark. The variant changes presentation only. Site identity, navigation, page copy, language links, canonical URLs, social metadata, and media remain Drupal configuration or content.

Content model

Pixie Dark always renders Drupal's content region. A full front-page node can own the semantic landing-page structure while the theme supplies the matching CSS. Place Site Branding, Main navigation, utility navigation, breadcrumbs, messages, sidebars, and any footer blocks in the corresponding regions.

Documentation and support

The package includes a detailed README, asset provenance, release notes, a release checklist, and the pixie_example starter subtheme. Read Getting started with Pixie Dark for the contributed-theme setup guide. Report reproducible defects in the project issue queue with the Drupal version, PHP version, selected visual variant, affected route, and steps to reproduce.