Improving the color contrast of placeholder text

DSpace · Jan 17, 2025 · ac66bd6 · ac66bd6
1 parent 6dd61ca
commit ac66bd6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 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
@@ -8,6 +8,6 @@
       </span>
     </div>
   </div>
-  <small class="text-muted">{{'browse.startsWith.type_text' | translate}}</small>
+  <small>{{'browse.startsWith.type_text' | translate}}</small>
 </div>
 </form>
diff --git 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%);
-Original file line number
+Diff line change
@@ Expand Up / @@ -8,6 +8,6 @@ @@
           </span>
         </div>
       </div>
-      <small class="text-muted">{{'browse.startsWith.type_text' | translate}}</small>
+      <small>{{'browse.startsWith.type_text' | translate}}</small>
     </div>
     </form>