[ENG-9837], [ENG-9081] Links contrast issues

src/app/features/preprints/pages/landing/preprints-landing.component.html

@@ -25,7 +25,7 @@ <h1>{{ 'preprints.title' | translate }}</h1>
     } @else {
       <div [innerHTML]="osfPreprintProvider()?.descriptionHtml"></div>
     }
-    <a class="font-bold" routerLink="/preprints">{{ 'preprints.poweredBy' | translate }}</a>
+    <a class="dark-blue-two-link font-bold" routerLink="/preprints">{{ 'preprints.poweredBy' | translate }}</a>
   </div>
 
   <osf-search-input
@@ -39,7 +39,7 @@ <h1>{{ 'preprints.title' | translate }}</h1>
     <p-skeleton width="10%" height="1rem" />
   } @else if (osfPreprintProvider()!.examplePreprintId) {
     <a
-      class="font-bold"
+      class="dark-blue-two-link font-bold"
       [routerLink]="['/preprints', osfPreprintProvider()!.id, osfPreprintProvider()!.examplePreprintId]"
       >{{ 'preprints.showExample' | translate }}
     </a>

src/app/features/preprints/pages/landing/preprints-landing.component.scss

@@ -8,6 +8,10 @@
 
   .provider-description {
     line-height: 1.5rem;
+
+    a {
+      font-weight: bold;
+    }
   }
 }
 

src/app/features/profile/components/profile-information/profile-information.component.html

@@ -17,15 +17,15 @@ <h1>{{ currentUser()?.fullName }}</h1>
         @if (currentUser()?.social?.orcid) {
           <div class="flex flex-row align-items-center gap-2">
             <img ngSrc="assets/icons/colored/orcid.svg" width="16" height="16" alt="orcid" />
-            <a class="font-bold" [href]="'https://orcid.org/' + currentUser()?.social?.orcid">
+            <a class="dark-blue-two-link font-bold" [href]="'https://orcid.org/' + currentUser()?.social?.orcid">
               https://orcid.org/{{ currentUser()?.social?.orcid }}
             </a>
           </div>
         }
 
         <div class="flex flex-row align-items-center gap-2">
           <img ngSrc="assets/icons/colored/cos-shield.svg" width="16" height="16" alt="cos-shield" />
-          <a class="font-bold" [href]="currentUser()?.link">{{ currentUser()?.link }}</a>
+          <a class="dark-blue-two-link font-bold" [href]="currentUser()?.link">{{ currentUser()?.link }}</a>
         </div>
       </div>
 

src/assets/i18n/en.json

@@ -1469,7 +1469,8 @@
       "pendingWithdrawal": "Pending Withdrawal",
       "approved": "Approved",
       "declined": "Declined",
-      "inProgress": "In Progress"
+      "inProgress": "In Progress",
+      "removed": "Removed"
     },
     "makeDecision": {
       "header": "Make decision",
@@ -2840,7 +2841,7 @@
   },
   "institutions": {
     "title": "Institutions",
-    "description": "OSF Institutions enhances transparency and increases the visibility of research outputs, accelerating discovery and reuse. Institutional members focus on generating and sharing research, and let OSF Institutions handle the infrastructure. <br /> <a class='font-bold' href='https://www.cos.io/products/osf-institutions' target='_blank'>Read more</a>",
+    "description": "OSF Institutions enhances transparency and increases the visibility of research outputs, accelerating discovery and reuse. Institutional members focus on generating and sharing research, and let OSF Institutions handle the infrastructure. <br /> <a class='dark-blue-two-link font-bold' href='https://www.cos.io/products/osf-institutions' target='_blank'>Read more</a>",
     "searchInstitutions": "Search institutions",
     "searchInstitutionsDesctiption": "Please select an institution to apply to your search. Only OSF Institutions member affiliations are discoverable. ",
     "learnMore": "Learn more about OSF Institutions."

src/styles/_common.scss

@@ -145,6 +145,10 @@
   color: var(--dark-blue-1);
 }
 
+.dark-blue-two-link {
+  color: var(--dark-blue-2);
+}
+
 .provider-description {
   a:hover {
     color: var(--branding-primary-color);