build(deps): bump third-party/beautiful-jekyll from e91cd3f to 733489a

_config_theme.yml

@@ -60,18 +60,6 @@ post_search: true
 edit_page_button: true
 navbar-var-length: true
 keywords: "LizardByte,Sunshine,Moonlight,self-hosted,gamestreaming,gamestream,game,streaming,media server"
-footer-col: "#242526"
-footer-hover-col: "#28a9e6"
-footer-link-col: "#dfdfdf"
-footer-text-col: "#a8aaa8"
-hover-col: "#28a9e6"
-link-col: "#28a9e6"
-navbar-border-col: "#393a3b"
-navbar-col: "#151515"
-navbar-text-col: "#e4e6eb"
-page-col: "#303436"
-text-col: "#e4e4e4"
-mobile-theme-col: "#05FF3B"
 sass:
   sass_dir: _sass
   style: compressed
@@ -81,6 +69,8 @@ site-css:
 site-js:
   - "https://cdn.jsdelivr.net/npm/@lizardbyte/shared-web@2025.326.11214/dist/crowdin.js"
   - "/assets/js/crowdin-init.js"
+theme-switcher: true
+theme-switcher-style: 'button'
 gtag: "G-SSW90X5YZX"
 giscus:
   hostname: giscus.app  # Replace with your giscus instance's hostname if self-hosting
@@ -98,6 +88,34 @@ giscus:
   lazy-loading: true
 date_format: "%B %-d, %Y"
 
+# Light theme colors
+page-col: "#f5f5f5"
+text-col: "#212529"
+link-col: "#28a9e6"
+hover-col: "#1c7fb3"
+navbar-col: "#e9ecef"
+navbar-text-col: "#212529"
+navbar-border-col: "#dee2e6"
+footer-col: "#e9ecef"
+footer-text-col: "#6c757d"
+footer-link-col: "#212529"
+footer-hover-col: "#28a9e6"
+
+# Dark theme colors
+dark-page-col: "#303436"
+dark-text-col: "#e4e4e4"
+dark-link-col: "#28a9e6"
+dark-hover-col: "#28a9e6"
+dark-navbar-col: "#151515"
+dark-navbar-text-col: "#e4e6eb"
+dark-navbar-border-col: "#393a3b"
+dark-footer-col: "#242526"
+dark-footer-text-col: "#a8aaa8"
+dark-footer-link-col: "#dfdfdf"
+dark-footer-hover-col: "#28a9e6"
+
+mobile-theme-col: "#05FF3B"
+
 # Advanced settings
 timezone: "America/New_York"
 markdown: kramdown

_includes/license-entry.html

@@ -1,10 +1,10 @@
-<li class="list-group-item bg-dark text-white">
+<li class="list-group-item license-entry-item">
     <div class="d-flex justify-content-between align-items-center">
         <div>
             <strong>{{ include.item.name }}</strong>
             {% if include.item.version %}<span class="ms-2 badge bg-secondary">{{ include.item.version }}</span>{% endif %}
-            <small class="d-block text-muted">
-                <a href="{{ include.item.url }}" target="_blank" class="text-info">{{ include.item.url }}</a>
+            <small class="d-block license-entry-text-muted">
+                <a href="{{ include.item.url }}" target="_blank" class="license-entry-link">{{ include.item.url }}</a>
             </small>
         </div>
         <span class="badge bg-primary">{{ include.item.license }}</span>

_includes/support.html

@@ -1,7 +1,7 @@
 <!-- Support -->
 <section class="p-5" id="Support">
     <div class="mx-auto mb-5">
-        <div class="container shadow border-0 bg-primary rounded-0">
+        <div class="container shadow border-0 bg-primary text-white rounded-0">
             <div class="d-table-row g-0">
                 <div class="d-table-cell px-4 align-middle text-center">
                     <h3 class="fw-bolder">Support Center</h3>

_sass/admonition.scss

@@ -1,33 +1,51 @@
 // credit: https://www.adamsdesk.com/posts/admonitions-jekyll
 $primary-color: #fc0;
 $primary-bgcolor: rgba(55.59%, 44.41%, 0%, .4);
+
+// Light theme admonition title colors
+$admonitions-light:
+    ('attention', '#ffebee')
+    ('caution', '#fff3e0')
+    ('danger', '#ffebee')
+    ('error', '#ffebee')
+    ('hint', '#e8f5e9')
+    ('important', '#fff3e0')
+    ('note', '#e3f2fd')
+    ('seealso', '#e3f2fd')
+    ('tip', '#e8f5e9')
+    ('todo', '#f5f5f5')
+    ('warning', '#fff3e0')
+;
+
+// Dark theme admonition title colors
+$admonitions-dark:
+    ('attention', '#564444')
+    ('caution', '#564b3c')
+    ('danger', '#564444')
+    ('error', '#564444')
+    ('hint', '#294040')
+    ('important', '#433a38')
+    ('note', '#293d52')
+    ('seealso', '#293d52')
+    ('tip', '#294040')
+    ('todo', '#3a3a3a')
+    ('warning', '#564b3c')
+;
+
 $admonitions:
