dark mode logo

resources/js/views/Auth/CreateNewPassword.vue

@@ -101,11 +101,7 @@
 
         <!--Password reset successfully-->
         <AuthContent name="password-reset-successfully" :visible="false">
-            <img v-if="config.app_logo" class="logo mx-auto" :src="$getImage(config.app_logo)" :alt="config.app_name" />
-            <b v-if="!config.app_logo" class="auth-logo-text">{{ config.app_name }}</b>
-
-            <h1>{{ $t('page_forgotten_password.pass_reseted_title') }}</h1>
-            <h2>{{ $t('page_forgotten_password.pass_reseted_subtitle') }}</h2>
+			<Headline :title="$t('page_forgotten_password.pass_reseted_title')" :description="$t('page_forgotten_password.pass_reseted_subtitle')" />
 
             <router-link :to="{ name: 'SignIn' }">
                 <AuthButton icon="chevron-right" :text="$t('page_forgotten_password.pass_reseted_signin')" />

resources/js/views/Auth/Headline.vue

@@ -8,8 +8,8 @@
             <!--Image logo-->
             <img
                 v-if="config.app_logo"
-                class="mx-auto mb-6 w-28 md:w-32"
-                :src="$getImage(config.app_logo)"
+                class="mx-auto mb-6 h-16 md:h-20 mb-10"
+                :src="$getImage(logoSrc)"
                 :alt="config.app_name"
             />
 
@@ -35,7 +35,10 @@ export default {
     name: 'Headline',
     props: ['description', 'title'],
     computed: {
-        ...mapGetters(['config']),
+        ...mapGetters(['config', 'isDarkMode']),
+		logoSrc() {
+			return this.isDarkMode && this.config.app_logo ? this.config.app_logo_dark : this.config.app_logo
+		}
     },
 }
 </script>