src/app/manageStakeholders/manageStakeholders.component.html

@@ -61,7 +61,7 @@
 
 <ng-template #stakeholderBox let-stakeholder="stakeholder">
   <div *ngIf="stakeholder">
-    <div class="uk-card uk-card-default uk-card-body uk-position-relative">
+    <div class="uk-card uk-card-default uk-card-body uk-position-relative" [ngClass]="stakeholder.type">
       <div class="uk-position-top-right uk-margin-small-right uk-margin-small-top">
         <a class="uk-link-reset uk-flex uk-flex-middle">
           <icon [flex]="true" [name]="stakeholderUtils.visibilityIcon.get(stakeholder.visibility)" ratio="0.6"></icon>

src/app/manageStakeholders/manageStakeholders.component.less

@@ -0,0 +1,23 @@
+@import (reference) "~src/assets/openaire-theme/less/color.less";
+
+.setType(@color) {
+  border-bottom: 4px solid fade(@color, 30%);
+
+  & .type {
+    color: @color;
+  }
+}
+
+.uk-card {
+  &.funder {
+    .setType(@funder-color);
+  }
+
+  &.ri {
+    .setType(@ri-color);
+  }
+
+  &.organization {
+    .setType(@organization-color);
+  }
+}

src/app/manageStakeholders/manageStakeholders.component.ts

@@ -20,7 +20,8 @@ declare var UIkit;
 
 @Component({
   selector: 'home',
-  templateUrl: "./manageStakeholders.component.html"
+  templateUrl: "./manageStakeholders.component.html",
+  styleUrls: ["./manageStakeholders.component.less"]
 })
 export class ManageStakeholdersComponent implements OnInit, OnDestroy {