# Vartheme BS5

A base theme for [Varbase](https://www.drupal.org/project/varbase) standard websites.

A new generation of theming (base theme) based on [**Bootstrap 5**](https://getbootstrap.com/), **Single Directory Components (SDC)** with [**Drupal `~10.1.0`**](https://www.drupal.org/project/drupal/releases/10.1.0-alpha1), and [**UI Patterns**](https://www.drupal.org/project/ui_patterns) **`2.0.x-dev`**.

Having [**Varbase Components**](https://www.drupal.org/project/varbase_components) to provides component management system for Varbase and **Vartheme BS5**.

## Vartheme (Bootstrap 5 - SASS) Theme

{% hint style="info" %}
Varbase front-end theme are bundled through the **Vartheme BS5** theme.\
GitHub: <https://github.com/Vardot/vartheme_bs5>\
Drupal.org: <https://www.drupal.org/project/vartheme_bs5>

After building a project using the `varbase-project` template, you can see the code of the **Vartheme BS5** theme in:
{% endhint %}

```
project_directory
|-- docroot
    |-- themes
        |-- contrib
            |-- vartheme_bs5
```

Brings in the following core and contributed themes to your site:

| Theme                                                                       | Purpose                                                 |
| --------------------------------------------------------------------------- | ------------------------------------------------------- |
| [**Varbase Components**](https://www.drupal.org/project/varbase_components) | The components handler module for Varbase distribution. |

{% content-ref url="../../theme-development-with-varbase/understanding-the-vartheme-base-theme" %}
[understanding-the-vartheme-base-theme](https://docs.varbase.vardot.com/developers/theme-development-with-varbase/understanding-the-vartheme-base-theme)
{% endcontent-ref %}

{% content-ref url="../../theme-development-with-varbase/creating-your-own-theme" %}
[creating-your-own-theme](https://docs.varbase.vardot.com/developers/theme-development-with-varbase/creating-your-own-theme)
{% endcontent-ref %}