jon/bmthTech-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix drone vision SVG in dark mode

Browse Source 
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>
This commit is contained in:
Jon
2026-06-15 17:27:09 +01:00
parent 8c5fbc4668
commit 12a2fc9de3
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
style.css
View File

@@ -248,6 +248,7 @@ img { display: block; max-width: 100%; }
z-index: 1; z-index: 1;
width: 100%; width: 100%;
line-height: 0; line-height: 0;
background: #fff;
} }
.drone-vision-bg svg { .drone-vision-bg svg {
@@ -256,7 +257,7 @@ img { display: block; max-width: 100%; }
height: clamp(360px, 48vw, 640px); 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 { .hero-caps-strip {
background: rgba(255,255,255,0.86); background: rgba(255,255,255,0.86);