User:CuriousSmudge123/common.css

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

/* I cant work out how to not make the colours change with dark mode :/ */
/* Im just gonna use dark reader to modify the css */


.mw-logo {
	background: linear-gradient(180deg, #5BCEFA 20%, #F5A9B8 20%, 40%, #FFFFFF 40%, 60%, #F5A9B8 60%, 80%, #5BCEFA 80%);
}


/*
.mw-logo {
  background: linear-gradient(180deg, 
    var(--gradient-color-1) 20%, 
    var(--gradient-color-2) 20%, 40%, 
    var(--gradient-color-3) 40%, 60%, 
    var(--gradient-color-2) 60%, 80%, 
    var(--gradient-color-1) 80%
  );
}

:root {
  --gradient-color-1-light: #5BCEFA;
  --gradient-color-2-light: #F5A9B8;
  --gradient-color-3-light: #FFFFFF;
  --gradient-color-1-dark: #5BCEFA; 
  --gradient-color-2-dark: #F5A9B8;
  --gradient-color-3-dark: #FFFFFF; 
}

@media (prefers-color-scheme: dark) {
  .mw-logo {
    background: linear-gradient(180deg, 
      var(--gradient-color-1-dark) 20%, 
      var(--gradient-color-2-dark) 20%, 40%, 
      var(--gradient-color-3-dark) 40%, 60%, 
      var(--gradient-color-2-dark) 60%, 80%, 
      var(--gradient-color-1-dark) 80%
    );
  }
}

*/


.mw-logo-wordmark {
	filter: invert(0) !important;
}
.mw-logo-tagline {
	filter: invert(0) !important;
}