added dark mode for reference

2022-04-22 15:33:49 +03:00
parent 5fbfa2a438
commit c1afef4641
26 changed files with 239 additions and 52 deletions
--- a/www/reference/src/components/icons/github.js
+++ b/www/reference/src/components/icons/github.js
@@ -1,15 +1,17 @@
 import { Image } from "@theme-ui/components"
-import React from "react"
-
 import Logo from "../../assets/github.svg"
+import LogoLight from "../../assets/github-light.svg"
+import React from "react"
+import { useColorMode } from 'theme-ui'

 const GitHub = () => {
+  const [colorMode, setColorMode] = useColorMode()
+
  return (
    <Image
-      src={Logo}
+      src={colorMode == 'light' ? Logo : LogoLight}
      sx={{
-        height: "20px",
-        fill: "#000",
+        height: "24px",
      }}
    />
  )