diff --git a/src/components/Button.module.scss b/src/components/Button.module.scss
index 9771924da..b19fa5381 100644
--- 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
index 3414892fb..ab40c67fd 100644
--- 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
index 5888ae49f..5c978d681 100644
--- 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);