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:
1 parent
383436439d
commit
ad0df9df05
1 file changed
+3
-4
+3
-4
@@ -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 |
Reference in new issue
Block a user