|
|
| (2 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 7 : |
Ligne 7 : |
| Suppression de l'icône lien externe | | Suppression de l'icône lien externe |
| ----------------------------------------------- */ | | ----------------------------------------------- */ |
| .discord-badge .external::after, | | .discord-badge .external::after { |
| .discord-inline .external::after {
| |
| display: none !important; | | 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 {
| |
| width: 12px;
| |
| height: 12px;
| |
| object-fit: contain;
| |
| vertical-align: middle;
| |
| position: relative;
| |
| top: -1px;
| |
| }
| |
| | |
| /* -----------------------------------------------
| |
| Style : badge
| |
| ----------------------------------------------- */ | | ----------------------------------------------- */ |
| .discord-badge { | | .discord-badge { |
| Ligne 90 : |
Ligne 46 : |
| display: inline-flex; | | display: inline-flex; |
| align-items: center; | | align-items: center; |
| margin-right: 6px; | | margin-right: 8px; |
| flex-shrink: 0; | | flex-shrink: 0; |
| } | | } |
| Ligne 102 : |
Ligne 58 : |
|
| |
|
| .discord-badge__server { | | .discord-badge__server { |
| color: var(--color-subtle); | | color: var(--color-base); |
| font-size: 0.8em; | | font-size: 0.85em; |
| font-weight: 500; | | font-weight: 500; |
| } | | } |
| Ligne 110 : |
Ligne 66 : |
| color: var(--color-subtle); | | color: var(--color-subtle); |
| margin: 0 5px; | | margin: 0 5px; |
| font-size: 0.8em; | | font-size: 0.85em; |
| opacity: 0.6; | | font-weight: 300; |
| } | | } |
|
| |
|
| Ligne 118 : |
Ligne 74 : |
| 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%);
| |
| }
| |
| } | | } |
