From 2f0e1d55e13191a1002ad5301f075ce2ba039f5d Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 30 Jun 2020 15:49:49 -0700
Subject: [PATCH] feat: Update icon gallery to work with dark mode

---
 src/components/IconReference.module.scss | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/IconReference.module.scss b/src/components/IconReference.module.scss
index 48d40bae9..20c578c66 100644
--- a/src/components/IconReference.module.scss
+++ b/src/components/IconReference.module.scss
@@ -1,16 +1,20 @@
 .button {
   border: 1px solid transparent;
-  background: var(--color-white);
+  background: var(--primary-background-color);
   border-radius: 4px;
   text-align: center;
   padding: 1rem;
   position: relative;
   transition: all 0.3s;
 
+  &:focus {
+    outline: none;
+  }
+
   &:hover {
     cursor: pointer;
-    border: 1px solid var(--color-neutrals-200);
-    box-shadow: 0 2px 6px 0 rgba(22, 38, 59, 0.14);
+    border: 1px solid var(--border-color);
+    box-shadow: var(--boxshadow);
     z-index: 1;
 
     .iconName {
@@ -20,8 +24,13 @@
 }
 
 .icon {
+  color: var(--primary-text-color);
   display: inline-block;
   width: 100%;
+
+  > svg {
+    fill: currentColor;
+  }
 }
 
 .iconName {