✨ Ability to change title and icons

src/tools/getConfig.ts

@@ -10,6 +10,9 @@ export function getConfig(name: string) {
         configName: name,
         config: {
           name: name.toString(),
+          title: 'Homarr 🦞',
+          logo: '/imgs/logo.png',
+          favicon: '/favicon.svg',
           services: [],
           settings: {
             searchUrl: 'https://www.google.com/search?q=',

src/tools/state.tsx

@@ -15,14 +15,17 @@ type configContextType = {
 const configContext = createContext<configContextType>({
   config: {
     name: 'default',
+    title: 'Homarr 🦞',
+    logo: '/imgs/logo.png',
+    favicon: '/favicon.svg',
     services: [],
     settings: {
       searchUrl: 'https://google.com/search?q=',
     },
     modules: {},
   },
-  setConfig: () => {},
-  loadConfig: async (name: string) => {},
+  setConfig: () => { },
+  loadConfig: async (name: string) => { },
   getConfigs: async () => [],
 });
 
@@ -41,6 +44,9 @@ type Props = {
 export function ConfigProvider({ children }: Props) {
   const [config, setConfigInternal] = useState<Config>({
     name: 'default',
+    title: 'Homarr 🦞',
+    logo: '/imgs/logo.png',
+    favicon: '/favicon.svg',
     services: [],
     settings: {
       searchUrl: 'https://www.google.com/search?q=',

src/tools/types.ts

@@ -6,6 +6,9 @@ export interface Settings {
 
 export interface Config {
   name: string;
+  title: string;
+  logo: string;
+  favicon: string;
   services: serviceItem[];
   settings: Settings;
   modules: {