Powercord CSS

discord.css

/* I do not own these CSS sinpets. This is just a config I like using. */

/* Sorry I forgot what this is */
.theme-dark .regionSelectModal-12e-57 {
    background: var(--background-primary) !important;
  }
  .theme-dark .regionSelectModalOption-2DSIZ3 {
    background: var(--background-secondary) !important;
    border-color: var(--background-secondary-alt) !important;
  }
  .theme-dark .regionSelectModalOption-2DSIZ3:hover {
    border-color: var(--background-tertiary) !important;
  }

  .spoilerText-3p6IlD.hidden-HHr2R9:hover .inlineContent-3ZjPuv {
          opacity: 1;
          border-radius: 3px;
          background-color: #4a4d53;
  }
  /*Yellow Permission Ticks*/
  .passthroughSelected-1Eq0Kl {
    background-color: #ffba00 !important;
  }
  .passthrough-1c2ewQ:not(.passthroughSelected-1Eq0Kl) img {
    content: url("https://cdn.discordapp.com/attachments/729456400077422623/748313547800313906/yellow.svg");
  }

  @import url("https://gistcdn.githack.com/MulverineX/5eef2d706420bcbb49425625d0f4f4f6/raw/58c38bfd7358849c12c1ec18ebf826f6084785fa/glass.css");


  @import url("https://raw.githack.com/LuckFire/CSS-Snippets/master/CustomHighlightColor/highlight.css");
  :root {
          --background-mentioned-side: rgb(114, 137, 218);
          --background-mentioned: rgba(114, 137, 218, 0.05);
          --background-mentioned-hover: rgba(114, 137, 218, 0.12);
          --local-bot-side: rgb(240, 71, 71);
          --local-bot-default: rgba(240, 71, 71, 0.05);
          --local-bot-hover: rgba(240, 71, 71, 0.12);
  }



  /* Better roles */
  .role-2irmRk {
    position: relative;
    overflow: hidden;
    border: none;
    padding: 5px;
  }
  .roleCircle-3xAZ1j::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    opacity: .2;
    pointer-events: none;
  }
  .footer-1fjuF6 {
    border-top: none;
  }

  /* My snippet for better codeblock fonts*/
  @import url("https://dev-cats.github.io/code-snippets/JetBrainsMono.css");
  code{
    font-family: 'JetBrains Mono';
    -webkit-font-feature-settings: "liga" on, "calt" on;
    text-rendering: optimizeLegibility;
  }


  /* Fuck Stickers */
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style] {
      height:auto !important;
      width:auto !important;
  }
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style]:active {
      height:160px !important;
      width:160px !important;
  }
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style]:after {
      content:'1 blocked sticker - Show Sticker';
      color:var(--text-link);
  }
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style]:active:after {
      content:none;
  }
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style]:hover:after {
      text-decoration:underline;
  }
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style] .lottieCanvas-1W7L-f,
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style] .pngImage-33yLRP {
      display:none;
  }
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style]:active .lottieCanvas-1W7L-f,
  .wrapper-2a6GCs .assetWrapper-3GNt0z[style]:active .pngImage-33yLRP {
      display:block;
  }

  .button-3AYNKb {
    display: none;
  }

  /* Better Spoilers */
  .contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9, .contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover, .contents-2mQqc9 .spoilerText-3p6IlD{
    background:rgb(130,130,130,0.1);
    border-radius: 7px;
  }
  .contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9>.inlineContent-3ZjPuv{
    filter: blur(5px);
    opacity: 1;
  }
  .contents-2mQqc9 .spoilerText-3p6IlD.hidden-HHr2R9:hover>.inlineContent-3ZjPuv{
    filter:none;
    opacity: 1;
  }



  /* Discord boxy */
  .sidebar-2K8pFh, .chat-3bRxxu, .container-3Mxszk, .container-1D34oG, .applicationStore-1pNvnv {
     border-radius: 15px 15px 0 0 !important
  }
  .chat-3bRxxu, .container-1D34oG, .container-3Mxszk, .applicationStore-1pNvnv {
     position: relative;
     left: 5px;
     padding-right: 5px
  }
  .iconWrapper-2OrFZ1::after {
      content:'';
      position:absolute;
      background:#fff;
      width:100%;
      height:100%;
      top:0;
      left:0;
      border-radius:inherit;
      opacity:0;
      pointer-events:none;
      transform:scale(0);
      transition: opacity 50ms linear;
      border-radius:50px;
  }
  .iconWrapper-2OrFZ1:active::after {
      transform:scale(1.4);
      opacity:.24;
      transition: opacity 50ms linear, transform 150ms ease;
  }
  .passthroughSelected-1Eq0Kl {
    background-color: #ffba00 !important;
  }
  .passthrough-1c2ewQ:not(.passthroughSelected-1Eq0Kl) img {
    content: url("https://cdn.discordapp.com/attachments/729456400077422623/748313547800313906/yellow.svg");
  }

  /* Bot tags not gay 
  .botTagRegular-2HEhHi {
      transition: .5s;
      background: rgba(114,137,218,0.1);
      color: #7289da;
  }
  .botTagRegular-2HEhHi:hover {
      transition: .5s;
      background: #7289da;
      color: #fff;
  }

* /
  /* Replace clyde with r.daggy */

  .wrapper-2a6GCs.ephemeral-1PsL1r .username-1A8OIy {
     --local-bot-name: "R.Daggy"; /* Change this */
  }

  .wrapper-2a6GCs.ephemeral-1PsL1r {
     background-color: rgba(114, 137, 218, 0.05);
     box-shadow: inset 2px 0 #7289DA;
  }
  .wrapper-2a6GCs.ephemeral-1PsL1r:hover {
     background-color: rgba(114, 137, 218, 0.12) !important;
  }

  .wrapper-2a6GCs.ephemeral-1PsL1r [src*="powercord"],
  .wrapper-2a6GCs.ephemeral-1PsL1r [src*="/assets/"] {
     content: url("https://discord.com/assets/dd4dbc0016779df1378e7812eabaa04d.png"); /* Change This */
  }

  .wrapper-2a6GCs.ephemeral-1PsL1r .username-1A8OIy {
     visibility: hidden;
  }
  .wrapper-2a6GCs.ephemeral-1PsL1r .username-1A8OIy::before {
     content: var(--local-bot-name);
     visibility: visible;
  }

  .wrapper-2a6GCs.ephemeral-1PsL1r [src*="powercord"] + .header-23xsNx > .headerText-3Uvj1Y > .botTagCozy-1fFsZk {
     margin-left: -65px;
  }
  .wrapper-2a6GCs.ephemeral-1PsL1r [src*="/assets/"] + .header-23xsNx > .headerText-3Uvj1Y > .botTagCozy-1fFsZk {
     margin-left: -30px;
  }

  /* Piss off verified devs */

  .profileBadgeVerifiedDeveloper-195KfD {

     display: none;
  }

