fix: focus style field

moonshine-software · Oct 10, 2024 · b5b066f · b5b066f
1 parent 4c56a23
commit b5b066f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/public/ace.css b/public/ace.css
diff --git a/resources/css/ace.css b/resources/css/ace.css
@@ -5,11 +5,14 @@
   @apply absolute top-0 left-0 w-full h-full opacity-0 z-0;
 }
 .ace_editor {
-  @apply h-[300px] relative rounded-md border border-gray-300 outline-none transition-all duration-200 dark:border-[var(--dark-300)];
+  @apply h-[300px] relative rounded-md border border-gray-300 outline-none transition-all duration-200 dark:border-[rgb(var(--dark-300))];
   z-index: 1;
 }
 .ace_editor.ace_focus {
-  @apply border-gray-300 ring ring-gray-200 ring-opacity-70 dark:ring-[var(--dark-100)] dark:ring-opacity-30;
+  @apply ring ring-gray-200 ring-opacity-70
+}
+.dark .ace_editor.ace_focus {
+  --tw-ring-color: rgba(var(--dark-100), 0.3);
 }
 .ace_editor.form-invalid {
   @apply border-red-600 dark:border-red-700;