feat: Update buttons to handle dark mode

newrelic · Jun 30, 2020 · 7557666 · 7557666
1 parent f1c0b32
commit 7557666
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 5 deletions.
diff --git a/src/components/Button.module.scss b/src/components/Button.module.scss
@@ -14,7 +14,7 @@
 }
 
 .primary {
-  color: #fff;
+  color: var(--color-white);
   border-color: var(--color-brand-800);
   background-color: var(--color-brand-800);
 }
@@ -23,10 +23,20 @@
   color: var(--color-neutrals-800);
   border-color: var(--color-neutrals-100);
   background-color: var(--color-neutrals-100);
+
+  :global(.dark-mode) & {
+    color: var(--color-white);
+    border-color: var(--color-dark-100);
+    background-color: var(--color-dark-100);
+  }
 }
 
 .plain {
   color: var(--color-brand-800);
   border-color: transparent;
   background-color: transparent;
+
+  :global(.dark-mode) & {
+    color: var(--color-brand-400);
+  }
 }
diff --git a/src/components/CodeSnippet.module.scss b/src/components/CodeSnippet.module.scss
@@ -51,9 +51,6 @@
 
 .copyButton {
   font-size: 0.75rem;
-  color: var(--link-color);
-  background: none;
-  border: none;
   outline: none;
 }
 

diff --git a/src/theme.scss b/src/theme.scss
@@ -1,7 +1,6 @@
 .light-mode {
   --primary-background: var(--color-white);
   --primary-text-color: var(--color-neutrals-700);
-  --primary-button-background-color: var(--color-brand-800);
   --primary-surface-background-color: var(--color-white);
 
   --secondary-background-color: var(--color-neutrals-100);