fix: the logo's stem is visible on every background

An <img> sees neither data-theme nor the document's color, so the ink stem and
its prefers-color-scheme flip left it dark on the dark chrome. One slate stem
instead: 5.1:1 on white, 3.5:1 on the dark surfaces.
This commit is contained in:
Steffen Becker committed 2026-08-16 14:46:38 +02:00
1 parent 383436439d
commit ad0df9df05
1 file changed
+3 -4
+3 -4
View File
@@ -1,11 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<!-- One stem colour for every background: an <img> cannot see the app's theme, and
an ink stem disappears on the dark chrome. Slate holds 3.5:1 on both ends. -->
<style>
.stem { stroke: #202b36; }
.stem { stroke: #4c6c8a; }
.slate { fill: #4c6c8a; }
.clay { fill: #d1734f; }
@media (prefers-color-scheme: dark) {
.stem { stroke: #e7ebee; }
}
</style>
<g transform="translate(-0.667,0.306) scale(0.5556)">
<g transform="translate(20,4)">

Before

Width:  |  Height:  |  Size: 738 B

After

Width:  |  Height:  |  Size: 829 B