Drupal theme

Documentation for developing and customising CivicTheme for Drupal

This section contains comprehensive documentation for developing and customising CivicTheme for Drupal.

Installation

For installation instructions, see Drupal theme installation.

Core Development

  • assets - Asset management (CSS, JS, fonts, images)

  • templates - Using CivicTheme UI Kit components in Drupal

  • namespaces - Component namespace system and organisation

  • sub-theme - Creating and customising sub-themes

Systems Architecture

The systems section contains CivicTheme's unique architectural approaches:

Theme Customisation

Platform-Specific Guides

Key Concepts

CivicTheme emphasises these core principles:

  1. Component-centric development - Organised folder structure for maintainable code

  2. Template separation - Component Twig templates separated from Drupal HTML files

  3. Preprocess functions - Custom data population for component templates

  4. Build system - Custom asset compilation workflows

  5. Color system - Flexible theming capabilities

Learning Path

To effectively work with CivicTheme:

  1. Start with templates to understand component separation

  2. Review systems/build for development workflow

  3. Study systems/components for data flow patterns

  4. Explore systems/colors and assets for theming

This documentation provides everything needed to build maintainable, component-centric Drupal sites using CivicTheme's ecosystem.

Last updated

Was this helpful?