diff --git a/components/Bubble.module.css b/components/Bubble.module.css
index 651a1e8f..231e3407 100644
--- a/components/Bubble.module.css
+++ b/components/Bubble.module.css
@@ -5,7 +5,7 @@
 }
 
 .bubble {
-  border-radius: calc(5000rem / 16);
+  --border-radius: calc(5000rem / 16);
   display: flex;
   flex-direction: row;
   position: absolute;
diff --git a/components/MiniEventCard.module.css b/components/MiniEventCard.module.css
index 45fd2c7f..b01901e6 100644
--- a/components/MiniEventCard.module.css
+++ b/components/MiniEventCard.module.css
@@ -6,7 +6,7 @@
 }
 
 .darkBg {
-  background-color: var(--card-background);
+  background-color: var(--dark-card-background);
 }
 
 .name {
diff --git a/components/Theme.tsx b/components/Theme.tsx
index 7cf3ec98..c7471a7b 100644
--- a/components/Theme.tsx
+++ b/components/Theme.tsx
@@ -55,6 +55,7 @@ export const PALETTE_NAMES = [
   "--button-background",
   "--footer-background",
   "--card-background",
+  "--dark-card-background",
   "--table-header",
   "--table-section",
 
diff --git a/pages/_app.css b/pages/_app.css
index 91490ca5..fd7aa49c 100644
--- a/pages/_app.css
+++ b/pages/_app.css
@@ -47,7 +47,8 @@ body {
 
   --light--button-background: #1482e3;
   --light--footer-background: #2a2a62;
-  --light--card-background: #DCF6F0;
+  --light--card-background: #FFFFFF;
+  --light--dark-card-background: #DCF6F0;
   --light--table-header: #DCF6F0;
   --light--table-section: #f7fbff;
 
@@ -90,7 +91,7 @@ body {
   --dark--icon: #ffffff;
 
   --dark--primary-title: #5CAFF9;
-  --dark--primary-subtitle: #C5C5F0;
+  --dark--primary-subtitle: #E0E0F7;
   --dark--secondary-subtitle: #ABABF2;
 
   --dark--navbar-page-overlay: rgba(0, 0, 0, 0.7);
@@ -99,6 +100,7 @@ body {
   --dark--button-background: #1482e3;
   --dark--footer-background: #525284;
   --dark--card-background: #272751;
+  --dark--dark-card-background: #272751;
   --dark--table-header: #252542;
   --dark--table-section: #202037;
 
@@ -150,6 +152,7 @@ body {
   --button-background: var(--light--button-background);
   --footer-background: var(--light--footer-background);
   --card-background: var(--light--card-background);
+  --dark-card-background: var(--light--dark-card-background);
   --table-header: var(--light--table-header);
   --table-section: var(--light--table-section);