From 627352798ca724f90bb18058e12bb59fd2e31e7f Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 12 Jun 2025 14:13:03 -0400
Subject: [PATCH] improve

---
 packages/webawesome/docs/docs/themes.njk | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/webawesome/docs/docs/themes.njk b/packages/webawesome/docs/docs/themes.njk
index d86d86651..14d4f4151 100644
--- a/packages/webawesome/docs/docs/themes.njk
+++ b/packages/webawesome/docs/docs/themes.njk
@@ -23,12 +23,12 @@ isPro: true
 
 <wa-comparison position="80">
   <wa-zoomable-frame
-    slot="after"
+    slot="before"
     without-controls
     without-interaction
   ></wa-zoomable-frame>
   <wa-zoomable-frame
-    slot="before"
+    slot="after"
     without-controls
     without-interaction
   ></wa-zoomable-frame>
@@ -99,6 +99,16 @@ isPro: true
     margin-inline: auto;
   }
 
+  wa-comparison {
+    &::part(before) {
+      background-color: white;
+    }
+
+    &::part(after) {
+      background-color: var(--wa-color-surface-default);
+    }
+  }
+
   wa-zoomable-frame {
     aspect-ratio: 8 / 4;
   }