From 3ee1d3e8e4fcb4a8176f13af21ccbdbd65460a9f Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 3 Sep 2021 11:53:25 +0100
Subject: [PATCH] Add custom theming to icons

---
 packages/bbui/src/Icon/Icon.svelte                       | 2 +-
 packages/client/src/components/CustomThemeWrapper.svelte | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/bbui/src/Icon/Icon.svelte b/packages/bbui/src/Icon/Icon.svelte
index ffaa99cb79..2f39fde0d9 100644
--- a/packages/bbui/src/Icon/Icon.svelte
+++ b/packages/bbui/src/Icon/Icon.svelte
@@ -36,7 +36,7 @@
     transition: color var(--spectrum-global-animation-duration-100, 130ms);
   }
   svg.hoverable:hover {
-    color: var(--spectrum-alias-icon-color-selected);
+    color: var(--spectrum-alias-icon-color-selected-hover);
     cursor: pointer;
   }
 
diff --git a/packages/client/src/components/CustomThemeWrapper.svelte b/packages/client/src/components/CustomThemeWrapper.svelte
index e56247f88c..c96dfb4c79 100644
--- a/packages/client/src/components/CustomThemeWrapper.svelte
+++ b/packages/client/src/components/CustomThemeWrapper.svelte
@@ -48,6 +48,7 @@
 
     /* Icons */
     --spectrum-alias-icon-color-selected: var(--primaryColor);
+    --spectrum-alias-icon-color-selected-hover: var(--primaryColorHover);
 
     /* Links */
     --spectrum-link-primary-m-text-color: var(--primaryColor);