.emoji {
  width: 2em;
  height: 2em;
}


.emoji.jumboable {
  width: 5em;
  height: 5em;
}




  .botTagVerified-1klIIt {
     display: none;
  }

  .emoji.jumboable {
    width: 5em;
    height: 5em;
  }

/* Mentions */
.theme-dark div[class*="markup-"] span[class*="mention"]:not([style*="color"]),
.theme-dark div[class*="messageContent-"] span[class*="mention"]:not([style*="color"]),
.theme-dark div[class*="embedWrapper-"] span[class*="mention"]:not([style*="color"]) {
    color: var(--brand-experiment) !important;
}

.theme-dark div[class*="markup-"] span[class*="mention"]:not([style*="color"]),
.theme-dark div[class*="message-"]:not([class*="mentioned-"]) div[class*="messageContent-"] span[class*="mention"]:not([style*="color"]),
.theme-dark div[class*="embedWrapper-"] span[class*="mention"]:not([style*="color"]) {
    background-color: var(--brand-experiment-10a) !important;
}


.theme-dark div[class*="message-"]:not([class*="mentioned-"]) div[class*="messageContent-"] span[class*="mention"]:not([style*="color"]):hover,
.theme-dark div[class*="embedWrapper-"] span[class*="mention"]:not([style*="color"]):hover {
    color: #fff !important;
    background-color: var(--brand-experiment) !important;
}

Best Paired with a DagCord:tm: theme.

https://github.com/DagCord

Best themes