fix checkbox styles

Author: mythz

llms/extensions/app/themes/blue_smoke/theme.json

@@ -21,7 +21,7 @@
         "bgPage": "",
         "bgInput": "bg-blue-950/80 focus:bg-black/70",
         "textInput": "text-blue-50 placeholder-blue-300/50",
-        "borderInput": "border-blue-500/60 focus:border-blue-500/60 focus:ring-blue-500/60 shadow-inner",
+        "borderInput": "border-blue-500/60 focus:border-blue-500/60 focus:ring-blue-500/60 shadow-inner focus:ring-offset-blue-900 focus-within:ring-blue-600 focus-within:border-blue-600",
         "labelInput": "text-blue-300",
         "helpInput": "text-blue-400/80",
         "draggingInput": "border-blue-400 bg-blue-900/40 ring-1 ring-blue-400 shadow-[0_0_20px_rgba(59,130,246,0.2)]",

llms/extensions/app/themes/light_sky/theme.json

@@ -31,7 +31,8 @@
         "iconActive": "bg-blue-300/30 text-sky-900",
         "chatButton": "border border-sky-300 text-sky-700 bg-white hover:bg-sky-50 disabled:text-sky-400 disabled:cursor-not-allowed disabled:border-sky-200 transition-all shadow-sm hover:shadow",
         "voiceButtonDefault": "bg-white text-sky-500 hover:text-sky-600 shadow-sm",
-        "borderInput": "border-sky-300 focus:border-sky-500 focus:ring-sky-500 bg-white focus:bg-white transition-colors",
+        "borderInput": "border-sky-300 focus:border-blue-500 focus:ring-blue-500 focus:ring-offset-white focus-within:ring-indigo-500 focus-within:border-indigo-500",
+        "checkbox": "rounded bg-sky-500",
         "secondaryButton": "text-sky-700 bg-white border border-sky-300 hover:bg-sky-50 transition-colors shadow-sm rounded-md",
         "dropdownButton": "border border-sky-300/80 bg-white hover:bg-sky-50 text-sky-900 focus:outline-none",
         "bgPopover": "bg-white/95 backdrop-blur-xl border border-sky-200 shadow-lg",

llms/extensions/app/themes/matrix/theme.json

@@ -33,7 +33,7 @@
         "bgInput": "bg-black border border-green-800 placeholder-green-800",
         "textInput": "text-green-400 placeholder-green-800",
         "borderInput": "border-green-800 focus:border-green-500 focus:border-green-500 focus:ring-1 focus:ring-green-500 focus:ring-offset-green-950 focus-within:ring-green-500 focus-within:border-green-500",
-        "checkbox": "",
+        "checkbox": "bg-black",
         "labelInput": "text-green-500 font-mono",
         "helpInput": "text-green-700",
         "draggingInput": "border-green-400 bg-green-900/20 ring-1 ring-green-400",

llms/extensions/app/themes/nord/theme.json

@@ -55,7 +55,7 @@
         "bgInput": "bg-nord-800 placeholder-nord-300/50",
         "dialog": "rounded-lg shadow-xl bg-nord-900 border border-frost-700/80",
         "textInput": "text-nord-100 placeholder-nord-300",
-        "borderInput": "border-nord-600 shadow-sm focus:border-frost-600 focus:ring-frost-600 focus:ring-offset-nord-900 focus-within:ring-frost-600 focus-within:border-frost-600",
+        "borderInput": "border-frost-700/80 shadow-sm focus:border-frost-600 focus:ring-frost-600 focus:ring-offset-nord-900 focus-within:ring-frost-600 focus-within:border-frost-600",
         "labelInput": "text-nord-300",
         "helpInput": "text-frost-600",
         "draggingInput": "border-frost-600 bg-blue-900/30 ring-1 ring-frost-600",
@@ -79,7 +79,7 @@
         "cardActiveTitleBar": "border-b border-frost-700 bg-nord-900",
         "textBlock": "bg-black/30 text-nord-100 backdrop-blur-sm",
         "primaryButton": "border border-transparent shadow-sm text-white bg-frost-700 hover:bg-frost-700/80 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-nord-900 focus:ring-frost-500 disabled:opacity-50 disabled:cursor-not-allowed rounded-md",
