From 9942abc02b9208661234c40c749d70ad0f67951f Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Thu, 5 Dec 2024 14:59:20 +0100
Subject: [PATCH] Add alternative `appIcon` for dark-mode (#204)

---
 pkg/customization/customize.go |  1 +
 src/components/navbar.vue      | 15 +++++++++++++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/pkg/customization/customize.go b/pkg/customization/customize.go
index e6f10f2..8e4a20b 100644
--- a/pkg/customization/customize.go
+++ b/pkg/customization/customize.go
@@ -23,6 +23,7 @@ type (
 	// Customize holds the structure of the customization file
 	Customize struct {
 		AppIcon              string `json:"appIcon,omitempty" yaml:"appIcon"`
+		AppIconDark          string `json:"appIconDark,omitempty" yaml:"appIconDark"`
 		AppTitle             string `json:"appTitle,omitempty" yaml:"appTitle"`
 		DisableAppTitle      bool   `json:"disableAppTitle,omitempty" yaml:"disableAppTitle"`
 		DisablePoweredBy     bool   `json:"disablePoweredBy,omitempty" yaml:"disablePoweredBy"`
diff --git a/src/components/navbar.vue b/src/components/navbar.vue
index 1b4f2a0..afe868a 100644
--- a/src/components/navbar.vue
+++ b/src/components/navbar.vue
@@ -7,13 +7,13 @@
         @click.prevent="$root.navigate('/')"
       >
         <i
-          v-if="!$root.customize.appIcon"
+          v-if="!appIcon"
           class="fas fa-user-secret mr-1"
         />
         <img
           v-else
           class="mr-1"
-          :src="$root.customize.appIcon"
+          :src="appIcon"
         >
         <span v-if="!$root.customize.disableAppTitle">{{ $root.customize.appTitle }}</span>
       </a>
@@ -77,6 +77,17 @@
 
 <script>
 export default {
+  computed: {
+    appIcon() {
+      // Use specified icon or fall back to null
+      const appIcon = this.$root.customize.appIcon || null
+      // Use specified icon or fall back to light-mode appIcon (which might be null)
+      const darkIcon = this.$root.customize.appIconDark || appIcon
+
+      return this.$root.darkTheme ? darkIcon : appIcon
+    },
+  },
+
   name: 'AppNavbar',
 }
 </script>