From 12a2fc9de34a10eeb2d5583d7171f39b740634aa Mon Sep 17 00:00:00 2001
From: Jon <git@jonstarkey.co.uk>
Date: Mon, 15 Jun 2026 17:27:09 +0100
Subject: [PATCH] Fix drone vision SVG in dark mode

Apply filter:invert(1) to the whole .drone-vision-bg wrapper (with white background) instead of just the svg element. This inverts both background and SVG content together so dark mode renders correctly: dark background, white drone.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 52a96a3..24bf019 100644
--- a/style.css
+++ b/style.css
@@ -248,6 +248,7 @@ img { display: block; max-width: 100%; }
   z-index: 1;
   width: 100%;
   line-height: 0;
+  background: #fff;
 }
 
 .drone-vision-bg svg {
@@ -256,7 +257,7 @@ img { display: block; max-width: 100%; }
   height: clamp(360px, 48vw, 640px);
 }
 
-html.dark .drone-vision-bg svg { filter: invert(1); }
+html.dark .drone-vision-bg { filter: invert(1); }
 
 .hero-caps-strip {
   background: rgba(255,255,255,0.86);