-        "secondaryButton": "text-nord-300 bg-nord-800 border border-nord-600 hover:bg-nord-700/80 rounded-md",
+        "secondaryButton": "text-nord-300 bg-nord-800 border border-frost-700/80 hover:bg-nord-700/80 rounded-md",
         "textLink": "underline hover:text-nord-100",
         "icon": "text-nord-300/60",
         "iconHover": "hover:text-nord-200",

llms/extensions/app/themes/soft_pink/theme.json

@@ -32,6 +32,7 @@
         "bgInput": "bg-white shadow-sm",
         "textInput": "text-pink-950 placeholder-pink-800/50",
         "borderInput": "border-pink-300 focus:border-pink-400 focus:ring-pink-400 focus:ring-offset-white focus-within:ring-pink-500 focus-within:border-pink-500",
+        "checkbox": "rounded bg-pink-500",
         "labelInput": "text-pink-800 font-medium",
         "helpInput": "text-pink-600/80",
         "draggingInput": "border-pink-400 bg-pink-50 ring-1 ring-pink-400",

llms/ui/ai.mjs

@@ -249,7 +249,6 @@ export const o = {
             "appInner": "",
             "tagButtonLarge": "rounded-xl shadow-sm",
             "tagButtonSmall": "rounded-full shadow-sm",
-            "checkbox": "rounded",
         }
     },
 
@@ -301,6 +300,7 @@ export const o = {
             "dialog": "rounded-lg shadow-xl bg-white border border-gray-200",
             "textInput": "text-gray-900 placeholder-gray-500",
             "borderInput": "border-gray-300 focus:border-blue-500 focus:ring-blue-500 focus:ring-offset-white focus-within:ring-indigo-500 focus-within:border-indigo-500",
+            "checkbox": "rounded bg-gray-500",
             "labelInput": "text-gray-700",
             "helpInput": "text-gray-500",
             "draggingInput": "border-blue-500 bg-blue-50 ring-1 ring-blue-500",
@@ -394,6 +394,7 @@ export const o = {
             "dialog": "rounded-lg shadow-xl bg-gray-900 border border-gray-700",
             "textInput": "text-gray-100 placeholder-gray-500",
             "borderInput": "border-gray-600 focus:border-blue-500 focus:ring-blue-500 focus:ring-offset-gray-900 focus-within:ring-indigo-500 focus-within:border-indigo-500",
+            "checkbox": "rounded bg-gray-600",
             "labelInput": "text-gray-300",
             "helpInput": "text-gray-400",
             "draggingInput": "border-blue-500 bg-blue-900/30 ring-1 ring-blue-500",

llms/ui/app.css

@@ -2240,6 +2240,9 @@
       background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
     }
   }
+  .bg-gray-600 {
+    background-color: var(--color-gray-600);
+  }
   .bg-gray-700 {
     background-color: var(--color-gray-700);
   }
@@ -4730,6 +4733,11 @@
       border-bottom-width: 0px;
     }
   }
+  .focus-within\:border-blue-600 {
+    &:focus-within {
+      border-color: var(--color-blue-600);
+    }
+  }
   .focus-within\:border-frost-600 {
     &:focus-within {
       border-color: var(--color-frost-600);
@@ -4783,6 +4791,11 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:ring-blue-600 {
+    &:focus-within {
+      --tw-ring-color: var(--color-blue-600);
+    }
+  }
   .focus-within\:ring-frost-600 {
     &:focus-within {
       --tw-ring-color: var(--color-frost-600);
@@ -6196,6 +6209,11 @@
       --tw-ring-offset-color: var(--color-black);
     }
   }
+  .focus\:ring-offset-blue-900 {
+    &:focus {
+      --tw-ring-offset-color: var(--color-blue-900);
+    }
+  }
   .focus\:ring-offset-gray-700 {
     &:focus {
       --tw-ring-offset-color: var(--color-gray-700);