diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 000000000..c5c6c1a70
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/components/layout/Logo.tsx b/src/components/layout/Logo.tsx
index f85bca9e1..92ea10606 100644
--- a/src/components/layout/Logo.tsx
+++ b/src/components/layout/Logo.tsx
@@ -1,10 +1,18 @@
-import { Group, Text } from '@mantine/core';
+import { Group, Image, Text } from '@mantine/core';
import * as React from 'react';
import { CURRENT_VERSION } from '../../../data/constants';
export function Logo({ style }: any) {
return (
+
{CURRENT_VERSION}
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 61edcaab6..3b2271307 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -5,6 +5,7 @@ import { getCookie, setCookies } from 'cookies-next';
import Head from 'next/head';
import { MantineProvider, ColorScheme, ColorSchemeProvider } from '@mantine/core';
import { NotificationsProvider } from '@mantine/notifications';
+import { useHotkeys } from '@mantine/hooks';
import Layout from '../components/layout/Layout';
import { ConfigProvider } from '../tools/state';
import { theme } from '../tools/theme';
@@ -18,13 +19,14 @@ export default function App(props: AppProps & { colorScheme: ColorScheme }) {
setColorScheme(nextColorScheme);
setCookies('color-scheme', nextColorScheme, { maxAge: 60 * 60 * 24 * 30 });
};
+ useHotkeys([['mod+J', () => toggleColorScheme()]]);
return (
<>
Homarr - A homepage for your server!
-
+