Theos icon cannot be seen in Github dark mode #650
-
|
Icon in Readme.md when using Github dark mode: |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 6 replies
-
|
I did actually make it respond to light/dark mode using some CSS inside the SVG, but it only works in Chrome. It seems |
Beta Was this translation helpful? Give feedback.
-
|
I use Chrome (version 101) :)) |
Beta Was this translation helpful? Give feedback.
-
|
Oh it worked on my phone but not my PC (both using Chrome) |
Beta Was this translation helpful? Give feedback.
-
|
Can we use |
Beta Was this translation helpful? Give feedback.
-
|
Or (recent update): https://github.blog/changelog/2022-05-19-specify-theme-context-for-images-in-markdown-beta/ |
Beta Was this translation helpful? Give feedback.
-
|
Oh wow, hot off the presses 😁 Thanks @PoomSmart! Changed it to that now. @raspiduino, Chrome on iOS uses the WebKit engine (same one as Safari), rather than Blink (used on desktop and Android). That’s probably why it didn’t work for you on mobile. |
Beta Was this translation helpful? Give feedback.
I did actually make it respond to light/dark mode using some CSS inside the SVG, but it only works in Chrome. It seems
@media (prefers-color-scheme: dark)doesn’t work inside CSS inside an SVG inside an<img>in Safari or Firefox. (I should file a bug about it with both browsers…)