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

Navigation interactive dans l’historique

← Modification précédente

@@ Ligne 6 : / Ligne 6 : @@
 /* -----------------------------------------------
     Suppression de l'icône lien externe
-   sur tous les éléments Discord
 ----------------------------------------------- */
-.discord-badge .external::after,
+.discord-badge .external::after {
-.discord-inline .external::after {
      display: none !important;
 }
 /* -----------------------------------------------
-    Style : inline
+    Badge Discord
------------------------------------------------ */
-.discord-inline {
-    display: inline-flex;
-    align-items: center;
-    vertical-align: middle;
-    white-space: nowrap;
-}
-.discord-inline .external {
-    display: inline-flex;
-    align-items: center;
-    gap: 4px;
-    text-decoration: none;
-    color: var(--color-link);
-    font-weight: 500;
-    padding: 1px 6px 1px 4px;
-    border-radius: 4px;
-    background-color: var(--color-surface-2);
-    transition: background-color 0.15s ease;
-}
-.discord-inline .external:hover {
-    background-color: var(--color-surface-3);
-    text-decoration: none;
-}
-.discord-inline__logo {
-    display: inline-flex;
-    align-items: center;
-    flex-shrink: 0;
-}
-.discord-inline__logo img {
-    position: relative;
-    top: -1px;
-    vertical-align: middle;
-}
-/* -----------------------------------------------
-   Style : badge
 ----------------------------------------------- */
 .discord-badge {
@@ Ligne 88 : / Ligne 46 : @@
      display: inline-flex;
      align-items: center;
-     margin-right: 6px;
+     margin-right: 8px;
      flex-shrink: 0;
 }
 .discord-badge__logo img {
+    width: 16px;
+    height: 16px;
+    object-fit: contain;
      vertical-align: middle;
 }
 .discord-badge__server {
-     color: var(--color-subtle);
+     color: var(--color-base);
-     font-size: 0.8em;
+     font-size: 0.85em;
      font-weight: 500;
 }
@@ Ligne 105 : / Ligne 66 : @@
      color: var(--color-subtle);
      margin: 0 5px;
-     font-size: 0.8em;
+     font-size: 0.85em;
-     opacity: 0.6;
+     font-weight: 300;
 }
@@ Ligne 113 : / Ligne 74 : @@
      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);
-    }
 }