update styles

Author: mythz

MyApp/Areas/Identity/Pages/Account/Login.cshtml

@@ -17,7 +17,7 @@
         <h1 class="mb-4 text-2xl font-semibold text-gray-900 dark:text-gray-100">
             Sign In
         </h1>    
-        <div class="sm:shadow overflow-hidden sm:rounded-md">
+        <div class="sm:shadow overflow-hidden sm:rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-black">
             <form method="post">
                 <div class="px-4 bg-white dark:bg-black sm:p-6">
                     <div asp-validation-summary="All" class="text-danger font-semibold text-center"></div>
@@ -45,8 +45,8 @@
                         <div class="flex items-center justify-between">
                             <div class="flex items-center">
                                 <input type="checkbox" id="chkRememberMe" name="rememberMe" value="true" checked="checked"
-                                       class="h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500">
-                                <label for="chkRememberMe" class="ml-2 block text-sm text-gray-900">Remember Me</label>
+                                       class="h-4 w-4 rounded border-gray-300 dark:border-gray-600 dark:bg-gray-800 text-indigo-600 focus:ring-indigo-500">
+                                <label for="chkRememberMe" class="ml-2 block text-sm text-gray-900 dark:text-gray-100">Remember Me</label>
                             </div>
                         </div>
 

MyApp/tailwind.input.css

@@ -155,7 +155,7 @@
     [type='file']:focus{outline:1px auto -webkit-focus-ring-color;}
     [type='color']{height:2.4rem;padding:2px 3px}
     [type='range']{height:2.4rem}
-    [type='button'],button[type='submit']{cursor:pointer}
+    [type='button'],button[type='submit'],button[href]{cursor:pointer}
 
     @media (min-width: 640px) {
         [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='week'],[type='search'],[type='tel'],[type='time'],[type='color'],[multiple],textarea,select {

MyApp/wwwroot/css/app.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.15 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -254,9 +254,7 @@
     ::placeholder {
       color: currentcolor;
       @supports (color: color-mix(in lab, red, red)) {
-        & {
-          color: color-mix(in oklab, currentcolor 50%, transparent);
-        }
+        color: color-mix(in oklab, currentcolor 50%, transparent);
       }
     }
   }
@@ -998,17 +996,13 @@
   .bg-gray-500\/75 {
     background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 75%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      & {
-        background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
-      }
+      background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
     }
   }
   .bg-gray-900\/80 {
     background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      & {
-        background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
-      }
+      background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
     }
   }
   .bg-green-50 {
@@ -1470,9 +1464,7 @@
   .ring-black\/5 {
     --tw-ring-color: color-mix(in srgb, #000 5%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      & {
-        --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
-      }
+      --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
     }
   }
   .ring-indigo-500 {
@@ -3315,7 +3307,7 @@
   [type='range'] {
     height: 2.4rem;
   }
-  [type='button'],button[type='submit'] {
+  [type='button'],button[type='submit'],button[href] {
     cursor: pointer;
   }
   @media (min-width: 640px) {