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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 1 : / Ligne 1 : @@
 /* ==============================================
     Modèle:Discord — Styles des liens de salons
-    Adaptatif Light/Dark/Auto — Skin Citizen
+    Utilise les variables CSS du skin Citizen
     ============================================== */
 /* -----------------------------------------------
-    Variables par thème
+    Variables locales mappées sur Citizen
+   Le badge Discord s'intègre dans la palette
+   du wiki tout en restant identifiable
 ----------------------------------------------- */
+:root {
-/* Light mode */
+     --discord-badge-bg: var(--color-surface-2);
-:root.skin-theme-clientpref-day {
+     --discord-badge-bg-hover: var(--color-surface-3);
-     --discord-badge-bg: #e3e5e8;
+     --discord-badge-server-color: var(--color-subtle);
-    --discord-badge-bg-hover: #d4d7dc;
+     --discord-badge-sep-color: var(--color-subtle);
-    --discord-badge-server-color: #4e5058;
+     --discord-badge-channel-color: var(--color-emphasized);
-    --discord-badge-sep-color: #8e9297;
-    --discord-badge-channel-color: #060607;
-}
-/* Dark mode */
-:root.skin-theme-clientpref-night {
-    --discord-badge-bg: #1e1f22;
-     --discord-badge-bg-hover: #2b2d31;
-    --discord-badge-server-color: #b5bac1;
-     --discord-badge-sep-color: #4e5058;
-    --discord-badge-channel-color: #f2f3f5;
-}
-/* Pure black mode */
-:root.skin-theme-clientpref-night.citizen-feature-pure-black-clientpref-1 {
-    --discord-badge-bg: #111214;
-    --discord-badge-bg-hover: #1e1f22;
-    --discord-badge-server-color: #b5bac1;
-     --discord-badge-sep-color: #4e5058;
-    --discord-badge-channel-color: #f2f3f5;
-}
-/* Auto mode — device en light */
-@media screen and (prefers-color-scheme: light) {
-     :root.skin-theme-clientpref-os {
-        --discord-badge-bg: #e3e5e8;
-        --discord-badge-bg-hover: #d4d7dc;
-        --discord-badge-server-color: #4e5058;
-        --discord-badge-sep-color: #8e9297;
-        --discord-badge-channel-color: #060607;
-    }
-}
-/* Auto mode — device en dark */
-@media screen and (prefers-color-scheme: dark) {
-    :root.skin-theme-clientpref-os {
-        --discord-badge-bg: #1e1f22;
-        --discord-badge-bg-hover: #2b2d31;
-        --discord-badge-server-color: #b5bac1;
-        --discord-badge-sep-color: #4e5058;
-        --discord-badge-channel-color: #f2f3f5;
-    }
 }
@@ Ligne 68 : / Ligne 28 : @@
 /* -----------------------------------------------
     Style : inline
+   Rendu : intégré au cours du texte
 ----------------------------------------------- */
 .discord-inline {
@@ Ligne 82 : / Ligne 43 : @@
      gap: 4px;
      text-decoration: none;
-     color: var(--color-link, #36c);
+     color: var(--color-link);
      font-weight: 500;
 }
@@ Ligne 103 : / Ligne 64 : @@
 /* -----------------------------------------------
     Style : badge
+   Rendu : pastille style Discord cliquable
 ----------------------------------------------- */
 .discord-badge {