Fix colors

Author: RobiNN1

assets/css/styles.css

@@ -1549,16 +1549,16 @@ video {
   border-bottom-width: 0px;
 }
 
-.\[\&\>\.active\]\:bg-gray-100>.active {
-  background-color: #f3f4f6;
+.\[\&\>\.active\]\:bg-gray-200>.active {
+  background-color: #e5e7eb;
 }
 
 .\[\&\>\.active\]\:text-gray-600>.active {
   color: #4b5563;
 }
 
-.dark\:\[\&\>\.active\]\:bg-gray-600>.active:is(.dark *) {
-  background-color: #4b5563;
+.dark\:\[\&\>\.active\]\:bg-gray-950>.active:is(.dark *) {
+  background-color: #030712;
 }
 
 .dark\:\[\&\>\.active\]\:text-gray-300>.active:is(.dark *) {

templates/layout.twig

@@ -42,7 +42,7 @@
             <a class="text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100" href="{{ logout_url }}" title="Logout" target="_blank" rel="noopener">{{ svg('logout', 32) }}</a>
         {% endif %}
 
-        <div class="flex border rounded overflow-hidden border-gray-300 dark:border-gray-600 [&>.active]:text-gray-600 dark:[&>.active]:text-gray-300 [&>.active]:bg-gray-100 dark:[&>.active]:bg-gray-600">
+        <div class="flex border rounded overflow-hidden border-gray-300 dark:border-gray-600 [&>.active]:text-gray-600 dark:[&>.active]:text-gray-300 [&>.active]:bg-gray-200 dark:[&>.active]:bg-gray-950">
             <button class="flex items-center justify-center px-3 py-2 text-gray-400 dark:text-gray-500" type="button" data-theme="light" title="Light">
                 {{ svg('sun', 18) }}
             </button>