From a6a29461bc279d4d5ad669c25330cc10a4f7655f Mon Sep 17 00:00:00 2001 From: KartoffelChips <104089082+KartoffelChipss@users.noreply.github.com> Date: Sun, 5 Apr 2026 18:13:16 +0200 Subject: [PATCH] Added logo --- frontend/public/logo-dark.svg | 26 +++++++++++++++++++++++ frontend/public/logo-light.svg | 28 +++++++++++++++++++++++++ frontend/src/components/logo.tsx | 36 ++++++++++++++++---------------- 3 files changed, 72 insertions(+), 18 deletions(-) create mode 100644 frontend/public/logo-dark.svg create mode 100644 frontend/public/logo-light.svg diff --git a/frontend/public/logo-dark.svg b/frontend/public/logo-dark.svg new file mode 100644 index 0000000..77b5c18 --- /dev/null +++ b/frontend/public/logo-dark.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/public/logo-light.svg b/frontend/public/logo-light.svg new file mode 100644 index 0000000..d90f8c3 --- /dev/null +++ b/frontend/public/logo-light.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/src/components/logo.tsx b/frontend/src/components/logo.tsx index 0a8946f..5f04a57 100644 --- a/frontend/src/components/logo.tsx +++ b/frontend/src/components/logo.tsx @@ -1,19 +1,19 @@ -export const Logo = () => ( - - { + const { theme } = useTheme(); + const effectiveTheme = + theme === 'system' + ? window.matchMedia('(prefers-color-scheme: dark)').matches + ? 'dark' + : 'light' + : theme; + + return ( + Quay Logo - - -); + ); +};