fix: fixing dark/light theme select options issues (#20165)

uroslates · web-flow · commit c6cae26398c3 · 2025-04-12T14:02:34.000+02:00
Closes: https://jira.tools.sap/browse/CXSPA-9753
diff --git a/projects/storefrontstyles/scss/components/layout/header/_site-context-selector.scss b/projects/storefrontstyles/scss/components/layout/header/_site-context-selector.scss
@@ -67,9 +67,20 @@ $caretSize: 7px;
   @include cx-highContrastTheme {
     select {
       color: var(--cx-color-text);
+      option {
+        color: var(--cx-color-medium);
+      }
     }
     cx-icon {
       color: var(--cx-color-text);
     }
   }
+
+  @include cx-highContrastTheme-light {
+    select {
+      option {
+        color: var(--cx-color-dark);
+      }
+    }
+  }
 }
diff --git a/projects/storefrontstyles/scss/components/misc/site-theme-switcher/_site-theme-switcher.scss b/projects/storefrontstyles/scss/components/misc/site-theme-switcher/_site-theme-switcher.scss
@@ -67,9 +67,20 @@ $caretSize: 7px;
   @include cx-highContrastTheme {
     select {
       color: var(--cx-color-text);
+      option {
+        color: var(--cx-color-medium);
+      }
     }
     cx-icon {
       color: var(--cx-color-text);
     }
   }
+
+  @include cx-highContrastTheme-light {
+    select {
+      option {
+        color: var(--cx-color-dark);
+      }
+    }
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -67,9 +67,20 @@ $caretSize: 7px;`
`67`	`67`	`@include cx-highContrastTheme {`
`68`	`68`	`select {`
`69`	`69`	`color: var(--cx-color-text);`
	`70`	`+ option {`
	`71`	`+ color: var(--cx-color-medium);`
	`72`	`+ }`
`70`	`73`	`}`
`71`	`74`	`cx-icon {`
`72`	`75`	`color: var(--cx-color-text);`
`73`	`76`	`}`
`74`	`77`	`}`
	`78`	`+`
	`79`	`+ @include cx-highContrastTheme-light {`
	`80`	`+ select {`
	`81`	`+ option {`
	`82`	`+ color: var(--cx-color-dark);`
	`83`	`+ }`
	`84`	`+ }`
	`85`	`+ }`
`75`	`86`	`}`