wip

realodix · Jan 30, 2025 · 91fb51f · 91fb51f
1 parent 8816889
commit 91fb51f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 18 deletions.
diff --git a/resources/css/_tailwind.css b/resources/css/_tailwind.css
@@ -6,18 +6,6 @@
     --color-uh-blue: #3d5b99;
     --color-border-200: #e5e7eb;
     --color-border-300: #d1d5db;
-
-    --color-dark-50: #fafafa;
-    --color-dark-100: #f5f5f5;
-    --color-dark-200: #e5e5e5;
-    --color-dark-300: #d4d4d4;
-    --color-dark-400: #a3a3a3;
-    --color-dark-500: #737373;
-    --color-dark-600: #525252;
-    --color-dark-700: #404040;
-    --color-dark-800: #262626;
-    --color-dark-900: #171717;
-    --color-dark-950: #0a0a0a;
 }
 
 @utility layout-container {

diff --git a/resources/css/base.css b/resources/css/base.css
@@ -63,7 +63,7 @@ main {
 
     &.btn-delete    {
         @apply bg-gray-100 hover:bg-red-50 hover:border-red-400/70 hover:text-red-800 active:text-red-700;
-        @apply dark:bg-dark-800 dark:hover:bg-red-700 dark:hover:text-red-300;
+        @apply dark:bg-dark-800 dark:hover:bg-red-900 dark:hover:text-red-300;
     }
 
     &.btn-sm {
@@ -94,7 +94,7 @@ main {
     @apply block w-full py-1.5;
     @apply border-border-300 focus:ring-0 focus:border-primary-500 rounded;
     @apply bg-gray-50/80 focus:bg-white;
-    @apply dark:bg-dark-800 dark:focus:bg-dark-800 dark:border-dark-700;
+    @apply dark:bg-dark-800 dark:focus:bg-dark-800 dark:border-dark-700 dark:hover:border-dark-600 dark:focus:border-dark-500;
 
     &[disabled], &:disabled {
         @apply bg-gray-50/80 text-slate-700/50 cursor-not-allowed;

diff --git a/resources/css/main.css b/resources/css/main.css
@@ -15,12 +15,12 @@
 
     .nav-item {
         @apply text-sm text-slate-800 hover:bg-gray-100 focus:bg-slate-100 leading-5;
-        @apply dark:text-dark-400 dark:hover:bg-dark-700;
+        @apply dark:text-dark-400 dark:hover:bg-dark-800 dark:focus:bg-dark-800;
         @apply block px-4 py-2 focus:outline-none transition;
 
         &.active {
             @apply border-l-2 border-primary-500 bg-gray-100;
-            @apply dark:bg-dark-700 dark:text-dark-300;
+            @apply dark:bg-dark-800 dark:text-dark-300;
         }
     }
 }
@@ -80,7 +80,7 @@
 
         tr {
             @apply hover:bg-primary-50/40;
-            @apply dark:bg-dark-900 dark:hover:bg-dark-800/90;
+            @apply dark:bg-dark-900 dark:hover:bg-dark-900/85;
         }
 
         td {
@@ -111,6 +111,10 @@
         & + div:has(> [role="none"] > [wire\:key^="toggle-column-"]) {
             @apply ring-border-300;
             @apply dark:ring-dark-700 dark:bg-dark-800;
+
+            [wire\:key^="toggle-column-"] {
+                @apply dark:hover:bg-dark-900/50;
+            }
         }
 
         svg {

diff --git a/resources/views/components/nav-dropdown.blade.php b/resources/views/components/nav-dropdown.blade.php
@@ -38,7 +38,7 @@
         </div>
     </div>
 @else
-    <a href="{{ route('login') }}" class="btn btn-secondary text-xl font-medium">
+    <a href="{{ route('login') }}" class="btn btn-secondary text-xl font-medium dark:!bg-dark-900">
         <svg class="w-5 h-5 mr-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"></path></svg>
         {{ __('Log in') }}
     </a>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -20,6 +20,7 @@ export default {
         extend: {
             colors: {
                 "primary": colors.blue,
+                "dark": colors.neutral,
                 'pg-primary': colors.gray, // PowerGrid
             },
         },