From 035c28c567d1697e3f3b293e209c95d5f6ec6be0 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 14 Oct 2026 11:26:43 +0200
Subject: [PATCH] Enable dark mode of Bootstrap

---
 .../components/admin-settings/admin-settings.component.html | 6 +++++-
 .../src/lib/membership-card/membership-card.component.html  | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/app/components/admin-settings/admin-settings.component.html b/apps/client/src/app/components/admin-settings/admin-settings.component.html
index 059e4177fe..bfaf2da846 100644
--- a/apps/client/src/app/components/admin-settings/admin-settings.component.html
+++ b/apps/client/src/app/components/admin-settings/admin-settings.component.html
@@ -3,7 +3,11 @@
     <div class="col">
       <h2 class="text-center" i18n>Data Providers</h2>
       @if (isGhostfolioApiKeyValid === false) {
-        <mat-card appearance="outlined" class="my-3 special">
+        <mat-card
+          appearance="outlined"
+          class="my-3 special"
+          data-bs-theme="light"
+        >
           <mat-card-header>
             <mat-card-title class="align-items-center d-flex m-0"
               >Ghostfolio Premium
diff --git a/libs/ui/src/lib/membership-card/membership-card.component.html b/libs/ui/src/lib/membership-card/membership-card.component.html
index 70f6e372e3..7a73995cdb 100644
--- a/libs/ui/src/lib/membership-card/membership-card.component.html
+++ b/libs/ui/src/lib/membership-card/membership-card.component.html
@@ -1,5 +1,9 @@
 <div class="card-wrapper position-relative" [class.hover-3d]="hover3d">
-  <div class="card-container" [class.premium]="name === 'Premium'">
+  <div
+    class="card-container"
+    [attr.data-bs-theme]="name === 'Premium' ? null : 'light'"
+    [class.premium]="name === 'Premium'"
+  >
     <a
       class="card-item d-flex flex-column justify-content-between p-4"
       [routerLink]="routerLinkPricing"