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 - - -); + ); +};