docs: update theme

Author: mrholek

docs/assets/scss/_sidebar.scss

@@ -13,5 +13,20 @@
   .nav-group-items {
     --cui-sidebar-nav-link-color: var(--cui-body-color);
   }
+
+  .sidebar-nav {
+    --cui-sidebar-nav-link-icon-margin: 1rem;
+  }
+
+  .sidebar-nav .compact .nav-link {
+    --cui-sidebar-nav-link-padding-y: .375rem;
+  }
 }
 
+@if $enable-dark-mode {
+  @include color-mode(dark) {
+    .docs-sidebar {
+      --cui-sidebar-bg: var(--cui-body-bg);
+    }
+  }
+}

docs/layouts/partials/sidebar.html

@@ -1,9 +1,9 @@
-<div class="sidebar sidebar-lg sidebar-fixed sidebar-self-hiding-md border-end ps-xl-4 docs-sidebar elevation-0" id="sidebar">
+<div class="sidebar sidebar-lg sidebar-fixed sidebar-self-hiding-md border-end px-xl-4 docs-sidebar elevation-0" id="sidebar">
   <div class="sidebar-brand justify-content-start ps-3">
     {{ partial "icons/coreui-base.svg" (dict "class" "d-block mt-4 mb-5" "height" "50") }}
   </div>
-  <div class="text-body-secondary ms-3 me-5 mb-2 small fw-semibold">Framework:</div>
-  <div class="dropdown ms-3 me-5 mb-4">
+  <div class="text-body-secondary mx-3 mb-2 small fw-semibold">Framework:</div>
+  <div class="dropdown mx-3 mb-4">
     <button class="btn btn-outline-primary dropdown-toggle w-100" type="button" id="dropdownMenuButton" data-coreui-toggle="dropdown" aria-expanded="false">
       JavaScript / Vanilla JS
     </button>