diff --git a/snippets/builtin/accessibility_snippet.scss b/snippets/builtin/accessibility_snippet.scss
deleted file mode 100644
index 6a5bffa2374..00000000000
--- a/snippets/builtin/accessibility_snippet.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-/**
- * Snippet Title: Darken hover background color for secondary menu
- * Scope:         global
- * Goal:          accessibility
- * Description:   Darken the background color of secondary menu items while hovering to show more contrast agains other unselected menu items.
- * Creator:       Heba Amer
- *
- * @package    theme_boost_union
- * @copyright  2024 The American University in Cairo
- * @author     Heba Amer <heba.amer@aucegypt.edu>
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-.secondary-navigation .moremenu .nav-link:hover, secondary-navigation .moremenu .nav-link:focus {
-  background-color: $gray-400 !important;
-}
diff --git a/snippets/builtin/collection_fixing_visual_flaws.scss b/snippets/builtin/collection_fixing_visual_flaws.scss
deleted file mode 100644
index b69e45a6e05..00000000000
--- a/snippets/builtin/collection_fixing_visual_flaws.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Snippet Title: Collection of fixes for visual flaws
- * Scope:         global
- * Goal:          bugfix
- * Description:   Collection of fixes for visual flaws in Boost theme<br><ul><li>Fix for visually cropped right border of secondary menu item</li></ul>
- * Creator:       Luther Blissett
- *
- * @package    theme_boost_union
- * @copyright  Luther Blissett
- * @author     Luther Blissett
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-// Fixing
-.moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover {
-    z-index: 2;
-}
diff --git a/snippets/builtin/cookies_popup_enhancement.scss b/snippets/builtin/cookies_popup_enhancement.scss
deleted file mode 100644
index 5da4e42ced0..00000000000
--- a/snippets/builtin/cookies_popup_enhancement.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-/**
- * Snippet Title: Cookies Popup Enhancement
- * Scope:         global
- * Goal:          easeofuse
- * Description:   Enhance the popup cookies dialog when first visiting a moodle website
- * Creator:       Heba Amer
- *
- * @package    theme_boost_union
- * @copyright  2024 The American University in Cairo
- * @author     Heba Amer <heba.amer@aucegypt.edu>
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-.eupopup-container.eupopup-container-bottom {
-    flex-direction: column;
-    justify-content: center;
-    background-color: #fff;
-    border-radius: 10px;
-    box-shadow: 4px 4px 12px 2000px rgba(0,0,0,.56);
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 320px;
-    height: 330px;
-    margin: -270px 0 0 -160px;
-    padding: 50px 20px
-}
-
-@media (min-width: 576px) {
-    .eupopup-container.eupopup-container-bottom {
-        width:450px;
-        height: 330px;
-        margin: -270px 0 0 -220px
-    }
-}
-
-@media (min-width: 768px) {
-    .eupopup-container.eupopup-container-bottom {
-        width:650px;
-        height: 300px;
-        margin: -135px 0 0 -320px
-    }
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-body {
-    color: #343a40;
-    font-size: 1.2rem;
-    line-height: 1.5rem
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-body a {
-    color: #8eaf3e;
-    text-decoration: none;
-    font-weight: 700;
-    line-height: 2.5rem
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-body a:hover {
-    text-decoration: underline
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-buttons {
-    margin-top: 2rem
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1 {
-    background-color: #ff7f00;
-    color: #fff;
-    font-size: 1.2rem;
-    font-weight: 600;
-    padding: .75rem 1.5rem 1rem 1.5rem;
-    border-radius: .5rem;
-    display: inline-block;
-    text-align: center;
-    transition: filter 0.15s ease-in-out
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-buttons .eupopup-button_1:hover {
-    text-decoration: none;
-    filter: brightness(85%)
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-closebutton {
-    font-weight: 500;
-    color: #343a40;
-    opacity: .8;
-    font-size: 35px;
-    padding: 10px 20px
-}
-
-.eupopup-container.eupopup-container-bottom .eupopup-closebutton:hover {
-    color: #343a40
-}
diff --git a/snippets/builtin/international_day_against_homophobia.scss b/snippets/builtin/international_day_against_homophobia.scss
deleted file mode 100644
index dd051c5d938..00000000000
--- a/snippets/builtin/international_day_against_homophobia.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Snippet Title: Rainbow navbar for anti-homophobia day
- * Scope:         global
- * Goal:          eyecandy
- * Description:   17 May is a special day for the queer community - the International Day against Homophobia, Biphobia and Transphobia. This CSS changes the background of the primary navbar to rainbow colors to commemorate and support the special day.
- * Usage note:    To make this CSS snippet work, you have to set the 'theme_boost_union | navbarcolor' setting to 'Dark navbar with light font color' as well.
- * Creator:       Nils Promer and Alexander Brehm
- *
- * @package    theme_boost_union
- * @copyright  2024 University of Applied Science Hamburg
- * @author     Nils Promer <nils.promer@haw-hamburg.de>, Alexander Brehm <alexander.brehm@haw-hamburg.de
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-.navbar {
-  box-sizing: unset;
-}
-
-.navbar {
-  background: linear-gradient(90deg,
-    hsl(217, 100%, 31%) 0%,
-    hsl(240, 100%, 50%) 13%,
-    hsl(270, 100%, 63%) 23%,
-    hsl(300, 100%, 43%) 31%,
-    hsl(330, 100%, 59%) 37%,
-    hsl(360, 100%, 63%) 45%,
-    hsl(30, 100%, 48%) 51%,
-    hsl(60, 100%, 37%) 58%,
-    hsl(90, 100%, 34%) 68%,
-    hsl(120, 100%, 35%) 73%,
-    hsl(240, 100%, 63%) 88%,
-    hsl(240, 100%, 50%) 93%,
-    hsl(217, 100%, 31%) 100%
-  );
-  border-bottom: 1px solid #158d25;
-}
-
-.navbar .navbar-brand {
-  display: none;
-}
-
-.primary-navigation .navigation {
-  height: 61px;
-}
-
-.primary-navigation .nav-item .nav-link {
-  position: relative;
-  text-transform: uppercase;
-  font-weight: bold;
-  color: #fff;
-  height: 61px;
-}
-
-.primary-navigation .navigation .nav-link.active,
-.navbar.navbar-dark.bg-primary .nav-link.active {
-  border-bottom: none;
-}
-
-.primary-navigation li.nav-item a.nav-link.active::after {
-  content: "";
-  position: absolute;
-  bottom: 14px;
-  height: 2px;
-  left: 0;
-  right: 0;
-  margin: 0 0.5em;
-  background-color: #fff;
-}
diff --git a/snippets/builtin/rainbow_navbar.scss b/snippets/builtin/rainbow_navbar.scss
new file mode 100644
index 00000000000..53209d21b4b
--- /dev/null
+++ b/snippets/builtin/rainbow_navbar.scss
@@ -0,0 +1,71 @@
+/**
+ * Snippet Title: Rainbow navbar (for international day against homophobia)
+ * Scope:         global
+ * Goal:          eyecandy
+ * Description:   17 May is a special day for the queer community - the international day against homophobia, biphobia and transphobia. This snippet changes the background of the navbar to rainbow colors to commemorate and support this special day.
+ * Creator:       Nils Promer and Alexander Brehm
+ *
+ * @copyright     2024 University of Applied Science Hamburg
+ * @author        Nils Promer <nils.promer@haw-hamburg.de>, Alexander Brehm <alexander.brehm@haw-hamburg.de
+ * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+.navbar {
+    @extend .navbar-dark;
+    @extend .bg-dark;
+}
+
+.navbar {
+    box-sizing: unset;
+}
+
+.navbar {
+    background: linear-gradient(90deg,
+        hsl(217, 100%, 31%) 0%,
+        hsl(240, 100%, 50%) 13%,
+        hsl(270, 100%, 63%) 23%,
+        hsl(300, 100%, 43%) 31%,
+        hsl(330, 100%, 59%) 37%,
+        hsl(360, 100%, 63%) 45%,
+        hsl(30, 100%, 48%) 51%,
+        hsl(60, 100%, 37%) 58%,
+        hsl(90, 100%, 34%) 68%,
+        hsl(120, 100%, 35%) 73%,
+        hsl(240, 100%, 63%) 88%,
+        hsl(240, 100%, 50%) 93%,
+        hsl(217, 100%, 31%) 100%
+    );
+    border-bottom: 1px solid #158d25;
+}
+
+.navbar .navbar-brand {
+    display: none;
+}
+
+.primary-navigation .navigation {
+    height: 61px;
+}
+
+.primary-navigation .nav-item .nav-link {
+    position: relative;
+    text-transform: uppercase;
+    font-weight: bold;
+    color: #fff;
+    height: 61px;
+}
+
+.primary-navigation .navigation .nav-link.active,
+.navbar.navbar-dark.bg-primary .nav-link.active {
+    border-bottom: none;
+}
+
+.primary-navigation li.nav-item a.nav-link.active::after {
+    content: "";
+    position: absolute;
+    bottom: 14px;
+    height: 2px;
+    left: 0;
+    right: 0;
+    margin: 0 0.5em;
+    background-color: #fff;
+}
diff --git a/snippets/builtin/international_day_against_homophobia.webp b/snippets/builtin/rainbow_navbar.webp
similarity index 100%
rename from snippets/builtin/international_day_against_homophobia.webp
rename to snippets/builtin/rainbow_navbar.webp
diff --git a/snippets/builtin/site_policy_modal.scss b/snippets/builtin/site_policy_modal.scss
new file mode 100644
index 00000000000..854ddbde1ef
--- /dev/null
+++ b/snippets/builtin/site_policy_modal.scss
@@ -0,0 +1,72 @@
+/**
+ * Snippet Title: Site policy modal dialogue
+ * Scope:         global
+ * Goal:          easeofuse
+ * Description:   Change the site policy banner which is shown at the bottom of the page when first visiting the site to a modal dialogue which is much more eye-catching and convenien for the user.
+ * Creator:       Heba Amer
+ *
+ * @copyright     2024 The American University in Cairo, based on pre-existing work by lern.link
+ * @author        Heba Amer <heba.amer@aucegypt.edu>
+ * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+.eupopup-container.eupopup-container-bottom {
+    flex-direction: column;
+    justify-content: center;
+    background-color: #fff;
+    border-radius: 10px;
+    box-shadow: 4px 4px 12px 2000px rgba(0,0,0,.56);
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 320px;
+    height: 300px;
+    margin: -150px 0 0 -160px;
+    padding: 50px 20px;
+}
+
+@media (min-width: 576px) {
+    .eupopup-container.eupopup-container-bottom {
+        width: 450px;
+        height: 275px;
+        margin: -138px 0 0 -225px;
+    }
+}
+
+@media (min-width: 768px) {
+    .eupopup-container.eupopup-container-bottom {
+        width: 650px;
+        height: 250px;
+        margin: -125px 0 0 -325px;
+    }
+}
+
+.eupopup-container.eupopup-container-bottom .eupopup-body {
+    color: #343a40;
+    font-size: $font-size-base;
+    line-height: initial;
+
+    a {
+        color: $primary;
+        text-decoration: none;
+        font-weight: 700;
+        line-height: 2.5rem;
+    }
+
+    a:hover {
+        text-decoration: underline
+    }
+}
+
+.eupopup-container.eupopup-container-bottom .eupopup-buttons {
+    margin-top: 1rem;
+
+    .eupopup-button_1 {
+        @extend .btn;
+        @extend .btn-primary;
+    }
+}
+
+.eupopup-container.eupopup-container-bottom .eupopup-closebutton {
+    display: none;
+}
diff --git a/snippets/builtin/site_policy_modal.webp b/snippets/builtin/site_policy_modal.webp
new file mode 100644
index 00000000000..fb5e5d2b665
Binary files /dev/null and b/snippets/builtin/site_policy_modal.webp differ
diff --git a/snippets/builtin/visual-depth.scss b/snippets/builtin/visual-depth.scss
deleted file mode 100644
index 95932825ca3..00000000000
--- a/snippets/builtin/visual-depth.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
- * Snippet Title: Visual depth
- * Scope:         global
- * Goal:          eyecandy
- * Description:   A less flat design than is intended in the Boost theme. Realised by box-shadows on a number of page elements and a colour gradient on the page background.
- * Creator:       Nils Promer
- *
- * @package    theme_boost_union
- * @copyright  2024 University of Applied Science Hamburg
- * @author     Nils Promer <nils.promer@haw-hamburg.de>
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-
- body {
-   background: radial-gradient(circle, rgba(0, 26, 36, 0.4) 0%, rgba(208, 226, 242, 1) 51%, rgba(240, 241, 242, 1) 100%);
- }
-
- .navbar.fixed-top {
-   box-shadow: rgba(62, 64, 72, 0.4) 0 4px 6px;
- }
-
- .main-inner {
-   box-shadow: rgba(149, 157, 165, 0.6) 0 4px 6px;
- }
-
-section.block {
-  box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
- }
-
-.add_block_button a {
-   box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
- }
-
-.pagelayout-frontpage .coursebox {
-   box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
- }
-
-.pagelayout-mycourses .course-card {
-    box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
- }
-
-#page-course-view-topics .section-item {
-  box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
-}
-
-.drawer-toggles .drawer-toggler .btn {
-   box-shadow: rgba(62, 64, 72, 0.4) 0 4px 6px;
- }
-
-.btn-footer-popover {
-   box-shadow: rgba(62, 64, 72, 0.4) 0 4px 6px;
- }
diff --git a/snippets/builtin/visual_depth.scss b/snippets/builtin/visual_depth.scss
new file mode 100644
index 00000000000..c827b209366
--- /dev/null
+++ b/snippets/builtin/visual_depth.scss
@@ -0,0 +1,52 @@
+/**
+ * Snippet Title: Visual depth
+ * Scope:         global
+ * Goal:          eyecandy
+ * Description:   A less flat design than the original Boost theme. Realized with box-shadows on a number of page elements and a colour gradient on the page background.
+ * Creator:       Nils Promer
+ *
+ * @copyright     2024 University of Applied Science Hamburg
+ * @author        Nils Promer <nils.promer@haw-hamburg.de>
+ * @license       http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+
+body {
+    background: radial-gradient(circle,#bbbbbb 0%,#dddddd 51%,#f0f0f0 100%)
+}
+
+.navbar.fixed-top {
+   box-shadow: rgba(62, 64, 72, 0.4) 0 4px 6px;
+}
+
+.main-inner {
+   box-shadow: rgba(149, 157, 165, 0.6) 0 4px 6px;
+}
+
+section.block {
+    box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
+}
+
+.add_block_button a {
+   box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
+}
+
+.pagelayout-frontpage .coursebox {
+   box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
+}
+
+.pagelayout-mycourses .course-card {
+    box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
+}
+
+#page-course-view-topics .section-item {
+    box-shadow: rgba(149, 157, 165, 0.15) 0 4px 6px;
+}
+
+.drawer-toggles .drawer-toggler .btn {
+    box-shadow: rgba(62, 64, 72, 0.4) 0 4px 6px;
+}
+
+.btn-footer-popover {
+    box-shadow: rgba(62, 64, 72, 0.4) 0 4px 6px;
+}
diff --git a/snippets/builtin/visual_depth.webp b/snippets/builtin/visual_depth.webp
new file mode 100644
index 00000000000..67b99020a7d
Binary files /dev/null and b/snippets/builtin/visual_depth.webp differ