From e26ee8ea1ea99e57774cff401dd7b7a424615322 Mon Sep 17 00:00:00 2001 From: deme Date: Wed, 19 Apr 2023 10:01:09 -0300 Subject: [PATCH] [#773,website][xs]: fix datopian logo in dark mode --- site/components/Layout.tsx | 10 ++++++++-- site/public/images/datopian-dark-logotype.svg | 1 + site/public/images/datopian-light-logotype.svg | 1 + 3 files changed, 10 insertions(+), 2 deletions(-) create mode 100644 site/public/images/datopian-dark-logotype.svg create mode 100644 site/public/images/datopian-light-logotype.svg diff --git a/site/components/Layout.tsx b/site/components/Layout.tsx index 9d1b9195..3c95e1ad 100644 --- a/site/components/Layout.tsx +++ b/site/components/Layout.tsx @@ -1,5 +1,6 @@ import { siteConfig } from '@/config/siteConfig'; import { NextSeo } from 'next-seo'; +import { useTheme } from 'next-themes'; import Link from 'next/link'; import { useCallback, useEffect, useState } from 'react'; @@ -58,6 +59,7 @@ export default function Layout({ tableOfContents?; }) { // const { toc } = children.props; + const { theme, setTheme } = useTheme(); const currentSection = useTableOfContents(tableOfContents); @@ -87,14 +89,18 @@ export default function Layout({ > Built by{' '} Datopian Logo {/** TABLE OF CONTENTS */} - {tableOfContents.length > 0 && (siteConfig.tableOfContents) && ( + {tableOfContents.length > 0 && siteConfig.tableOfContents && (