From 3e371d337627311f8198ff554e63f564552eee4f Mon Sep 17 00:00:00 2001
From: John Coburn <jcoburn@ebsco.com>
Date: Tue, 5 Dec 2023 16:03:30 -0600
Subject: [PATCH] remove color() function on ContactPersonItem.css

---
 CHANGELOG.md                                                    | 1 +
 .../ContactPerson/ContactPersonItem/ContactPersonItem.css       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6119fd95..a57c234f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,6 +9,7 @@
 * Modify summary display in organization view mode. Refs UIORGS-398.
 * Protection of viewing and changes of banking information by permissions. Refs UIORGS-388.
 * Search organization on bank account number. Refs UIORGS-392.
+* Factor away from unsupported `color()` function. Refs UIORGS-416.
 
 ## [5.0.0](https://github.com/folio-org/ui-organizations/tree/v5.0.0) (2023-10-12)
 [Full Changelog](https://github.com/folio-org/ui-organizations/compare/v4.0.0...v5.0.0)
diff --git a/src/ContactPeople/ContactPerson/ContactPersonItem/ContactPersonItem.css b/src/ContactPeople/ContactPerson/ContactPersonItem/ContactPersonItem.css
index 6d4db20b..d6c3282b 100644
--- a/src/ContactPeople/ContactPerson/ContactPersonItem/ContactPersonItem.css
+++ b/src/ContactPeople/ContactPerson/ContactPersonItem/ContactPersonItem.css
@@ -16,7 +16,7 @@
 
 .contactPersonItemContent {
   padding: 14px;
-  background-color: color(var(--bg) blend(var(--bg-hover) 20%));
+  background-color: color-mix(in oklch, var(--bg), var(--bg-hover) 20%);
   width: 100%;
 }