Theme style updates

public/AdminLTE-3.0.5/dist/js/adminlte.js

@@ -54,7 +54,7 @@
     };
     var Default = {
       controlsidebarSlide: true,
-      scrollbarTheme: 'os-theme-light',
+      scrollbarTheme: 'os-theme-dark',
       scrollbarAutoHide: 'l'
     };
     /**
@@ -323,7 +323,7 @@
       CONTROL_SIDEBAR_OPEN: 'control-sidebar-open'
     };
     var Default = {
-      scrollbarTheme: 'os-theme-light',
+      scrollbarTheme: 'os-theme-dark',
       scrollbarAutoHide: 'l',
       panelAutoHeight: true,
       loginRegisterAutoHeight: true

public/css/theme.css

@@ -59,12 +59,17 @@ aside.main-sidebar>.brand-link>img {
     opacity: .8;
     max-height: 25px;
     margin-top: 6px;
-    margin-left: 17px;
+    margin-left: 4px;
+    box-shadow: none !important;
+    border-radius: 100%;
+    border: 1px solid #ddd;
+}
+aside.main-sidebar {
+    overflow-x: hidden;
 }
 .nav-sidebar .nav-item>.nav-link {
     position: relative;
-    padding-top: 3px;
-    padding-bottom: 3px;
+    padding: 3px 0.25rem;
     font-size: 13px;
     font-family: Verdana,sans-serif;
 }
@@ -202,3 +207,15 @@ a {
 .inner-side-nav {
     background: #f0f0f0;
 }
+.main-sidebar.elevation-4 {
+    box-shadow: none !important;
+    border-right: 1px solid #ddd;
+}
+.sidebar-mini.sidebar-collapse .main-sidebar {
+    width: 50px;
+}
+.sidebar-mini.sidebar-collapse .content-wrapper,
+.sidebar-mini.sidebar-collapse .main-header {
+    margin-left: 50px !important;
+}
+

resources/views/layouts/pro-logged-in.blade.php

@@ -68,7 +68,7 @@
     <!-- /.navbar -->
 
     <!-- Main Sidebar Container -->
-    <aside class="main-sidebar sidebar-dark-primary elevation-4">
+    <aside class="main-sidebar sidebar-light-primary elevation-4">
         <!-- Brand Logo -->
         <a href="/AdminLTE-3.0.5/index3.html" class="brand-link">
             <img src="/AdminLTE-3.0.5/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"