Duolingo - Dark Theme by jesuscc1993

/* ==UserStyle==
@name           Duolingo - Dark Theme
@description    Dark theme for Duolingo.
@version        2024.04.29.11.03
@author         MetalTxus
@namespace      https://github.com/jesuscc1993/
@license        CC BY-SA 4.0
@preprocessor   uso

==/UserStyle== */
@-moz-document domain("duolingo.com") {
  :root {
    --color-dragon-always-light: 255, 128, 224;
  }

  [role="progressbar"],
  [id="session/PlayerFooter"] {
    filter: saturate(1.5);
  }

  html {
    filter: invert(0.9) hue-rotate(180deg);
  }

  canvas,
  img,
  svg:not([style*="--web-ui_speech-bubble-alignment"]),
  video,
  [style*="background-image"] {
    &,
    &:hover {
      filter: invert(1) hue-rotate(180deg) brightness(1.125) !important;
    }
  }

  /* powerups */
  .zFZva,
  /* double XP */
  ._1fwMd,
  /* unit test */
  ._145Ci,
  /* wrap up */
  ._23sc9,
  ._1LdIi,
  ._1ualb,
  ._3DWgD,
  ._3aUCN,
  .e9TL7,
  .MyHQ0,
  /* quest progress */
  .KAjTN,
  /* duolingo characters */
  .F2B9m,
  /* powerups */
  ._18Y9L,
	/* avatar editor button */
	[style*="--avatars-background-color"] button,
  .placeholder {
    filter: invert(1) hue-rotate(180deg) brightness(1.125);
  }

  /* trophy svg */
  ._1T2zW {
    filter: invert(1) hue-rotate(180deg) brightness(1.25);
  }

  ._212s-,
  /* achievements */
  ._3_QUJ,
  ._3dPmh,
  ._4iaAs,
  .lIg1v,
  .placeholder {
    filter: invert(1) hue-rotate(180deg) brightness(1.5);
  }

  [data-test*="skill-path-level"] path {
    fill: #fff;
    opacity: 0.2;
  }

  /**/
  ._2N5Ql {
    filter: none !important;
  }

  /* path step */
  ._3xT0z:after {
    box-shadow: 0 8px 0 rgba(var(--color-snow-always-light), 0.3), 0 8px 0 var(--path-level-color);
  }

  [style*="--avatars-background-color"] button {
    z-index: 1;
  }
}