« Modèle:Discord/styles.css » : différence entre les versions

@@ Ligne 113 : / Ligne 113 : @@
      font-weight: 600;
      font-size: 0.85em;
+}
+/* -----------------------------------------------
+   Logo Discord — adaptation couleur Light/Dark
+   Via filter CSS sur l'élément <img>
+----------------------------------------------- */
+/* Light mode : logo sombre */
+:root.skin-theme-clientpref-day .discord-badge__logo img,
+:root.skin-theme-clientpref-day .discord-inline__logo img {
+    filter: brightness(0) saturate(100%) invert(35%) sepia(10%)
+            saturate(500%) hue-rotate(190deg) brightness(90%);
+}
+/* Dark mode : logo clair (blanc) */
+:root.skin-theme-clientpref-night .discord-badge__logo img,
+:root.skin-theme-clientpref-night .discord-inline__logo img {
+    filter: brightness(0) invert(1);
+}
+/* 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(35%) sepia(10%)
+                saturate(500%) hue-rotate(190deg) brightness(90%);
+    }
+}
+/* Auto mode — device en dark */
+@media screen and (prefers-color-scheme: dark) {
+    :root.skin-theme-clientpref-os .discord-badge__logo img,
+    :root.skin-theme-clientpref-os .discord-inline__logo img {
+        filter: brightness(0) invert(1);
+    }
 }