Add custom theming to icons

5 years ago · 3ee1d3e8e4
2 changed files with 2 additions and 1 deletions
--- 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;
  }

--- 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);