Skip to content
shabib-m edited this page Oct 26, 2026 · 8 revisions

Welcome to the official documentation for the TailwindCSS theme for Backdrop CMS. This theme provides a clean, modern, and highly customizable design powered by Tailwind CSS v3, featuring built-in Dark Mode and dynamic background settings.

🌟 Features

Tailwind CSS v3 Integration: A utility-first CSS framework for rapid UI development.

Built-in Dark Mode: Includes a user-facing toggle switch and saves preferences using localStorage.

Theme Settings: Customize backgrounds for the Body, Header, and Footer via a clean vertical tab interface.

Dynamic Breadcrumbs: Fully customizable breadcrumbs with options to hide the "Home" link.

Responsive Design: Mobile-first approach, perfectly adapting to all screen sizes.

🚀 Quick Start (Installation)

Download the theme and place it in your Backdrop CMS themes/ directory.

Navigate to Appearance in your Backdrop admin menu and enable the theme.

Crucial Step (CSS Build): If the compiled CSS is not included, navigate to the theme directory in your terminal and run:

    npm install
    npm run build

Configure the theme via Appearance > Settings > TailwindCSS.

📚 Documentation Sections

Installation-&-Setup

Theme Configuration Guide

Developer Guide

Frequently Asked Questions (FAQ)

📸 Screenshots screenshot

This theme is currently in Beta. Feedback and contributions are welcome!

Clone this wiki locally