/* ==UserStyle==
@name           Scrollbar for Opera GX
@description    An scrollbar replacement to that horrible gray Opera GX scrollbar
@version        2023.05.11.13.21
@author         HelloTech
@namespace      https://github.com/HelloTech2
@license        CC BY-SA 4.0
@preprocessor   uso

@advanced dropdown scope                 "Scope" {
  scope-any        "All scrollbars"      <<<EOT  EOT;
  scope-html       "Main scrollbar"      <<<EOT html >  EOT;
}

@advanced text     scrollbar-width       "Width" "17px"
@advanced text     border-radius         "Border radius" "8px"
@advanced text     border-width          "Border width" "3px"
@advanced text     border-width-hover    "Border width (hover)" "2px"

@advanced dropdown dark-player           "Dark audio player" {
  dark-player-0    "Disabled"            <<<EOT  EOT;

  dark-player-1    "Enabled"             <<<EOT audio {
    filter: invert(1) hue-rotate(180deg);
  } EOT;
}

==/UserStyle== */

/*[[dark-player]]*/
@-moz-document regexp("https?://(?!(www\.)?(discord.com)).*") {
  /*[[scope]]*/::-webkit-scrollbar,
  /*[[scope]]*/::-webkit-scrollbar-corner,
  /*[[scope]]*/::-webkit-scrollbar-track-piece {
    background: env(-opera-gx-background-color) !important;
  }

  /*[[scope]]*/::-webkit-scrollbar {
    width: /*[[scrollbar-width]]*/ !important;
    height: /*[[scrollbar-width]]*/ !important;
  }

  /*[[scope]]*/::-webkit-scrollbar-thumb {
    background: env(-opera-gx-accent-color) !important;
    border: /*[[border-width]]*/ solid env(-opera-gx-background-color) !important;
    border-radius: /*[[border-radius]]*/ !important;
  }

  /*[[scope]]*/::-webkit-scrollbar-thumb:hover {
    background: hsl(env(-opera-gx-accent-color-h) , env(-opera-gx-accent-color-s) , 80%) !important;
    border-width: /*[[border-width-hover]]*/ !important;
  }
}