DXPR Theme

Overview

DXPR Theme is an AI-integrated Bootstrap 5 theme for Drupal with over 200 theme settings for layout, typography, colors, and component styling. It combines traditional low-code theming with AI-powered features: generate color palettes from natural language descriptions, and manage all theme settings through AI coding assistants.

AI integration

• AI-powered color palettes: describe a color mood in plain language and generate a matching color scheme via the Drupal AI module
• AI coding assistant support: a built-in Agent Skills file lets tools like Claude Code, Codex CLI, Gemini CLI, GitHub Copilot, and Cursor manage all 200+ theme settings through natural language (e.g. "Set the header layout to centered with a sticky navbar" or "Generate a warm color palette for a bakery website")

Features

• 200+ configuration options accessible through the theme settings form with live CSS variable preview
• Bootstrap 5 grid and component framework
• WCAG AAA high contrast, scalable rem typography, and full keyboard navigation
• jQuery-free vanilla JavaScript and local Google Fonts hosting for GDPR compliance
• Multiple layout regions: secondary header, collapsible navigation, hero region, content areas, dual sidebars, and footer
• Intelligent dropdown menu system with auto-adapting split buttons, multi-column layouts, and keyboard navigation
• CSS utility classes for integration with DXPR Builder

Requirements

DXPR Theme depends on the DXPR Theme Helper module and Drupal core's Color module. AI color palette generation requires the Drupal AI module with a configured chat provider. DXPR Theme is the default theme for DXPR CMS.

Links

• drupal.org project page
• Documentation