From ef55e2167415e03fcfa7229e86cfb6677b0eca81 Mon Sep 17 00:00:00 2001 From: Stephen Zhou Date: Fri, 5 Jan 2024 12:26:47 +0800 Subject: [PATCH] feat: logo for dark mode (#1232) * feat: logo for dark mode * chore: fix background color in dev --- public/assets/logo.svg | 16 +++++++++++++--- src/app/[locale]/layout.tsx | 2 +- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/public/assets/logo.svg b/public/assets/logo.svg index fa2264fe81..151a2148b2 100644 --- a/public/assets/logo.svg +++ b/public/assets/logo.svg @@ -5,6 +5,16 @@ .cls-1 { fill: url(#gradient3); } + + .cls-2 { + fill: #000; + } + + @media (prefers-color-scheme: dark) { + .cls-2 { + fill: #fff; + } + } @@ -13,10 +23,10 @@ - - + + - + \ No newline at end of file diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx index c21f5dbbad..565f064fe2 100644 --- a/src/app/[locale]/layout.tsx +++ b/src/app/[locale]/layout.tsx @@ -137,7 +137,7 @@ export default async function RootLayout({ - +