Fix Copyable more button color

MetaMask · Oct 3, 2024 · db28850 · db28850
1 parent 874f704
commit db28850
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/ui/components/app/snaps/copyable/index.scss b/ui/components/app/snaps/copyable/index.scss
@@ -3,15 +3,15 @@
   transition: background-color background 0.2s;
 
   & .show-more__button {
-    background: linear-gradient(90deg, transparent 0%, var(--color-background-primary-muted) 33%);
+    background: linear-gradient(90deg, transparent 0%, var(--color-primary-muted) 33%);
   }
 
   &:hover {
     background-color: var(--color-primary-muted);
     color: var(--color-primary-default) !important;
 
     & .show-more__button {
-      background: linear-gradient(90deg, transparent 0%, var(--color-background-primary-muted) 33%);
+      background: linear-gradient(90deg, transparent 0%, var(--color-primary-muted) 33%);
     }
 
     p,
@@ -31,14 +31,14 @@
     opacity: 0.75;
 
     & .show-more__button {
-      background: linear-gradient(90deg, transparent 0%, var(--color-background-primary-muted) 33%);
+      background: linear-gradient(90deg, transparent 0%, var(--color-primary-muted) 33%);
     }
 
     &:hover {
       background-color: var(--color-primary-muted);
 
       & .show-more__button {
-        background: linear-gradient(90deg, transparent 0%, var(--color-background-primary-muted) 33%);
+        background: linear-gradient(90deg, transparent 0%, var(--color-primary-muted) 33%);
       }
     }
   }

diff --git a/ui/components/app/snaps/show-more/show-more.js b/ui/components/app/snaps/show-more/show-more.js
@@ -41,7 +41,7 @@ export const ShowMore = ({ children, className = '', ...props }) => {
             bottom: 0,
             right: 0,
             // Avoids see-through with muted colors
-            background: `linear-gradient(90deg, transparent 0%, var(--color-${BackgroundColor.backgroundDefault}) 33%)`,
+            background: `linear-gradient(90deg, transparent 0%, var(--color-${BackgroundColor.backgroundAlternative}) 33%)`,
           }}
         >
           <Button