Color for placeholder text for File question (#6775)

Fixed surveyjs/private-tasks#270 Co-authored-by: Aleksey Novikov <[email protected]>
surveyjs · Aug 24, 2023 · 09d1736 · 09d1736
1 parent 7cb458a
commit 09d1736
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/src/defaultV2-theme/blocks/sd-file.scss b/src/defaultV2-theme/blocks/sd-file.scss
@@ -61,7 +61,7 @@
   text-align: center;
   word-break: break-word;
   white-space: normal;
-  color: $foreground-light;
+  color: $font-questionplaceholder-color;
   font-size: $font-editorfont-size;
   line-height: multiply(1.5, $font-editorfont-size);
 }

diff --git a/src/defaultV2-theme/blocks/sd-question.scss b/src/defaultV2-theme/blocks/sd-question.scss
@@ -163,7 +163,7 @@
   min-height: calcSize(24);
   font-size: $font-editorfont-size;
   line-height: multiply(1.5, $font-editorfont-size);
-  color: $foreground-light;
+  color: $font-questionplaceholder-color;
 
   &>div,
   &>span {

diff --git a/src/defaultV2-theme/blocks/sd-signaturepad.scss b/src/defaultV2-theme/blocks/sd-signaturepad.scss
@@ -1,5 +1,5 @@
 .sjs_sp_placeholder {
-    color: $foreground-light;
+    color: $font-questionplaceholder-color;
     font-size: $font-editorfont-size;
     line-height: multiply(1.5, $font-editorfont-size);
 }

diff --git a/src/defaultV2-theme/variables.scss b/src/defaultV2-theme/variables.scss
@@ -92,6 +92,10 @@ $font-questiondescription-color: var(
   var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))
 );
 $font-questiondescription-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, $font-size)));
+$font-questionplaceholder-color: var(
+  --sjs-font-questiondescription-color,
+  var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))
+);
 
 $font-editorfont-family: var(--sjs-font-editorfont-family, var(--font-family));
 $font-editorfont-weight: var(--sjs-font-editorfont-weight, 400);