forgejo/web_src/css/markup/dark.css at 0a7767eaaa16d54b64d7d2ed3d561ba98acf0f3a - foster/forgejo - Foster's Laboratory

foster/forgejo

mirror of https://codeberg.org/forgejo/forgejo.git synced 2024-12-11 11:28:02 -05:00

Mai-Lapyst 0a7767eaaa [FEAT] Adds x-mode-only anchor styles to display images based if the theme is light or dark mode. (#3985 )

Adds a feature similar to this https://github.blog/changelog/2021-11-24-specify-theme-context-for-images-in-markdown/ , by adding styles to elements which `src` or `href` attribute ends with `#light-mode-only` or `#dark-mode-only`. To improve compability, the github variants with the `gh-` prefix are also contained.

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/3985
Reviewed-by: 0ko <0ko@noreply.codeberg.org>
Co-authored-by: Mai-Lapyst <mai-lapyst@noreply.codeberg.org>
Co-committed-by: Mai-Lapyst <mai-lapyst@noreply.codeberg.org>

2024-06-09 10:50:53 +00:00

13 lines

334 B

CSS

Raw Blame History

 .markup [src$="#gh-light-mode-only"],
 .markup [src$="#light-mode-only"],
 .markup [href$="#gh-light-mode-only"],
 .markup [href$="#light-mode-only"] {
   display: none;
 }
 .markup [src$="#gh-dark-mode-only"],
 .markup [src$="#dark-mode-only"],
 .markup [href$="#gh-dark-mode-only"],
 .markup [href$="#dark-mode-only"] {
   display: unset;
 }