diff --git a/frontend/src/app/main/ui/alert.scss b/frontend/src/app/main/ui/alert.scss index fd7eee9a4..066381d19 100644 --- a/frontend/src/app/main/ui/alert.scss +++ b/frontend/src/app/main/ui/alert.scss @@ -26,10 +26,7 @@ .modal-content { @include titleTipography; margin-bottom: $s-24; - .modal-msg, - .modal-scd-msg, - .modal-hint, - .modal-subtitle { + .modal-hint { @include titleTipography; } } @@ -49,3 +46,11 @@ } } } + +.modal-scd-msg, +.modal-subtitle, +.modal-msg { + @include titleTipography; + color: var(--modal-text-foreground-color); + line-height: 1.5; +} diff --git a/frontend/src/app/main/ui/confirm.scss b/frontend/src/app/main/ui/confirm.scss index 94a4fe55a..7d01aff68 100644 --- a/frontend/src/app/main/ui/confirm.scss +++ b/frontend/src/app/main/ui/confirm.scss @@ -69,4 +69,5 @@ .modal-msg { @include titleTipography; color: var(--modal-text-foreground-color); + line-height: 1.5; } diff --git a/frontend/src/app/main/ui/dashboard/export.scss b/frontend/src/app/main/ui/dashboard/export.scss index 47a4888bd..6d092f167 100644 --- a/frontend/src/app/main/ui/dashboard/export.scss +++ b/frontend/src/app/main/ui/dashboard/export.scss @@ -25,11 +25,6 @@ .modal-content { @include titleTipography; margin-bottom: $s-24; - .modal-msg, - .modal-scd-msg, - .modal-subtitle { - @include titleTipography; - } .export-option { @extend .input-checkbox; width: 100%; @@ -68,6 +63,14 @@ } } +.modal-scd-msg, +.modal-subtitle, +.modal-msg { + @include titleTipography; + color: var(--modal-text-foreground-color); + line-height: 1.5; +} + .file-entry { .file-name { @include flexRow; diff --git a/frontend/src/app/main/ui/dashboard/import.scss b/frontend/src/app/main/ui/dashboard/import.scss index a8c8baf22..3ed738462 100644 --- a/frontend/src/app/main/ui/dashboard/import.scss +++ b/frontend/src/app/main/ui/dashboard/import.scss @@ -26,11 +26,6 @@ .modal-content { @include titleTipography; margin-bottom: $s-24; - .modal-msg, - .modal-scd-msg, - .modal-subtitle { - @include titleTipography; - } .feedback-banner { @include flexRow; height: $s-32; @@ -79,6 +74,14 @@ } } +.modal-scd-msg, +.modal-subtitle, +.modal-msg { + @include titleTipography; + color: var(--modal-text-foreground-color); + line-height: 1.5; +} + .file-entry { .file-name { @include flexRow; diff --git a/frontend/src/app/main/ui/delete_shared.scss b/frontend/src/app/main/ui/delete_shared.scss index 17c2531a7..caa20bdcb 100644 --- a/frontend/src/app/main/ui/delete_shared.scss +++ b/frontend/src/app/main/ui/delete_shared.scss @@ -26,11 +26,6 @@ .modal-content { @include titleTipography; margin-bottom: $s-24; - .modal-msg, - .modal-scd-msg, - .modal-subtitle { - @include titleTipography; - } .modal-hint { @extend .modal-hint-base; } @@ -57,3 +52,11 @@ } } } + +.modal-scd-msg, +.modal-subtitle, +.modal-msg { + @include titleTipography; + color: var(--modal-text-foreground-color); + line-height: 1.5; +} diff --git a/frontend/src/app/main/ui/export.scss b/frontend/src/app/main/ui/export.scss index 01a15889a..a14f40908 100644 --- a/frontend/src/app/main/ui/export.scss +++ b/frontend/src/app/main/ui/export.scss @@ -89,10 +89,7 @@ .no-selection { @include titleTipography; margin-bottom: $s-24; - .modal-msg, - .modal-scd-msg, - .modal-hint, - .modal-subtitle { + .modal-hint { @include titleTipography; color: var(--modal-text-foreground-color); } @@ -223,3 +220,11 @@ } } } + +.modal-scd-msg, +.modal-subtitle, +.modal-msg { + @include titleTipography; + color: var(--modal-text-foreground-color); + line-height: 1.5; +} diff --git a/frontend/src/app/main/ui/workspace/nudge.scss b/frontend/src/app/main/ui/workspace/nudge.scss index 042f64c2f..ff8f775a2 100644 --- a/frontend/src/app/main/ui/workspace/nudge.scss +++ b/frontend/src/app/main/ui/workspace/nudge.scss @@ -28,9 +28,6 @@ gap: $s-24; @include titleTipography; margin-bottom: $s-24; - .modal-msg { - @include titleTipography; - } .input-wrapper { @extend .input-with-label; label { @@ -40,3 +37,9 @@ } } } + +.modal-msg { + @include titleTipography; + color: var(--modal-text-foreground-color); + line-height: 1.5; +}