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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 116 : / Ligne 116 : @@
 /* -----------------------------------------------
-    Logo Discord — adaptation couleur Light/Dark
+    Logo Discord — SVG monochrome blanc
-    Via filter CSS sur l'élément <img>
+    brightness(0) = force en noir
+   invert(1)     = repasse en blanc
 ----------------------------------------------- */
-/* Light mode : logo sombre */
+/* Par défaut (dark) : blanc, légèrement teinté Discord */
+.discord-badge__logo img,
+.discord-inline__logo img {
+    filter: none;
+}
+/* Light mode : on force en 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(35%) sepia(10%)
+     filter: brightness(0)
-             saturate(500%) hue-rotate(190deg) brightness(90%);
+            saturate(100%)
-}
+            invert(36%)
+            sepia(69%)
-/* Dark mode : logo clair (blanc) */
+             saturate(1442%)
-:root.skin-theme-clientpref-night .discord-badge__logo img,
+            hue-rotate(214deg)
-:root.skin-theme-clientpref-night .discord-inline__logo img {
+            brightness(101%)
-    filter: brightness(0) invert(1);
+            contrast(92%);
 }
@@ Ligne 137 : / Ligne 144 : @@
      :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%)
+         filter: brightness(0)
-                 saturate(500%) hue-rotate(190deg) brightness(90%);
+                saturate(100%)
-    }
+                invert(36%)
-}
+                sepia(69%)
+                 saturate(1442%)
-/* Auto mode — device en dark */
+                hue-rotate(214deg)
-@media screen and (prefers-color-scheme: dark) {
+                brightness(101%)
-    :root.skin-theme-clientpref-os .discord-badge__logo img,
+                contrast(92%);
-    :root.skin-theme-clientpref-os .discord-inline__logo img {
-        filter: brightness(0) invert(1);
      }
 }