Make favicon adaptive to light/dark theme

marcphilipp · marcphilipp · commit 9881eed7555a · 2025-12-27T19:49:45.000+01:00
diff --git a/supplemental-ui/img/junit-diamond-adaptive.svg b/supplemental-ui/img/junit-diamond-adaptive.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   id="Layer_1"
+   data-name="Layer 1"
+   viewBox="0 0 512 512.00453"
+   version="1.1"
+   width="512"
+   height="512.00452"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <style
+       id="style1">
+      .cls-1 {
+        fill: #d84445;
+      }
+
+      .cls-2 {
+        fill: #292629;
+      }
+      
+      @media (prefers-color-scheme: dark) {
+        .cls-2 {
+          fill: #d6d9d6;
+        }
+      }
+
+      .cls-3 {
+        fill: #299d5b;
+      }
+    </style>
+  </defs>
+  <g
+     id="g8"
+     transform="matrix(1.8066656,0,0,1.8066656,0.00903333,-0.00451666)">
+    <path
+       class="cls-1"
+       d="M 197.75,196.87 141.7,252.92 30.48,141.7 68.75,103.43 48.14,82.82 7.57,123.39 c -10.1,10.1 -10.1,26.52 0,36.62 l 115.82,115.82 c 5.05,5.05 11.68,7.57 18.31,7.57 6.63,0 13.26,-2.53 18.31,-7.57 l 58.35,-58.35 z"
+       id="path5" />
+    <g
+       id="g7">
+      <path
+         class="cls-3"
+         d="M 203.1,50.66 160.01,7.57 c -10.09,-10.09 -26.52,-10.09 -36.62,0 l -57.6,57.6 20.61,20.61 55.31,-55.31 40.79,40.8 20.61,-20.61 z"
+         id="path6" />
+      <path
+         class="cls-3"
+         d="m 252.25,99.82 -20.61,20.61 21.27,21.27 -37.53,37.52 20.61,20.61 39.82,-39.82 c 4.89,-4.89 7.58,-11.39 7.58,-18.31 0,-6.92 -2.69,-13.42 -7.58,-18.31 L 252.24,99.82 Z"
+         id="path7" />
+    </g>
+  </g>
+  <path
+     class="cls-2"
+     d="m 256.01355,317.80603 c -6.73886,0 -13.47773,-2.56546 -18.60866,-7.71446 l -70.96582,-70.96583 37.23538,-37.23537 52.35717,52.35716 180.61236,-180.612356 37.23538,37.235376 -199.23909,199.23908 c -5.14899,5.149 -11.86979,7.71447 -18.60865,7.71447 z"
+     id="path8"
+     style="stroke-width:1.80667" />
+</svg>
diff --git a/supplemental-ui/img/junit-diamond.png b/supplemental-ui/img/junit-diamond.png
diff --git a/supplemental-ui/partials/head-meta.hbs b/supplemental-ui/partials/head-meta.hbs
@@ -1,4 +1,6 @@
 <link rel="icon" type="image/png" href="{{uiRootPath}}/img/junit-diamond.png">
+<link rel="icon" type="image/svg+xml" href="{{uiRootPath}}/img/junit-diamond-adaptive.svg" sizes="any">
+
 <link rel="stylesheet" href="{{uiRootPath}}/css/fonts.css">
 <link rel="stylesheet" href="{{uiRootPath}}/css/site-extra.css">
 <link rel="stylesheet" href="{{uiRootPath}}/css/vendor/highlightjs/github.min.css">
