Changes and tweaks

Author: agordn52

resources/views/docs/template.blade.php

@@ -3,7 +3,7 @@
 @section('content')
 
 @if($viewingOldDocs)
-<div class="p-3 bg-gray-50 mb-4 block rounded border-red-400 border-l-2">
+<div class="p-3 bg-gray-50 mb-4 block rounded dark:bg-slate-700 border-red-400 border-l-2">
 	<span>
         @if ($page == 'themes' && $version != '5.x')
         <b>Notice:</b> You're viewing an old version of the {{ config('app.name') }} documentation.<br>Consider upgrading your project to {{ config('app.name') }} <a href="{{ route('landing.docs', ['version' => $latestVersionOfNylo, 'page' => 'themes-and-styling']) }}">{{ $latestVersionOfNylo }}</a>.

resources/views/layouts/app-docs.blade.php

@@ -133,23 +133,23 @@ class="mx-3 overflow-visible text-slate-400">
             </div>
         </div>
         <div class="overflow-hidden">
-            <div class="max-w-8xl mx-auto bg-gray-50">
+            <div class="max-w-8xl mx-auto bg-gray-50 dark:bg-slate-400/10">
                 <div id="nav-controller"
                     class="hidden lg:block fixed z-20 inset-0 top-[0rem] sm:top-[3.8125rem] left-[max(0px,calc(50%-45rem))] right-auto w-[19.5rem] pb-10 px-8 overflow-y-auto">
                     <nav id="nav" class="lg:text-sm lg:leading-6 relative">
 
-                        <div class="sticky top-0 -ml-0.5 pointer-events-none hidden sm:block">
-                            <div class="h-10 bg-gray-50 dark:bg-slate-900"></div>
+                        <div class="sticky top-0 -ml-0.5 pointer-events-none hidden sm:block ">
+                            <div class="h-10 bg-gray-50 dark:bg-[#1c2639]"></div>
 
-                            <div class="h-8 bg-gradient-to-b from-gray-50 dark:from-slate-900"></div>
+                            <div class="h-8 bg-gradient-to-b from-gray-50 dark:from-slate-900 dark:hidden"></div>
                         </div>
 
                         @include('docs.sidebar')
 
                     </nav>
                 </div>
                 <div class="lg:pl-[19.5rem]">
-                    <main class="max-w-4xl mx-auto relative z-20 pt-10 bg-white px-4 sm:px-0">
+                    <main class="max-w-4xl mx-auto relative z-20 pt-10 bg-white px-4 sm:px-0 dark:bg-slate-900">
                         <div
                             class="prose dark:prose-invert prose-blockquote:bg-slate-400/10 prose-blockquote:p-4 prose-blockquote:rounded-md prose-blockquote:shadow-sm self-center m-auto">
                             @yield('content')