forgejo/web_src/css/markup/dark.css at 2190b67507fb5dbd0c08d07ec2f971e534d39c3a - magic_rb/forgejo - Forgejo: Beyond coding. We Forge.

magic_rb/forgejo

Template

mirror of https://codeberg.org/forgejo/forgejo synced 2024-11-22 09:54:24 +01: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

14 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;
 }