diff --git a/src/components/WidgetGroup.astro b/src/components/WidgetGroup.astro
index fec794b..3681961 100644
--- a/src/components/WidgetGroup.astro
+++ b/src/components/WidgetGroup.astro
@@ -8,6 +8,7 @@ interface Item {
   id: string;
   size?: 'small' | 'medium';
   card?: 'dark' | 'graphite' | 'light' | 'translucent' | null;
+  appearance?: 'dark';
   title: string;
   label?: string;
 }
@@ -53,7 +54,7 @@ const built = items.map((it) => {
             <div
               class="wpv__card"
               data-card={b.card ?? b.declared.card ?? undefined}
-              data-appearance={b.declared.appearance}
+              data-appearance={b.appearance ?? b.declared.appearance}
               style={`width:${b.w}px;height:${CARD_H}px;border-radius:${RADIUS}px;`}
             >
               <iframe
diff --git a/src/content/docs/docs/widgets/weather.mdx b/src/content/docs/docs/widgets/weather.mdx
index f9e131c..da6de4a 100644
--- a/src/content/docs/docs/widgets/weather.mdx
+++ b/src/content/docs/docs/widgets/weather.mdx
@@ -13,7 +13,7 @@ Current weather for one place.
   items={[
     { type: 'weather', file: 'index.html', id: 'w-weather',       title: 'Weather, clear day', label: 'Clear day' },
     { type: 'weather', file: 'index.html', id: 'w-weather-rain',  title: 'Weather, rain',      label: 'Rain' },
-    { type: 'weather', file: 'index.html', id: 'w-weather-night', title: 'Weather, night',     label: 'Night' },
+    { type: 'weather', file: 'index.html', id: 'w-weather-night', appearance: 'dark', title: 'Weather, night',     label: 'Night' },
   ]} />
 
 Small only.