osu!cc by violu

/* ==UserStyle==
@name           osu!cc
@namespace      USO Archive
@author         cyperdark
@description    `Change the color scheme of the siteChangelog:v1 - Releasev1.1 - Select your background on the profile (https://i.imgur.com/BMcgOMg.jpg)v1.2 - Added other scrollbarv1.3 - Addedv1.4 - Added shadow to profile blockv1.5 - Background settings. Profile graph color`
@version        20211030.1.52
@license        NO-REDISTRIBUTION
@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]]*/;
    }
    .header-v4--users .header-v4__container--main {
        min-height: 0px;
    }
    .header-v4__container--main {
        height: 150px;
    }
    .header-v4__row--title {
        border-radius: 15px 15px 0px 0px;
    }
    .osu-page--supporter,
    
    .osu-page--supporter, .osu-page--users {
    border-radius: 15px;
}
    }
    
    .osu-page--users {
        box-shadow: 0 -70px 60px 30px rgb(0 0 0 / 45%);
    }
    .page-extra {
        background-image: url('');
        border-radius: 15px;
    }
    .osu-layout.osu-layout--full > .js-switchable-mode-page--scrollspy.js-switchable-mode-page--page {
        background-image: url('');
    }
    .profile-links {
        border-radius: 15px;
    }
    .profile-detail__row {
        border-radius: 15px;
    }
    .page-mode {
        border-radius: 15px;
    }
    .nav2-header__triangles {
        background-image: url('');
    }
    .profile-header {
        border-radius: 0px 0px 15px 15px;
    }
    .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));
    }
}