-    //class (type), icon filename, icon/border color, title bg color
+    //class (type), icon filename, icon/border color
     // TODO: Can we use font-awesome directly without keeping the svg files in our repo?
-    ('attention', 'exclamation-triangle-solid.svg', '#ff5252', '#564444')
-    ('caution', 'bolt-solid.svg', '#ff9100', '#564b3c')
-    ('danger', 'bolt-solid.svg', '#ff5252', '#564444')
-    ('error', 'times-circle-solid.svg', '#ff5252', '#564444')
-    ('hint', 'question-circle-solid.svg', '#00c953', '#294040')
-    ('important', 'fire-solid.svg', '#ff9100', '#433a38')
-    ('note', 'pen-solid.svg', '#00b0ff', '#293d52')
-    ('seealso', 'info-circle-solid.svg', '#00b0ff', '#293d52')
-    ('tip', 'info-circle-solid.svg', '#00c953', '#294040')
-    ('todo', 'pen-solid.svg')
-    ('warning', 'exclamation-triangle-solid.svg', '#ff9100', '#564b3c')
-
-    //('note', 'pen-solid.svg')
-    //('abstract', 'align-left-solid.svg')
-    //('info', 'info-circle-solid.svg', '#00b0ff', '#293d52')
-    //('tip', 'fire-solid.svg', '#ff9100', '#433a38')
-    //('success', 'check-circle-solid.svg', '#00c953', '#294040')
-    //('question', 'question-circle-solid.svg', '#00b8d4', '#293e4e')
-    //('warning', 'exclamation-triangle-solid.svg', '#ff9100', '#564b3c')
-    //('failure', 'times-circle-solid.svg', '#ff5252', '#564444')
-    //('danger', 'bolt-solid.svg', '#ff1744', '#563e43')
-    //('bug', 'bug-solid.svg', '#f50057', '#553c45')
-    //('example', 'list-ol-solid.svg', '#9e9e9e', '#4c4c4c')
-    //('quote', 'quote-right-solid.svg', '#9e9e9e', '#4c4c4c')
+    ('attention', 'exclamation-triangle-solid.svg', '#ff5252')
+    ('caution', 'bolt-solid.svg', '#ff9100')
+    ('danger', 'bolt-solid.svg', '#ff5252')
+    ('error', 'times-circle-solid.svg', '#ff5252')
+    ('hint', 'question-circle-solid.svg', '#00c953')
+    ('important', 'fire-solid.svg', '#ff9100')
+    ('note', 'pen-solid.svg', '#00b0ff')
+    ('seealso', 'info-circle-solid.svg', '#00b0ff')
+    ('tip', 'info-circle-solid.svg', '#00c953')
+    ('todo', 'pen-solid.svg', '#9e9e9e')
+    ('warning', 'exclamation-triangle-solid.svg', '#ff9100')
 ;
 .admonition {
 	margin: 1.5625em 0;
@@ -47,6 +65,12 @@ $admonitions:
     font-weight: 700;
     line-height: 3rem;
 }
+
+// Light theme - keep title text dark
+[data-bs-theme="light"] .admonition .admonition-title {
+    color: #212529;
+}
+
 .admonition-title::before {
     margin-right: .5rem;
     width: 1.2rem;
@@ -58,17 +82,12 @@ $admonitions:
     background-color: $primary-color;
     vertical-align: text-bottom;
 }
-@each $name, $icon, $icon-color, $title-color in $admonitions {
+@each $name, $icon, $icon-color in $admonitions {
     @if $icon-color {
         .admonition.#{$name} {
             border-left-color: #{$icon-color};
         }
     }
-    @if $title-color {
-        .admonition.#{$name} .admonition-title {
-            background-color: #{$title-color};
-        }
-    }
     .admonition.#{$name} .admonition-title::before {
         -webkit-mask: url("/assets/img/icons/#{$icon}") no-repeat 50% 50%;
         mask: url("/assets/img/icons/#{$icon}") no-repeat 50% 50%;
@@ -77,3 +96,17 @@ $admonitions:
         }
     }
 }
+
+// Apply light theme title backgrounds
+@each $name, $light-bg in $admonitions-light {
+    [data-bs-theme="light"] .admonition.#{$name} .admonition-title {
+        background-color: #{$light-bg};
+    }
+}
+
+// Apply dark theme title backgrounds
+@each $name, $dark-bg in $admonitions-dark {
+    [data-bs-theme="dark"] .admonition.#{$name} .admonition-title {
+        background-color: #{$dark-bg};
+    }
+}

_sass/circular-progress.scss

@@ -16,7 +16,7 @@
   width: 100%;
   height: 100%;
   border-radius: 50%;
-  border: 5px solid #2b3035;
+  border: 5px solid var(--circular-progress-border);
   position: absolute;
   top: 0;
   left: 0;
@@ -69,7 +69,7 @@
   width: 80%;
   height: 80%;
   border-radius: 50%;
-  background: #2b3035;
+  background: var(--circular-progress-bg);
   display: flex;
   flex-direction: column;
   justify-content: center;