diff --git a/src/assets/logo-dark.svg b/src/assets/logo-dark.svg new file mode 100644 index 00000000..bb9c53c3 --- /dev/null +++ b/src/assets/logo-dark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/logo.svg b/src/assets/logo.svg index 2ee236e7..fc96e3e7 100644 --- a/src/assets/logo.svg +++ b/src/assets/logo.svg @@ -1,12 +1,13 @@ - - - + + + + - + - + diff --git a/src/components/Layout/ActivityBar/ActivityBar.tsx b/src/components/Layout/ActivityBar/ActivityBar.tsx index c5e5609a..e234840f 100644 --- a/src/components/Layout/ActivityBar/ActivityBar.tsx +++ b/src/components/Layout/ActivityBar/ActivityBar.tsx @@ -1,7 +1,7 @@ -import { css } from '@emotion/react' -import { Box, Flex, Grid, Text } from '@radix-ui/themes' +import { Box, Flex, Grid } from '@radix-ui/themes' -import K6Logo from '@/assets/logo.svg' +import k6Logo from '@/assets/logo.svg' +import k6LogoDark from '@/assets/logo-dark.svg' import { getRoutePath } from '@/routeMap' import { VersionLabel } from './VersionLabel' import { HomeIcon } from '@/components/icons' @@ -10,8 +10,11 @@ import { SettingsButton } from './SettingsButton' import { ProxyStatusIndicator } from './ProxyStatusIndicator' import { HelpButton } from './HelpButton' import { ThemeSwitcher } from '@/components/ThemeSwitcher' +import { useTheme } from '@/hooks/useTheme' export function ActivityBar() { + const theme = useTheme() + return ( - k6 Logo - - Studio - + k6 Logo - + }