Release v2.2.2

src/web/public/css/theme-custom.css

@@ -123,6 +123,11 @@
   --bs-navbar-nav-link-padding-x: 10px;
 }
 
+.app-header {
+  top: 0;
+  z-index: 1030;
+}
+
 .app-sidebar {
   display: flex;
   flex-direction: column;

src/web/public/js/theme-init.js

@@ -2,7 +2,7 @@
 
 (function () {
   var storageKey = 'lte-theme';
-  var theme = 'auto';
+  var theme = 'dark';
 
   function getPreferredTheme() {
     if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
@@ -15,10 +15,10 @@
   try {
     var storedTheme = window.localStorage.getItem(storageKey);
     if (storedTheme === 'dark' || storedTheme === 'light' || storedTheme === 'auto') {
-      theme = storedTheme;
+      theme = storedTheme === 'auto' ? getPreferredTheme() : storedTheme;
     }
   } catch (error) {
-    theme = 'auto';
+    theme = 'dark';
   }
 
   document.documentElement.dataset.bsTheme = theme;

src/web/views/shared/frame-layout.hbs

@@ -22,7 +22,7 @@
         <div class="app-wrapper">
           <div class="sidebar-overlay" aria-hidden="true"></div>
           {{#unless hideFrameHeader}}
-            <nav class="app-header navbar navbar-expand bg-body">
+            <nav class="app-header sticky-top navbar navbar-expand bg-body">
               <div class="container-fluid">
                 <span class="navbar-text fw-semibold">
                   {{title}}

src/web/views/shared/layout.hbs

@@ -58,7 +58,7 @@
       </div>
       <div class="app-wrapper">
         <div class="sidebar-overlay" aria-hidden="true"></div>
-        <nav class="app-header navbar navbar-expand bg-body">
+        <nav class="app-header sticky-top navbar navbar-expand bg-body">
           <div class="container-fluid">
             <ul class="navbar-nav">
               <li class="nav-item">