Transparente Grafiken im neuen dark mode und Problem mit Apple Safari Browser
bearbeitet von
@@Bertie
Mal unabhängig davon, ob man `picture` in MediaWiki verwenden könnte, wundere ich mich, dass das in keinem Browser funktioniert, verschiedene Bilder für light und dark mode zu verwenden:
```html,bad
<picture>
<source
src="https://bittersmann.de/test/assets/moon.svg"
media="(prefers-color-scheme: dark)"
/>
<img
src="https://bittersmann.de/test/assets/sun.svg"
alt="Sun/Moon"
/>
</picture>
```
☞ [Beispielseite](https://bittersmann.de/test/svg-darkmode/picture-source)
Oder mach ich da was falsch?
🖖 Live long and prosper
{:@en}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14
Transparente Grafiken im neuen dark mode und Problem mit Apple Safari Browser
bearbeitet von
@@Bertie
Mal unabhängig davon, ob man `picture` in MediaWiki verwenden könnte, wundere ich mich, dass das in keinem Browser funktioniert, verschiedene Bilder für light und dark mode zu verwenden:
```html
<picture>
<source
src="https://bittersmann.de/test/assets/moon.svg"
media="(prefers-color-scheme: dark)"
/>
<img
src="https://bittersmann.de/test/assets/sun.svg"
alt="Sun/Moon"
/>
</picture>
```
☞ [Beispielseite](https://bittersmann.de/test/svg-darkmode/picture-source)
Oder mach ich da was falsch?
🖖 Live long and prosper
{:@en}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14
Transparente Grafiken im neuen dark mode und Problem mit Apple Safari Browser
bearbeitet von
@@Bertie
Mal unabhängig davon, ob man `picture` in MediaWiki verwenden könnte, wundere ich mich, dass das in keinem Browser funktioniert, verschiedene Bilder für light und dark mode zu verwenden:
```html
<picture>
<source
src="https://bittersmann.de/test/assets/moon.svg"
media="(prefers-color-scheme: dark)"
/>
<img
src="https://bittersmann.de/test/assets/sun.svg"
alt="Sun/Moon"
/>
</picture>
```
☞ [Beispielseite](https://bittersmann.de/test/svg-darkmode/picture-source)
Oder mach ich da was falsch?
🖖 Live long and prosper
{:@en}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14
Transparente Grafiken im neuen dark mode und Problem mit Apple Safari Browser
bearbeitet von
@@Bertie
Mal unabhängig davon, ob man `picture` in MediaWiki verwenden könnte, wundere ich mich, dass das in keinem Browser funktioniert, verschiedene Bilder für light und dark mode zu verwenden:
```html
<picture>
<source src="https://bittersmann.de/test/assets/moon.svg" media="(prefers-color-scheme: dark)"/>
<img src="https://bittersmann.de/test/assets/sun.svg" alt="Sun/Moon"/>
</picture>
```
☞ [Beispielseite](https://bittersmann.de/test/svg-darkmode/picture-source)
Oder mach ich da was falsch?
🖖 Live long and prosper
{:@en}
--
*“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en}
— Bruce Springsteen, Manchester 2025-05-14