feat: Update icon gallery to work with dark mode

newrelic · Jun 30, 2020 · 2f0e1d5 · 2f0e1d5
1 parent 9ec6b23
commit 2f0e1d5
Showing 1 changed file with 12 additions and 3 deletions.
diff --git 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 {