Boost Union Configuration Skill

Configure Boost Union theme settings and grandchild theme development.

Trigger

• Moodle theme configuration requests
• SCSS customization in theme_cloodle
• Boost Union Flavours or Smart Menus setup

Server Paths

• Theme location: /opt/cloodle/apps/moodle/public/theme/cloodle/
• Boost Union: /opt/cloodle/apps/moodle/public/theme/boost_union/
• Container: docker exec cloodle-dev

Actions

1. Edit SCSS Variables

Modify /theme/cloodle/scss/pre.scss for Bootstrap variable overrides:

$primary: #6e66cc;
$body-color: #423653;
$font-family-sans-serif: "Outfit", sans-serif;

2. Add Component Styles

Modify /theme/cloodle/scss/post.scss for component refinements:

.btn-primary {
    border-radius: 500px;
}

3. Purge Theme Cache

docker exec cloodle-dev php /workspace/apps/moodle/admin/cli/purge_caches.php

Key Files

| File | Purpose | |------|---------| | version.php | Theme identification | | config.php | SCSS callbacks | | lib.php | SCSS content functions | | scss/pre.scss | Bootstrap overrides | | scss/post.scss | Component styles |