DrupalX Bootswatch

DrupalX Bootswatch Module

The DrupalX project template includes an optional module named "DrupalX Bootswatch" to assist in rapid development. This module simplifies the process of integrating Bootswatch themes with your DrupalX project.

For detailed usage instructions, visit the GitHub project.

How to Use the DrupalX Bootswatch Module

The module guides you through a few prompts to select a Bootswatch theme and apply it to a DrupalX-based theme.

Step 1: Select the Bootswatch Theme

First, you will be prompted to choose a theme from Bootswatch. Incompatible themes will not be listed, ensuring a smooth selection process.

Select Bootswatch theme prompt screenshot

Step 2: Select the Drupal Theme

Next, select the DrupalX-compatible theme to which you want to apply the Bootswatch styles.

Select DrupalX-based theme screenshot

Step 3: Testing Your Updates

After applying the Bootswatch styles, you should see two files modified. To test your updates:

DrupalX files modified screenshot

1. Compile your CSS (e.g. $ npm run build).

2. Test the changes in both Storybook and Drupal (after clearing caches).

If you encounter any errors, please report them on the GitHub project page.