osu!cc by nerua

/* ==UserStyle==
@name         osu!cc
@namespace    USO Archive
@author       cyperdark
@description  OUTDATED, NEW ONE https://userstyles.world/style/1767/osu-color-changer
@version      20211030.01.52
@license      NONE
@preprocessor uso
@advanced dropdown color "Choose a color" {
    red "Red*" <<<EOT 0 EOT;
    orange "Orange" <<<EOT 30 EOT;
    yellow "Yellow" <<<EOT 60 EOT;
    lime "Lime" <<<EOT 85 EOT;
    green "Green" <<<EOT 120 EOT;
    Cyan "Cyan" <<<EOT 180 EOT;
    blue "Blue" <<<EOT 240 EOT;
    Grey-purple "Grey-purple" <<<EOT 255 EOT;
    magenta "Magenta" <<<EOT 300 EOT;
    pink "Pink" <<<EOT 330 EOT;

}
@advanced dropdown bg "Custom background" {
    test "Default*" <<<EOT https://w.wallhaven.cc/full/md/wallhaven-md3vjm.jpg EOT;

	bg-custom-dropdown "Custom" <<<EOT /*[[bg-custom]]*\/ EOT;
}
@advanced text bg-custom "Custom background (Custom)" "https://example.com/image.png"
@advanced text bgpos "Background position" "center"
@advanced text bgsize "Background size" "cover"
@advanced dropdown bgrepeat "background repeat" {
    no-repeat "No repeat*" <<<EOT no-repeat EOT;
    repeat "Repeat" <<<EOT repeat EOT;
    repeat-x "Repeat horizontally" <<<EOT repeat-x EOT;
    repeat-y "Repeat vertically" <<<EOT repeat-y EOT;
    round "Round" <<<EOT round EOT;
    space "Space" <<<EOT space EOT;

}
@advanced dropdown bgblend "Background blend mode" {
    normal "normal*" <<<EOT normal EOT;
    multiply "multiply" <<<EOT multiply EOT;
    screen "screen" <<<EOT screen EOT;
    overlay "overlay" <<<EOT overlay EOT;
    darken "darken" <<<EOT darken EOT;
    lighten "lighten" <<<EOT lighten EOT;
    color-dodge "color-dodge" <<<EOT color-dodge EOT;
    color-burn "color-burn" <<<EOT color-burn EOT;
    hard-light "hard-light" <<<EOT hard-light EOT;
    soft-light "soft-light" <<<EOT soft-light EOT;
    difference "difference" <<<EOT difference EOT;
    exclusion "exclusion" <<<EOT exclusion EOT;
    hue "hue" <<<EOT hue EOT;
    saturation "saturation" <<<EOT saturation EOT;
    color "color" <<<EOT color EOT;
    luminosity "luminosity" <<<EOT luminosity EOT;

}
==/UserStyle== */
@-moz-document url-prefix("https://osu.ppy.sh/") {
:root {
    --base-hue: /*[[color]]*/;
    --base-hue-deg: /*[[color]]*/deg;
}
body, html {scrollbar-color: hsl(var(--base-hue),100%,70%) #000;}
/*.user-action-button--mutual {background: hsl(var(--base-hue),40%,60%);}
.user-action-button--mutual:hover {background: hsl(var(--base-hue),30%,50%);}*/
.header-v4__bg-container {z-index: -1;}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-thumb {
    background-color: hsl(var(--base-hue),100%,70%);
    border-radius: 100px;
}
::-webkit-scrollbar-thumb:hover {background-color: hsl(var(--base-hue),50%,50%);}
}

@-moz-document regexp("https://osu.ppy.sh/users/9893708") {
:root {
    --base-hue: 255!important;
    --base-hue-deg: 255deg;
}
.value-display.value-display--pp {display: none !important;}
}

@-moz-document url-prefix("https://osu.ppy.sh/users") {
.osu-layout.osu-layout--full>.js-switchable-mode-page--scrollspy.js-switchable-mode-page--page {
    background: hsl(var(--base-hue),20%,40%);
    background-image: url(/*[[bg]]*/);
    background-size: /*[[bgsize]]*/;
    background-repeat: /*[[bgrepeat]]*/;
    background-position: /*[[bgpos]]*/;
    background-blend-mode: /*[[bgblend]]*/;
}

.osu-page--supporter, .osu-page--users {
    box-shadow: 0 -70px 60px 30px rgb(0 0 0 / 45%);
}

.line-chart--profile-page .line-chart__line {
    stroke: hsl(var(--hsl-h1));
}

.line-chart--profile-page .line-chart__hover-line {
    background-color: hsl(var(--hsl-h1));
}

.line-chart--profile-page .line-chart__hover-circle {
    border-color: hsl(var(--hsl-h1));
}
}