diff --git a/src/defaultV2-theme/blocks/sd-file.scss b/src/defaultV2-theme/blocks/sd-file.scss index 2ec72f6009..51a4f2e1ff 100644 --- 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 index 5f454754dc..cd9e301b05 100644 --- 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 index 5db85aa626..3b49ec6b91 100644 --- 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 index 81d0c5c622..1c5034e20b 100644 --- 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);