From 3218d7c64d7b03db2bd59681bcabba23eb5515d6 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Fri, 3 Oct 2025 11:55:52 +0200
Subject: [PATCH] Reverse color fade in public pages left pane in dark mode

---
 dashboard/src/components/PublicPageLayout.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index ee5d90074..b7bf36b23 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -88,6 +88,12 @@ defineProps({
   align-items: center;
 }
 
+@media (prefers-color-scheme: dark) {
+  .public-page-layout-left {
+    background-color: rgba(255,255,255,0.1);
+  }
+}
+
 .public-page-layout-left img {
   margin-bottom: 20%;
   border-radius: 10px;