Merge pull request #6755 from surveyjs/placeholder-color-variable

add placeholder color variable
surveyjs · Aug 21, 2023 · a2f683d · a2f683d
2 parents e842725 + d37da57
commit a2f683d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/defaultV2-theme/blocks/sd-dropdown.scss b/src/defaultV2-theme/blocks/sd-dropdown.scss
@@ -112,7 +112,7 @@
 }
 
 .sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {
-  color: $foreground-light;
+  color: $font-editorfont-placeholdercolor;
 }
 
 .sd-dropdown__filter-string-input::placeholder {
@@ -127,7 +127,7 @@
 }
 
 .sd-dropdown__hint-prefix {
-  color: $foreground-light;
+  color: $font-editorfont-placeholdercolor;
 
   span {
     white-space: pre;
@@ -136,7 +136,7 @@
 
 .sd-dropdown__hint-suffix {
   display: flex;
-  color: $foreground-light;
+  color: $font-editorfont-placeholdercolor;
 
   span {
     white-space: pre;

diff --git a/src/defaultV2-theme/blocks/sd-input.scss b/src/defaultV2-theme/blocks/sd-input.scss
@@ -31,7 +31,7 @@
 }
 
 .sd-input::placeholder {
-  color: $foreground-light;
+  color: $font-editorfont-placeholdercolor;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;

diff --git a/src/defaultV2-theme/variables.scss b/src/defaultV2-theme/variables.scss
@@ -96,6 +96,7 @@ $font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1
 $font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));
 $font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);
 $font-editorfont-color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
+$font-editorfont-placeholdercolor: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
 $font-editorfont-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, $font-size)));
 $base-unit: var(--sjs-base-unit, var(--base-unit, 8px));