From ac66bd6ef40d9fa44112c3c79f47dbfd34697b0a Mon Sep 17 00:00:00 2001 From: root Date: Fri, 17 Jan 2025 10:51:58 -0300 Subject: [PATCH] Improving the color contrast of placeholder text --- .../shared/starts-with/text/starts-with-text.component.html | 2 +- src/styles/_global-styles.scss | 5 ++++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/app/shared/starts-with/text/starts-with-text.component.html b/src/app/shared/starts-with/text/starts-with-text.component.html index edbd1f1960d..f8adb5ff130 100644 --- a/src/app/shared/starts-with/text/starts-with-text.component.html +++ b/src/app/shared/starts-with/text/starts-with-text.component.html @@ -8,6 +8,6 @@ - {{'browse.startsWith.type_text' | translate}} + {{'browse.startsWith.type_text' | translate}} diff --git a/src/styles/_global-styles.scss b/src/styles/_global-styles.scss index 4934ec3d350..4aeca7de1eb 100644 --- a/src/styles/_global-styles.scss +++ b/src/styles/_global-styles.scss @@ -445,9 +445,12 @@ ngb-accordion { } .form-control, .page-link { - &:disabled::placeholder { + &:disabled { color: lighten($gray-700, 10%); } + &::placeholder { + color: $gray-700; + } &:focus { box-shadow: none; outline: 2px solid lighten($gray-700, 10%);