From e740c100f7dd8eaa370ceb287bbedb322e8e1e3f Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Oct 2026 15:50:34 +0200
Subject: [PATCH] Use a non-scaling stroke instead of fading the opacity for
 architectural lines at larger viewports

---
 resources/css/core/utilities.css      | 4 ----
 resources/svg/architectural-lines.svg | 2 +-
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/resources/css/core/utilities.css b/resources/css/core/utilities.css
index 011853708ca..569aa703f64 100644
--- a/resources/css/core/utilities.css
+++ b/resources/css/core/utilities.css
@@ -295,10 +295,6 @@
             @media (width < 1300px) {
                 background-position-y: 130%;
             }
-            @media (width > 2000px) {
-                /* The lines become thicker because the svg gets stretched, so reduce opacity to compensate for this */
-                opacity: 0.7;
-            }
         }
         .dark &::before {
             filter: invert(100%);
diff --git a/resources/svg/architectural-lines.svg b/resources/svg/architectural-lines.svg
index 61f4874463d..e7437f2762c 100644
--- a/resources/svg/architectural-lines.svg
+++ b/resources/svg/architectural-lines.svg
@@ -1 +1 @@
-<svg clip-rule="evenodd" fill-rule="evenodd" viewBox="0 0 1500 931" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><clipPath id="a"><path clip-rule="evenodd" d="m0 0h1507v961.955h-1507z"/></clipPath><g fill="none" transform="matrix(.995355 0 0 .96757 0 -.000041)"><path d="m0 0h1507v961.955h-1507z"/><g clip-path="url(#a)"><g stroke="hsl(0deg 0% 0% / 5.5%)"><path d="m753.244-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -3.25914 .000042)"/><path d="m60.744-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -.777712 .000042)"/><path d="m1456.53-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -16.6071 .000042)"/><path d="m-22.707 930.265h1528.737" transform="matrix(1.00467 0 0 1.03352 -.03014 .000042)"/><path d="m1043.62-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -4.64156 .000042)"/><path d="m1121.32-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -4.64156 .000042)"/><path d="m0-.5h973.747" transform="matrix(-.00000004 1.03352 1.00467 .00000005 463.659 -12.1877)"/><path d="m0-.5h973.747" transform="matrix(-.00000004 1.021 .9925 .00000004 385.594 .000042)"/><path d="m0-.5h823.881" transform="matrix(-.710407 .730807 .710407 .730807 463.512 .365446)"/><path d="m0-.5h1450.93" transform="matrix(-.666084 .685212 .710407 .730807 1122.27 .365489)"/><path d="m101.442-178.635 1490.648 1490.645" stroke-width="1.49" transform="matrix(.680229 -.0073147 -.00711051 .699763 314.824 125.744)"/><path d="m101.442-178.635 1490.648 1490.645" stroke-width="1.49" transform="matrix(.680229 -.0073147 -.00711051 .699763 973.575 125.744)"/><path d="m92.711 45.605c0 25.447-20.659 46.106-46.106 46.106-25.446 0-46.105-20.659-46.105-46.106 0-25.446 20.659-46.105 46.105-46.105 25.447 0 46.106 20.659 46.106 46.105z" transform="matrix(1.00467 0 0 -1.03352 706.677 47.3874)"/><path d="m92.711 45.605c0 25.447-20.659 46.106-46.106 46.106-25.446 0-46.105-20.659-46.105-46.106 0-25.446 20.659-46.105 46.105-46.105 25.447 0 46.106 20.659 46.106 46.105z" transform="matrix(1.00467 0 0 -1.03352 706.677 1008.56)"/></g><path d="m767.162 45.465c0 7.682-6.236 13.918-13.917 13.918-7.681 0-13.917-6.236-13.917-13.918 0-7.681 6.236-13.917 13.917-13.917 7.681 0 13.917 6.236 13.917 13.917z" stroke="hsl(0deg 0% 0% / 5.5%)" transform="matrix(1.00467 0 0 1.03352 -3.26029 .000042)"/><path d="m767.162 930.245c0 7.681-6.236 13.917-13.917 13.917-7.681 0-13.917-6.236-13.917-13.917 0-7.681 6.236-13.917 13.917-13.917 7.681 0 13.917 6.236 13.917 13.917z" stroke="hsl(0deg 0% 0% / 5.5%)" transform="matrix(1.00467 0 0 1.03352 -3.26029 .000042)"/><path d="m767.162 930.245c0 7.681-6.236 13.917-13.917 13.917-7.681 0-13.917-6.236-13.917-13.917 0-7.681 6.236-13.917 13.917-13.917 7.681 0 13.917 6.236 13.917 13.917z" stroke="hsl(0deg 0% 0% / 5.5%)" transform="matrix(1.00467 0 0 1.03352 -3.26029 -961.424)"/></g></g></svg>
\ No newline at end of file
+<svg clip-rule="evenodd" fill-rule="evenodd" viewBox="0 0 1500 931" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style>path{vector-effect:non-scaling-stroke}</style><clipPath id="a"><path clip-rule="evenodd" d="m0 0h1507v961.955h-1507z"/></clipPath><g fill="none" transform="matrix(.995355 0 0 .96757 0 -.000041)"><path d="m0 0h1507v961.955h-1507z"/><g clip-path="url(#a)"><g stroke="hsl(0deg 0% 0% / 5.5%)"><path d="m753.244-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -3.25914 .000042)"/><path d="m60.744-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -.777712 .000042)"/><path d="m1456.53-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -16.6071 .000042)"/><path d="m-22.707 930.265h1528.737" transform="matrix(1.00467 0 0 1.03352 -.03014 .000042)"/><path d="m1043.62-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -4.64156 .000042)"/><path d="m1121.32-11.793v973.748" transform="matrix(1.00467 0 0 1.03352 -4.64156 .000042)"/><path d="m0-.5h973.747" transform="matrix(-.00000004 1.03352 1.00467 .00000005 463.659 -12.1877)"/><path d="m0-.5h973.747" transform="matrix(-.00000004 1.021 .9925 .00000004 385.594 .000042)"/><path d="m0-.5h823.881" transform="matrix(-.710407 .730807 .710407 .730807 463.512 .365446)"/><path d="m0-.5h1450.93" transform="matrix(-.666084 .685212 .710407 .730807 1122.27 .365489)"/><path d="m101.442-178.635 1490.648 1490.645" stroke-width="1" transform="matrix(.680229 -.0073147 -.00711051 .699763 314.824 125.744)"/><path d="m101.442-178.635 1490.648 1490.645" stroke-width="1" transform="matrix(.680229 -.0073147 -.00711051 .699763 973.575 125.744)"/><path d="m92.711 45.605c0 25.447-20.659 46.106-46.106 46.106-25.446 0-46.105-20.659-46.105-46.106 0-25.446 20.659-46.105 46.105-46.105 25.447 0 46.106 20.659 46.106 46.105z" transform="matrix(1.00467 0 0 -1.03352 706.677 47.3874)"/><path d="m92.711 45.605c0 25.447-20.659 46.106-46.106 46.106-25.446 0-46.105-20.659-46.105-46.106 0-25.446 20.659-46.105 46.105-46.105 25.447 0 46.106 20.659 46.106 46.105z" transform="matrix(1.00467 0 0 -1.03352 706.677 1008.56)"/></g><path d="m767.162 45.465c0 7.682-6.236 13.918-13.917 13.918-7.681 0-13.917-6.236-13.917-13.918 0-7.681 6.236-13.917 13.917-13.917 7.681 0 13.917 6.236 13.917 13.917z" stroke="hsl(0deg 0% 0% / 5.5%)" transform="matrix(1.00467 0 0 1.03352 -3.26029 .000042)"/><path d="m767.162 930.245c0 7.681-6.236 13.917-13.917 13.917-7.681 0-13.917-6.236-13.917-13.917 0-7.681 6.236-13.917 13.917-13.917 7.681 0 13.917 6.236 13.917 13.917z" stroke="hsl(0deg 0% 0% / 5.5%)" transform="matrix(1.00467 0 0 1.03352 -3.26029 .000042)"/><path d="m767.162 930.245c0 7.681-6.236 13.917-13.917 13.917-7.681 0-13.917-6.236-13.917-13.917 0-7.681 6.236-13.917 13.917-13.917 7.681 0 13.917 6.236 13.917 13.917z" stroke="hsl(0deg 0% 0% / 5.5%)" transform="matrix(1.00467 0 0 1.03352 -3.26029 -961.424)"/></g></g></svg>
\ No newline at end of file