MediaWiki:Citizen.css

/* All CSS here will be loaded for users of the Citizen skin */

/* Discord icon in header with hover effect */
/* Discord icon in header with hover effect */
.disc-icon {
  background-image: url(/images/thumb/0/05/Discord.svg/20px-Discord.svg.png);
  background-repeat: no-repeat;
  background-position: center;
  opacity: var(--opacity-icon-base);
  width: 40px;
  height: 40px;
}
.disc-icon:hover {
  transform: rotate3d(0,0,1,360deg);
  transition: all .25s;
}
.skin-citizen-dark .disc-icon {
  filter: var(--filter-invert);
}
#citizen-discord__buttonCheckbox > span:nth-child(1) {
  visibility: hidden;
}
 .citizen-header__buttonCheckbox {
    cursor: pointer;
}

.citizen-ui-icon.mw-ui-icon-discord {
  background-image: url(/images/thumb/0/05/Discord.svg/20px-Discord.svg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.6;
}

.skin-citizen-dark .citizen-ui-icon.mw-ui-icon-discord, .skin-citizen-auto .citizen-ui-icon.mw-ui-icon-discord {
	filter: invert( 1 );
}

/* Bottom menu icons */
#n-sidebar-icon-discord a:before {background-image: url('/images/thumb/0/05/Discord.svg/20px-Discord.svg.png')}