feat: better acp sidebar in dark mode

public/scss/admin/common.scss

@@ -64,7 +64,6 @@
 }
 
 @include color-mode(dark) {
-	#content {
 	.btn-light {
 		@extend .btn-dark;
 	}
@@ -77,7 +76,6 @@
 			background-color: $btn-ghost-hover-color-dark;
 		}
 	}
-	}
 }
 
 .flex-basis-md-200 {

public/scss/admin/overrides.scss

@@ -17,9 +17,9 @@ $green:   #198754 !default;
 $cyan:    #0dcaf0 !default;
 
 $light: $gray-100 !default;
-$dark:          $gray-900 !default;
+$dark: $gray-800 !default;
 
-$body-color: $gray-800;
+$body-color: $gray-800 !default;
 $text-muted: $gray-600 !default;
 
 $btn-ghost-color: rgb(73, 80, 87);

src/views/admin/partials/mobile-footer.tpl

@@ -1,5 +1,5 @@
 <div component="bottombar" class="bottombar d-flex d-lg-none fixed-bottom ff-secondary gap-1 align-items-center">
-	<div class="bottombar-nav p-2 text-dark bg-light d-flex justify-content-between align-items-center w-100">
+	<div class="bottombar-nav p-2 border-top text-bg-light d-flex justify-content-between align-items-center w-100">
 		<div class="">
 			<a href="#" role="button" class="p-2 nav-link nav-btn" data-bs-toggle="offcanvas" data-bs-target="#offcanvas" >
 				<i class="fa fa-fw fa-lg fa-bars"></i>

src/views/admin/partials/offcanvas.tpl

@@ -1,4 +1,4 @@
-<div data-bs-theme="light" class="offcanvas offcanvas-start gap-1" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel" style="width: 275px;">
+<div class="offcanvas offcanvas-start gap-1" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel" style="width: 275px;">
 	<div class="offcanvas-body flex-0 pb-0 overflow-visible d-flex flex-column gap-1 ff-secondary">
 		<!-- IMPORT admin/partials/quick_actions/alerts.tpl -->
 

src/views/admin/partials/sidebar-left.tpl

@@ -1,4 +1,4 @@
-<div data-bs-theme="light" id="sidebar-left" style="width:240px;" class="vh-100 sticky-top start-0 d-none d-lg-flex text-bg-light p-2 flex-column justify-content-start text-sm border-end gap-1 flex-shrink-0">
+<div id="sidebar-left" style="width:240px;" class="vh-100 sticky-top start-0 d-none d-lg-flex text-bg-light p-2 flex-column justify-content-start text-sm border-end gap-1 flex-shrink-0">
 	<div class="d-flex flex-column gap-1 ff-secondary">
 
 		<!-- IMPORT admin/partials/quick_actions/alerts.tpl -->