app: Adjust the example background for light text

evanpurkhiser · Nov 19, 2020 · 3500794 · 3500794 · vercel · Nov 19, 2020
1 parent 4b0de2f
commit 3500794
Showing 1 changed file with 6 additions and 18 deletions.
diff --git a/src/renderer/views/overlayConfig/components/Example.tsx b/src/renderer/views/overlayConfig/components/Example.tsx
@@ -5,24 +5,12 @@ const Example = styled('div')`
   padding: 1.5rem;
   border: 1px solid #eee;
   border-radius: 0 0 3px 3px;
-  background-size: 2rem 2rem;
-  background-position: 0 0, 1rem 1rem;
-  background-image: linear-gradient(
-      45deg,
-      #f2f2f2 25%,
-      transparent 25%,
-      transparent 75%,
-      #f2f2f2 75%,
-      #f2f2f2
-    ),
-    linear-gradient(
-      45deg,
-      #f2f2f2 25%,
-      transparent 25%,
-      transparent 75%,
-      #f2f2f2 75%,
-      #f2f2f2
-    );
+  background-size: 20px 20px;
+  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
+  background-image: linear-gradient(45deg, #434343 25%, transparent 25%),
+    linear-gradient(-45deg, #434343 25%, transparent 25%),
+    linear-gradient(45deg, transparent 75%, #434343 75%),
+    linear-gradient(-45deg, #484848 75%, #434343 75%);
 `;
 
 export default Example;