bug(ui): colors of the accessRights should be different

there was only one color for the accessRights: the open access color.
now every type has his own color.

invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/search/components.js

@@ -116,7 +116,7 @@ const Footer = ({subjects, createdDate, accessRight}) => {
         )}
       </div>
       <div className="right floated column">
-        <span className="access-right">
+        <span className={`ui access-right ${accessRight.category}`}>
           <i className={`icon ${accessRight.icon}`}></i>
           {accessRight.type}
         </span>

invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/search.less

@@ -26,3 +26,20 @@
 .identifiers {
   display: inline;
 }
+
+.ui.access-right {
+  color: #FFFFFF;
+
+  &.open {
+    color: @accessRightOpen;
+  }
+  &.restricted {
+    color: @accessRightRestricted;
+  }
+  &.embargoed {
+    color: @accessRightEmbargoed;
+  }
+  &.closed {
+    color: @accessRightClosed;
+  }
+}

invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less

@@ -14,4 +14,9 @@
 //@import "../invenio_app_rdm/variables.less";
 
 //@navbar_background_image: unset;
-//@navbar_background_color: #ffffff;
+//@navbar_background_color: #ffffff;
+
+@accessRightOpen: #e9711c;
+@accessRightRestricted: #fbbd08;
+@accessRightEmbargoed: #db2828;
+@accessRightClosed: #db2828;