---
title: "Bootstrap 5"
version: "main"
source: "Configuration/Settings/Bootstrap5.rst"
modified: "2026-09-14T15:00:59+00:00"
---

# Bootstrap 5

The Bootstrap 5 set (`bootstrap-package/bootstrap-5`) provides SCSS variables
that allow you to customize the Bootstrap framework. These settings override
the default Bootstrap variables when compiling SCSS.

-   **BootstrapPackage**

    -   *Label:* Bootstrap Package

    -   **BootstrapPackage.scss**

        -   *Label:* SCSS

        -   **BootstrapPackage.scss.colors**

            -   *Label:* Colors

            -   **plugin.bootstrap_package.settings.scss.primary**

                -   *Type:* `string`
                -   *Default:* `"#577760"`
                -   *Label:* $primary
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.secondary**

                -   *Type:* `string`
                -   *Default:* `"#514553"`
                -   *Label:* $secondary
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.tertiary**

                -   *Type:* `string`
                -   *Default:* `"#758c7f"`
                -   *Label:* $tertiary
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.quaternary**

                -   *Type:* `string`
                -   *Default:* `"#2d1e2f"`
                -   *Label:* $quaternary
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.default**

                -   *Type:* `string`
                -   *Default:* `"#eaebec"`
                -   *Label:* $default
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.success**

                -   *Type:* `string`
                -   *Default:* `"#3A833A"`
                -   *Label:* $success
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.info**

                -   *Type:* `string`
                -   *Default:* `"#287F9A"`
                -   *Label:* $info
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.warning**

                -   *Type:* `string`
                -   *Default:* `"#a4660e"`
                -   *Label:* $warning
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.danger**

                -   *Type:* `string`
                -   *Default:* `"#d4403a"`
                -   *Label:* $danger
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.lighter**

                -   *Type:* `string`
                -   *Default:* `"$gray-100"`
                -   *Label:* $lighter
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.light**

                -   *Type:* `string`
                -   *Default:* `"$gray-200"`
                -   *Label:* $light
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.dark**

                -   *Type:* `string`
                -   *Default:* `"$gray-800"`
                -   *Label:* $dark
                -   *Category:* Bootstrap Package > SCSS > Colors

            -   **plugin.bootstrap_package.settings.scss.darker**

                -   *Type:* `string`
                -   *Default:* `"$gray-900"`
                -   *Label:* $darker
                -   *Category:* Bootstrap Package > SCSS > Colors

        -   **BootstrapPackage.scss.contrast**

            -   *Label:* Contrast

            -   **plugin.bootstrap_package.settings.scss.min-contrast-ratio**

                -   *Type:* `number`
                -   *Default:* `4.50`
                -   *Label:* $min-contrast-ratio
                -   *Category:* Bootstrap Package > SCSS > Contrast

        -   **BootstrapPackage.scss.body**

            -   *Label:* Body

            -   **plugin.bootstrap_package.settings.scss.body-bg**

                -   *Type:* `string`
                -   *Default:* `"$white"`
                -   *Label:* $body-bg
                -   *Category:* Bootstrap Package > SCSS > Body

            -   **plugin.bootstrap_package.settings.scss.body-color**

                -   *Type:* `string`
                -   *Default:* `"$gray-900"`
                -   *Label:* $body-color
                -   *Category:* Bootstrap Package > SCSS > Body

        -   **BootstrapPackage.scss.links**

            -   *Label:* Links

            -   **plugin.bootstrap_package.settings.scss.link-color**

                -   *Type:* `string`
                -   *Default:* `"$primary"`
                -   *Label:* $link-color
                -   *Category:* Bootstrap Package > SCSS > Links

            -   **plugin.bootstrap_package.settings.scss.link-shade-percentage**

                -   *Type:* `string`
                -   *Default:* `"20%"`
                -   *Label:* $link-shade-percentage
                -   *Category:* Bootstrap Package > SCSS > Links

            -   **plugin.bootstrap_package.settings.scss.link-hover-color**

                -   *Type:* `string`
                -   *Default:* `"shift-color($link-color, $link-shade-percentage)"`
                -   *Label:* $link-shade-percentage
                -   *Category:* Bootstrap Package > SCSS > Links

        -   **BootstrapPackage.scss.fonts**

            -   *Label:* Fonts

            -   **plugin.bootstrap_package.settings.scss.font-family-sans-serif**

                -   *Type:* `string`
                -   *Default:* `""#{$google-webfont}", sans-serif"`
                -   *Label:* $font-family-sans-serif
                -   *Category:* Bootstrap Package > SCSS > Fonts

            -   **plugin.bootstrap_package.settings.scss.font-family-monospace**

                -   *Type:* `string`
                -   *Default:* `"SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace"`
                -   *Label:* $font-family-monospace
                -   *Category:* Bootstrap Package > SCSS > Fonts

        -   **BootstrapPackage.scss.options**

            -   *Label:* Options

            -   **plugin.bootstrap_package.settings.scss.enable-rounded**

                -   *Type:* `bool`
                -   *Default:* `true`
                -   *Label:* $enable-rounded
                -   *Category:* Bootstrap Package > SCSS > Options

            -   **plugin.bootstrap_package.settings.scss.enable-shadows**

                -   *Type:* `bool`
                -   *Default:* `true`
                -   *Label:* $enable-shadows
                -   *Category:* Bootstrap Package > SCSS > Options

            -   **plugin.bootstrap_package.settings.scss.enable-gradients**

                -   *Type:* `bool`
                -   *Default:* `false`
                -   *Label:* $enable-gradients
                -   *Category:* Bootstrap Package > SCSS > Options

            -   **plugin.bootstrap_package.settings.scss.enable-transitions**

                -   *Type:* `bool`
                -   *Default:* `true`
                -   *Label:* $enable-transitions
                -   *Category:* Bootstrap Package > SCSS > Options