From ccfde55f4575f32899813dd19f39886adaaa1fcb Mon Sep 17 00:00:00 2001
From: Christoph Ladurner <christoph.ladurner@tugraz.at>
Date: Thu, 7 Jan 2021 22:46:17 +0100
Subject: [PATCH] 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/search/components.js   |  2 +-
 .../less/invenio_theme_tugraz/search.less       | 17 +++++++++++++++++
 .../less/invenio_theme_tugraz/variables.less    |  7 ++++++-
 3 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/search/components.js b/invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/search/components.js
index 0f1fee7..b854739 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/js/invenio_theme_tugraz/search/components.js
+++ b/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>
diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/search.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/search.less
index 98ce0f7..7bd3130 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/search.less
+++ b/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;
+  }
+}
diff --git a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less b/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less
index 0208aaa..53eef00 100644
--- a/invenio_theme_tugraz/assets/semantic-ui/less/invenio_theme_tugraz/variables.less
+++ b/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;
\ No newline at end of file
+//@navbar_background_color: #ffffff;
+
+@accessRightOpen: #e9711c;
+@accessRightRestricted: #fbbd08;
+@accessRightEmbargoed: #db2828;
+@accessRightClosed: #db2828;