Merge pull request #37 from joshdales/update-text-entry-inputs

Update text entry inputs
joshdales · May 5, 2024 · a77b4c7 · a77b4c7
2 parents 27570b9 + 2fcffe3
commit a77b4c7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/index.css b/index.css
@@ -755,7 +755,6 @@ input,
 select,
 textarea,
 [role=textbox] {
-  background-color: var(--neutral-8);
   border: 1.5px solid var(--neutral-6);
   border-radius: var(--radius-1);
   caret-color: var(--accent-1, var(--neutral-4));
@@ -773,6 +772,7 @@ input:hover,
 select:hover,
 textarea:hover,
 [role=textbox]:hover {
+  background-color: var(--neutral-8);
   border-color: var(--accent-2, var(--neutral-5));
   box-shadow: 0 0 var(--space-1) 0 oklch(20% 0.01 250/10%);
 }
@@ -783,8 +783,8 @@ textarea:focus,
 textarea:active,
 [role=textbox]:focus,
 [role=textbox]:active {
-  background-color: var(--neutral-8);
-  border-color: var(--accent-1, var(--neutral-4));
+  background-color: var(--accent-4, var(--neutral-7));
+  border-color: var(--accent-3, var(--neutral-4));
 }
 input:disabled, input[aria-disabled=true],
 select:disabled,

diff --git a/styles/_inputs.scss b/styles/_inputs.scss
@@ -1,7 +1,6 @@
 @use "./utils" as utils;
 
 @mixin base {
-	background-color: var(--neutral-8);
 	border: 1.5px solid var(--neutral-6);
 	border-radius: var(--radius-1);
 	caret-color: var(--accent-1, var(--neutral-4));
@@ -14,14 +13,15 @@
 	}
 
 	&:hover {
+		background-color: var(--neutral-8);
 		border-color: var(--accent-2, var(--neutral-5));
 		box-shadow: 0 0 var(--space-1) 0 oklch(20% 0.01 250 / 10%);
 	}
 
 	&:focus,
 	&:active {
-		background-color: var(--neutral-8);
-		border-color: var(--accent-1, var(--neutral-4));
+		background-color: var(--accent-4, var(--neutral-7));
+		border-color: var(--accent-3, var(--neutral-4));
 	}
 
 	@include utils.disabled {