Index: lams_central/web/css/components.scss
===================================================================
diff -u -rf0206ca043e253b03bc1b6f99b345bbfe4b85dd2 -rcd85873cc4af144f711fc35b12d0821e55d34e25
--- lams_central/web/css/components.scss	(.../components.scss)	(revision f0206ca043e253b03bc1b6f99b345bbfe4b85dd2)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision cd85873cc4af144f711fc35b12d0821e55d34e25)
@@ -217,27 +217,27 @@
 }
 
 body.component .portrait-color-0 {
-  color: black;
+  color: $portrait-color-0;
 }
 
 body.component .portrait-color-1 {
-  color: var(--bs-red);
+  color: $portrait-color-1;
 }
 
 body.component .portrait-color-2 {
-  color: var(--bs-yellow);
+  color: $portrait-color-2;
 }
 
 body.component .portrait-color-3 {
-  color: var(--bs-gray);
+  color: $portrait-color-3;
 }
 
 body.component .portrait-color-4 {
-  color: var(--bs-green);
+  color: $portrait-color-4;
 }
 
 body.component .portrait-color-5 {
-  color: var(--bs-blue);
+  color: $portrait-color-5;
 }
 
 /* lineheight setting to use on the name if it is next to portrait, as generated by the Portrait tag. e.g. in Peer Review*/
@@ -253,7 +253,7 @@
 }
 
 body.component .portrait-generic-sm:before {
-  content: "\f2be";
+  content: "\f2bd";
   font-family: FontAwesome;
   font-style: normal;
   font-size: 35px;
@@ -268,7 +268,7 @@
 }
 
 body.component .portrait-generic-md:before {
-  content: "\f2be";
+  content: "\f2bd";
   font-family: FontAwesome;
   font-style: normal;
   font-size: 80px;
@@ -283,7 +283,7 @@
 }
 
 body.component .portrait-generic-lg:before {
-  content: "\f2be";
+  content: "\f2bd";
   font-family: FontAwesome;
   font-style: normal;
   font-size: 200px;
@@ -1796,4 +1796,4 @@
 .gate-opened-icon {
 	cursor: pointer;
 }
-*/
\ No newline at end of file
+*/