Use different NTP tile bg color based on theme

fix: brave/brave-browser#14453
brave · Mar 24, 2021 · c08cf3f · c08cf3f
1 parent ab319bf
commit c08cf3f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/brave_new_tab_ui/components/default/gridSites/index.ts b/components/brave_new_tab_ui/components/default/gridSites/index.ts
@@ -183,14 +183,18 @@ export const TileAction = styled('button')<{}>`
 `
 
 export const TileFavicon = styled('img')<{}>`
-  background-color: #ffffff;
   display: block;
   padding: 16px;
   width: 70px;
   height: 70px;
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
   border-radius: 8px;
   object-fit: contain;
+
+  background: ${p => p.theme.palette.white};
+  @media (prefers-color-scheme: dark) {
+    background: ${p => p.theme.palette.black};
+  }
 `
 
 interface TileProps {