[docs] Improve icon preview color contrast

mui · Oct 10, 2020 · 9df2c24 · 9df2c24
1 parent 9f303a4
commit 9df2c24
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/docs/src/pages/components/material-icons/SearchIcons.js b/docs/src/pages/components/material-icons/SearchIcons.js
@@ -164,12 +164,13 @@ const useDialogStyles = makeStyles((theme) => ({
   canvas: {
     fontSize: 210,
     marginTop: theme.spacing(2),
-    color: theme.palette.primary.dark,
+    color: theme.palette.text.primary,
     backgroundSize: '30px 30px',
-    backgroundColor: '#fff',
+    backgroundColor: 'transparent',
     backgroundPosition: '0 0, 0 15px, 15px -15px, -15px 0',
-    backgroundImage:
-      'linear-gradient(45deg, #f4f4f4 25%, transparent 25%), linear-gradient(-45deg, #f4f4f4 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f4f4f4 75%), linear-gradient(-45deg, transparent 75%, #f4f4f4 75%)',
+    backgroundImage: theme.palette.mode === 'light' ?
+      'linear-gradient(45deg, #e6e6e6 25%, transparent 25%), linear-gradient(-45deg, #e6e6e6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e6e6e6 75%), linear-gradient(-45deg, transparent 75%, #e6e6e6 75%)'
+      : 'linear-gradient(45deg, #595959 25%, transparent 25%), linear-gradient(-45deg, #595959 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #595959 75%), linear-gradient(-45deg, transparent 75%, #595959 75%)',
   },
   fontSize: {
     margin: theme.spacing(2),