fix: add dark mode support for OAuth login button icons

SerVitasik · SerVitasik · commit b9cdfb42922a · 2025-02-21T12:43:17.000+02:00
diff --git a/custom/OAuthLoginButtons.vue b/custom/OAuthLoginButtons.vue
@@ -10,7 +10,7 @@
         meta.pill ? 'rounded-full' : 'rounded-md'
       ]"
     >
-      <div v-html="provider.icon" class="w-6 h-6" :class="meta.iconOnly ? 'mr-0' : 'mr-4'" :alt="getProviderName(provider.provider)" />
+      <div v-html="provider.icon" class="w-6 h-6 dark:text-white" :class="meta.iconOnly ? 'mr-0' : 'mr-4'" :alt="getProviderName(provider.provider)" />
       <span v-if="!meta.iconOnly" class="font-medium dark:text-white">Continue with {{ getProviderName(provider.provider) }}</span>
     </a>
   </div>

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`meta.pill ? 'rounded-full' : 'rounded-md'`
`11`	`11`	`]"`
`12`	`12`	`>`
`13`		`- <div v-html="provider.icon" class="w-6 h-6" :class="meta.iconOnly ? 'mr-0' : 'mr-4'" :alt="getProviderName(provider.provider)" />`
	`13`	`+ <div v-html="provider.icon" class="w-6 h-6 dark:text-white" :class="meta.iconOnly ? 'mr-0' : 'mr-4'" :alt="getProviderName(provider.provider)" />`
`14`	`14`	`<span v-if="!meta.iconOnly" class="font-medium dark:text-white">Continue with {{ getProviderName(provider.provider) }}</span>`
`15`	`15`	`</a>`
`16`	`16`	`</div>`