fix: form elements border color

db-ui · Dec 13, 2024 · 9372f70 · 9372f70
1 parent 69a5c97
commit 9372f70
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/packages/components/src/components/textarea/textarea.scss b/packages/components/src/components/textarea/textarea.scss
@@ -62,7 +62,7 @@
 			}
 
 			&::after {
-				@extend %component-border;
+				@extend %form-component-border;
 
 				@include get-scrolling-workaround();
 

diff --git a/packages/components/src/styles/_component.scss b/packages/components/src/styles/_component.scss
@@ -24,6 +24,11 @@ $placeholder-disabled: 0.68;
 		colors.$db-adaptive-on-bg-basic-emphasis-60-default;
 }
 
+%form-component-border {
+	border: variables.$db-border-height-3xs solid
+		colors.$db-adaptive-on-bg-basic-emphasis-70-default;
+}
+
 %default-interactive-component {
 	@extend %default-adaptive-border;
 

diff --git a/packages/components/src/styles/_form-components.scss b/packages/components/src/styles/_form-components.scss
@@ -301,7 +301,7 @@ $input-valid-types: "color", "date", "datetime-local", "email", "file",
 	#{$selector} {
 		@extend %db-overwrite-font-size-md;
 		@extend %default-interactive-component;
-		@extend %component-border;
+		@extend %form-component-border;
 
 		background-color: colors.$db-adaptive-bg-basic-transparent-semi-default;
 		caret-color: colors.$db-adaptive-on-bg-basic-emphasis-100-default;