Update UI elements and text content

resources/views/components/boarding-step.blade.php

@@ -1,9 +1,9 @@
 <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
     <div class="box-border col-span-2 min-w-[24rem] min-h-[21rem]">
         <h1 class="text-5xl font-bold">{{ $title }}</h1>
-        <div class="py-6 ">
+        <div class="py-6">
             @isset($question)
-                <p class="text-base">
+                <p class="text-base dark:text-neutral-400">
                     {{ $question }}
                 </p>
             @endisset

resources/views/components/highlighted.blade.php

@@ -1 +1 @@
-<span class="inline-block text-warning">{{ $text }}</span>
+<span class="inline-block font-bold text-warning">{{ $text }}</span>

resources/views/components/loading.blade.php

@@ -1,5 +1,6 @@
 @props(['text' => null])
 <div class="inline-flex items-center justify-center" {{ $attributes }}>
+    <div>{{ $text }}</div>
     <svg class="w-4 h-4 mx-1 ml-3 text-warning animate-spin" xmlns="http://www.w3.org/2000/svg" fill="none"
         viewBox="0 0 24 24">
         <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
@@ -7,5 +8,4 @@
             d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
         </path>
     </svg>
-    <div>{{ $text }}</div>
 </div>

resources/views/components/navbar.blade.php

@@ -1,11 +1,14 @@
-<div class="flex items-center h-16 pt-2 lg:pt-4 shrink-0">
-    <a href="/" class="flex items-center w-12 h-12 -mx-1 text-xl font-bold text-white"><img
-            class="transition rounded " src="{{ asset('coolify-transparent.png') }}"></a>
-</div>
-<nav class="flex flex-col flex-1">
+<nav class="flex flex-col flex-1 pl-4 border-r dark:border-coolgray-300 dark:bg-coolgray-100 bg-neutral-50">
+    <div class="flex w-full px-2 pt-6 pb-4">
+        <div class="flex flex-col">
+            <div class="text-2xl font-bold tracking-wide dark:text-white">Coolify</div>
+            <x-version />
+        </div>
+        <button onclick="changeTheme()">Dark/light</button>
+    </div>
     <ul role="list" class="flex flex-col flex-1 gap-y-7">
-        <li class="flex-1">
-            <ul role="list" class="flex flex-col h-full -mx-2 space-y-1">
+        <li class="flex-1 ">
+            <ul role="list" class="flex flex-col h-full space-y-1.5">
                 <li>
                     <a title="Dashboard" href="/"
                         class="{{ request()->is('/') ? 'menu-item-active menu-item' : 'menu-item' }}">
@@ -278,8 +281,8 @@
                     </a>
                 </li>
             </ul>
-        </li> --}}
-        {{-- <li class="mt-auto -mx-6">
+        </li>
+        <li class="mt-auto -mx-6">
             <a href="#"
                 class="flex items-center px-6 py-3 text-sm font-semibold leading-6 text-gray-900 gap-x-4 hover:bg-gray-50">
                 <img class="w-8 h-8 rounded-full bg-gray-50"

resources/views/components/version.blade.php

@@ -1,2 +1,2 @@
-<a {{ $attributes->merge(['class' => 'text-xs cursor-pointer opacity-60 hover:opacity-100 hover:text-white z-[60]']) }}
+<a {{ $attributes->merge(['class' => 'text-xs cursor-pointer opacity-60 hover:opacity-100 dark:hover:text-white hover:text-black z-[60]']) }}
     href="https://github.com/coollabsio/coolify/releases/tag/v{{ config('version') }}">v{{ config('version') }}</a>