fix: ssr render svg color mode

ccontrols · Apr 4, 2021 · abe5074 · abe5074
1 parent 28b7430
commit abe5074
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/examples/stories/src/pages/media/gatsby-logo.tsx b/examples/stories/src/pages/media/gatsby-logo.tsx
@@ -49,7 +49,7 @@ export const GatsbyLogo: FC = () => {
   return (
     <div sx={{ margin: ['10px auto', 'auto 30px', 'auto 50px', 'auto 80px'] }}>
       <a href="/tutorial/getting-started/gatsby">
-        {colorMode === 'light' ? <LightLogo /> : <DarkLogo />}
+        {colorMode === 'dark' ? <DarkLogo /> : <LightLogo />}
       </a>
     </div>
   );

diff --git a/examples/stories/src/pages/media/nextjs-logo.tsx b/examples/stories/src/pages/media/nextjs-logo.tsx
@@ -84,7 +84,7 @@ export const NextjsLogo: FC = () => {
   return (
     <div sx={{ margin: ['10px auto', 'auto 30px', 'auto 50px', 'auto 80px'] }}>
       <a href="/tutorial/getting-started/nextjs" style={{ margin: 'auto' }}>
-        {colorMode === 'light' ? <LightLogo /> : <DarkLogo />}
+        {colorMode === 'dark' ? <DarkLogo /> : <LightLogo />}
       </a>
     </div>
   );

diff --git a/examples/stories/src/pages/media/webpack-logo.tsx b/examples/stories/src/pages/media/webpack-logo.tsx
@@ -60,7 +60,7 @@ export const WebpackLogo: FC = () => {
   return (
     <div sx={{ margin: ['10px auto', 'auto 30px', 'auto 50px', 'auto 80px'] }}>
       <a href="/tutorial/getting-started/webpack">
-        {colorMode === 'light' ? <LightLogo /> : <DarkLogo />}
+        {colorMode === 'dark' ? <DarkLogo /> : <LightLogo />}
       </a>
     </div>
   );