fix(form elements): colors (#5526)

* fix(form elements): colors

* refactor: simplified CSS logic

Author: mfranzke

.changeset/fluffy-balloons-peel.md

@@ -0,0 +1,9 @@
+---
+"@db-ux/core-components": patch
+"@db-ux/ngx-core-components": patch
+"@db-ux/react-core-components": patch
+"@db-ux/wc-core-components": patch
+"@db-ux/v-core-components": patch
+---
+
+fix(form elements): `valid` background- and border-colors

packages/components/src/styles/internal/_form-components.scss

@@ -101,15 +101,15 @@ $db-min-inline-size: var(
 
 @mixin set-floating-label-overwrites($selector) {
 	&[data-variant="floating"] {
-		@include get-validity($selector) {
+		@include get-validity($selector, "valid") {
 			label {
-				color: var(--db-successful-on-bg-basic-emphasis-80-default);
+				color: var(--db-successful-on-bg-basic-emphasis-90-default);
 			}
 		}
 
 		@include get-validity($selector, "invalid") {
 			label {
-				color: var(--db-critical-on-bg-basic-emphasis-80-default);
+				color: var(--db-critical-on-bg-basic-emphasis-90-default);
 			}
 		}
 
@@ -376,13 +376,8 @@ $input-valid-types:
 
 	@include set-floating-label-overwrites($selector);
 
-	@include get-validity($selector) {
-		&:has(
-			> .db-infotext[data-semantic="successful"],
-			> db-infotext > .db-infotext[data-semantic="successful"]
-		) {
-			@include get-validity-color($selector, "valid");
-		}
+	@include get-validity($selector, "valid") {
+		@include get-validity-color($selector, "valid");
 	}
 
 	@include get-validity($selector, "invalid") {