|
|
| Ligne 118 : |
Ligne 118 : |
| font-weight: 600; | | font-weight: 600; |
| font-size: 0.85em; | | font-size: 0.85em; |
| }
| |
|
| |
| /* -----------------------------------------------
| |
| Logo Discord — filtre couleur adaptatif
| |
| brightness(0) = force en noir absolu
| |
| invert(1) = repasse en blanc (dark mode)
| |
| ----------------------------------------------- */
| |
|
| |
| /* Dark mode : blanc */
| |
| .discord-badge__logo img,
| |
| .discord-inline__logo img {
| |
| filter: brightness(0) invert(1);
| |
| }
| |
|
| |
| /* Light mode : couleur Discord #5865F2 */
| |
| :root.skin-theme-clientpref-day .discord-badge__logo img,
| |
| :root.skin-theme-clientpref-day .discord-inline__logo img {
| |
| filter: brightness(0)
| |
| saturate(100%)
| |
| invert(36%)
| |
| sepia(69%)
| |
| saturate(1442%)
| |
| hue-rotate(214deg)
| |
| brightness(101%)
| |
| contrast(92%);
| |
| }
| |
|
| |
| /* Auto mode — device en light */
| |
| @media screen and (prefers-color-scheme: light) {
| |
| :root.skin-theme-clientpref-os .discord-badge__logo img,
| |
| :root.skin-theme-clientpref-os .discord-inline__logo img {
| |
| filter: brightness(0)
| |
| saturate(100%)
| |
| invert(36%)
| |
| sepia(69%)
| |
| saturate(1442%)
| |
| hue-rotate(214deg)
| |
| brightness(101%)
| |
| contrast(92%);
| |
| }
| |
| } | | } |
