Currently varbase_bootstrap_paragraphs.settings is in install directory although Varbase Bootstrap Paragraphs is disabled in Vardoc, so I think we should move its settings file to optional directory.
This change will help sub profiles on having the option of not enabling varbase_bootstrap_paragraphs as it's a dependency for varbase_landing at the install step or not be affected by updates.
Default Varbase Configbit components
varbase/configbit/default.components.varbase.bit.yml
# ==============================================================================
# List of default varbase components, which they will be installed
# when we install varbase.
# ==============================================================================
config_bit:
type: list
for: varbase.info.yml
when:
install_default_components: true
list:
dependencies:
# Enable listed modules in order at this installation step.
- libraries
# Enable listed Varbase modules in order at this installation step.
- varbase_core
- varbase_admin
- varbase_total_control
- varbase_security
- varbase_seo
- varbase_editor
- varbase_media
- varbase_webform
- varbase_page
- varbase_landing
- varbase_tour
- varbase_default_content
Default Vardoc Configbit components
vardoc/configbit/default.components.vardoc.bit.yml
# ==============================================================================
# List of default Vardoc components, which they will be
# installed when we install Vardoc.
# ==============================================================================
config_bit:
type: list
for: vardoc.info.yml
when:
install_default_components: true
list:
dependencies:
# Enable listed modules in order at this installation step.
- libraries
# Enable listed Varbase modules in order at this installation step.
- varbase_core
- varbase_admin
- varbase_total_control
- varbase_security
- varbase_seo
- varbase_editor
- varbase_media
- varbase_tour
# Enable default Vardoc features.
- vardoc_homepage
- vardoc_book
- vardoc_page
- vardoc_search
- vardoc_google_authintication
Automated Fuctional Test
@javascript @local @development @staging @production
Scenario: Check Varbase Bootstrap Paragraphs settings, and colours.
Given I am a logged in user with the "webmaster" user
When I go to "/admin/config/varbase/varbase-bootstrap-paragraphs"
And I wait
Then I should see "Varbase Bootstrap Paragraphs settings"
And I should see "Available CSS styles (classes) for Varbase Bootstrap Paragraphs"
And I press "Save configuration"
Then I should see "The configuration options have been saved."

The list of CSS classes available as background styles for Varbase Bootstrap Pargaraphs. Enter one value per line, in the format key|label where key is the CSS class name (without the .), and label is the human readable name of the style in administration forms.
These styles are defined and can be customized in vbp-colors library that is defined in varbase_bootstrap_paragraphs/varbase_bootstrap_paragraphs.libraries.yml.
To customize the styles to fit your brand with your own theme, do the following:
- Copy the LESS (varbase_bootstrap_paragraphs/less/theme/vbp-colors.theme.less) and CSS (varbase_bootstrap_paragraphs/css/theme/vbp-colors.theme.css) files to your own theme.
- Override or replace the vbp-colors library in your own frontend theme. You will need to edit YOURTHEME.libraries.yml and YOURTHEME.info.yml. Refer to the documentation manual for overriding libraries in your theme for more details.
- Edit the LESS/CSS files in your own theme to customize the styles as you wish. You will notice that the admin form will load your styles in the available "Background color" options for Paragraphs.
| Comment | File | Size | Author |
|---|---|---|---|
| #14 | Varbase-Bootstrap-Paragraphs-settings--dev-varbase4c.png | 144.16 KB | rajab natshah |
| #8 | 2926736-8.patch | 601 bytes | rajab natshah |
Comments
Comment #2
rajab natshahMoved to Varbase project
Comment #3
rajab natshahThis change will help sub profiles on having the option of not enabling varbase_bootstrap_paragraphs as it's a dependency for varbase_landing at the install step or not be affected by updates.
Default Varbase Configbit components
varbase/configbit/default.components.varbase.bit.yml
Default Vardoc Configbit components
vardoc/configbit/default.components.vardoc.bit.yml
Comment #4
ioana apetri commentedHere is the patch I created. Please review. Thanks
Comment #5
rajab natshahComment #6
rajab natshahComment #7
rajab natshahComment #8
rajab natshahComment #10
rajab natshahComment #11
rajab natshahComment #12
rajab natshahComment #14
rajab natshahComment #15
rajab natshahComment #16
rajab natshahComment #17
rajab natshah