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:
systems - Overview of all systems and learning path
systems/build - Custom build system and development workflows
systems/components - Component-centric architecture and template separation
systems/colors - Color override system and design token customisation
systems/mapping - How Drupal entities map to component templates
Theme Customisation
color-selector - Color customisation tools and options
layout-builder - Working with Drupal's Layout Builder
automated-list - Automated list component implementation
Platform-Specific Guides
using-in-govcms-saas - GovCMS SaaS implementation guide
updating-civitheme-govcms-sass - SASS update procedures for GovCMS
Key Concepts
CivicTheme emphasises these core principles:
Component-centric development - Organised folder structure for maintainable code
Template separation - Component Twig templates separated from Drupal HTML files
Preprocess functions - Custom data population for component templates
Build system - Custom asset compilation workflows
Color system - Flexible theming capabilities
Learning Path
To effectively work with CivicTheme:
Start with templates to understand component separation
Review systems/build for development workflow
Study systems/components for data flow patterns
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?