Fix light mode styles

romanzipp · Apr 10, 2024 · 61eb2b7 · 61eb2b7
1 parent 1accff5
commit 61eb2b7
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/css/app.css b/css/app.css
@@ -54,7 +54,7 @@
     }
 
     .button.button-danger-light {
-        @apply bg-red-200 text-red-900 shadow-red-500
+        @apply bg-red-200 text-red-900 shadow-red-200
     }
 
     .button.button-danger-light:hover {

diff --git a/views/servers.html b/views/servers.html
@@ -28,23 +28,23 @@
     <div class="h-px w-full bg-gray-200 dark:bg-gray-700"></div>
 
     <div class="grid grid-flow-col justify-stretch gap-6 p-6 text-sm leading-normal">
-        <div class="p-4 rounded-md bg-gray-900/50">
+        <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
             <div class="text-gray-500 dark:text-gray-400">ID</div>
             <div>{{.ID}}</div>
         </div>
-        <div class="p-4 rounded-md bg-gray-900/50">
+        <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
             <div class="text-gray-500 dark:text-gray-400">Status</div>
             <div>{{.Status.GetTitle}} ({{.LastStatusCheck.Format "15:04"}})</div>
         </div>
-        <div class="p-4 rounded-md bg-gray-900/50">
+        <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
             <div class="text-gray-500 dark:text-gray-400">Created</div>
             <div>{{.CreatedAt.Format "2006-01-02"}}</div>
         </div>
-        <div class="p-4 rounded-md bg-gray-900/50">
+        <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
             <div class="text-gray-500 dark:text-gray-400">Updated</div>
             <div>{{.UpdatedAt.Format "2006-01-02"}}</div>
         </div>
-        <div class="p-4 rounded-md bg-gray-900/50">
+        <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
             <div class="text-gray-500 dark:text-gray-400">Cloudflare</div>
             <div>{{if .CfAccessClientId}}yes{{else}}no{{end}}</div>
         </div>

diff --git a/views/templates.html b/views/templates.html
@@ -35,7 +35,7 @@
 
             <div class="flex justify-start space-x-6 p-6 text-sm leading-normal">
                 {{range .Versions}}
-                <div class="p-4 rounded-md bg-gray-900/50">
+                <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
                     <div class="mb-2 text-gray-500 dark:text-gray-400">
                         {{.Selector}}
                     </div>
@@ -58,19 +58,19 @@
             {{if ne .Server.ID 0}}
 
             <div class="grid grid-flow-col justify-stretch gap-6 p-6 text-sm leading-normal">
-                <div class="p-4 rounded-md bg-gray-900/50">
+                <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
                     <div class="mb-2 text-gray-500 dark:text-gray-400">Cluster</div>
                     <a href="/servers/{{.ServerID}}" class="link">{{.Server.Name}}</a> (ID: {{.ServerID}})
                 </div>
-                <div class="p-4 rounded-md bg-gray-900/50">
+                <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
                     <div class="mb-2 text-gray-500 dark:text-gray-400">Nomad Job</div>
                     <a href="{{.GetNomadJobUrl}}" target="_blank" class="link">{{.NomadJobID}}</a>
                 </div>
-                <div class="p-4 rounded-md bg-gray-900/50">
+                <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
                     <div class="mb-2 text-gray-500 dark:text-gray-400">Created</div>
                     <div>{{.CreatedAt.Format "2006-01-02"}}</div>
                 </div>
-                <div class="p-4 rounded-md bg-gray-900/50">
+                <div class="p-4 rounded-md bg-gray-100 dark:bg-gray-900/50">
                     <div class="mb-2 text-gray-500 dark:text-gray-400">Updated</div>
                     <div>{{.UpdatedAt.Format "2006-01-02"}}</div>
                 </div>