Remove grayscale filter from the docs (#1929)

Author: Andarist

site/src/components/DocWrapper.js

@@ -177,10 +177,7 @@ export default ({
                   'none',
                   'none',
                   `1px solid ${colors.lighten(0.25, colors.border)}`
-                ],
-                filter: 'grayscale(100%)',
-                // needed for the filter above, Chrome messed up layers without it
-                zIndex: 1
+                ]
               })}
             >
               <Search />
@@ -211,8 +208,7 @@ export default ({
                 ],
                 gridRow: 2,
                 gridColumn: ['1 / span 2', '1 / span 2', '1 / span 1'],
-                paddingRight: [0, 0, 0],
-                filter: 'grayscale(100%)'
+                paddingRight: [0, 0, 0]
               })}
             >
               {children}

site/src/components/SiteHeader.js

@@ -64,8 +64,7 @@ export default function SiteHeader() {
           paddingTop: 24,
           display: 'flex',
           alignItems: 'center',
-          paddingBottom: space[2],
-          filter: 'grayscale(100%)'
+          paddingBottom: space[2]
         }}
       >
         <Link

site/src/pages/404.js

@@ -7,14 +7,8 @@ const NotFoundPage = () => {
   const title = 'NOT FOUND'
   return (
     <Layout title={title}>
-      <div
-        css={{
-          filter: 'grayscale(100%)'
-        }}
-      >
-        <h1>{title}</h1>
-        <p>You just hit a route that doesn&#39;t exist... the sadness.😢</p>
-      </div>
+      <h1>{title}</h1>
+      <p>You just hit a route that doesn&#39;t exist... the sadness.😢</p>
     </Layout>
   )
 }

site/src/pages/community.js

@@ -16,8 +16,7 @@ const Community = (props: *) => {
     <Layout title={title}>
       <div
         css={mq({
-          gridColumn: '1 / span 2',
-          filter: 'grayscale(100%)'
+          gridColumn: '1 / span 2'
         })}
       >
         <div>