feat: input-bordered, select-bordered, textarea-bordered are no…

…w using `base-200` for border coloe instead of `base-content/20` This creates a better color match when we use a button next to a bordered input
saadeghi · Jun 11, 2023 · 0f5df66 · 0f5df66 · PizzaConsole · Jun 26, 2023
1 parent 10f5976
commit 0f5df66
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/src/components/styled/file-input.css b/src/components/styled/file-input.css
@@ -8,7 +8,7 @@
     text-transform: var(--btn-text-case, uppercase);
   }
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   &:focus {
     @apply outline outline-2 outline-offset-2 outline-base-content/20;

diff --git a/src/components/styled/input.css b/src/components/styled/input.css
@@ -4,7 +4,7 @@
     line-height: 1em;
   }
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   &:focus {
     @apply outline outline-2 outline-offset-2 outline-base-content/20;

diff --git a/src/components/styled/select.css b/src/components/styled/select.css
@@ -1,7 +1,7 @@
 .select {
   @apply border border-base-content border-opacity-0 bg-base-100 pr-10 font-semibold rounded-btn;
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
     linear-gradient(135deg, currentColor 50%, transparent 50%);

diff --git a/src/components/styled/textarea.css b/src/components/styled/textarea.css
@@ -1,7 +1,7 @@
 .textarea {
   @apply border border-base-content border-opacity-0 bg-base-100 rounded-btn;
   &-bordered {
-    @apply border-opacity-20;
+    @apply border-base-200;
   }
   &:focus {
     @apply outline outline-2 outline-offset-2 outline-base-content/20;