anilist-css-tweaks-beta by Matewoo

/* ==UserStyle==
@name         anilist-css-tweaks-beta
@namespace    https://github.com/Matewoo/anilist-css-tweaks
@version      0.2.3-beta
@description  Small changes for anilist, like removing the scrollbar on profile pages.
@author       Matewoo
==/UserStyle== */
@-moz-document domain("anilist.co") {
    
    /*color Support for all default colors*/
    body:has(.user.blue), body {
        --accent-color-profile: 61,180,242;
    }
    
    body:has(.user.purple) {
        --accent-color-profile: 179,104,230;
    }
    
    body:has(.user.green) {
        --accent-color-profile: 74,189,78;
    }
    
    body:has(.user.orange) {
        --accent-color-profile: 218,123,21;
    }
    
    body:has(.user.red) {
        --accent-color-profile: 218,65,39;
    }
    
    body:has(.user.pink) {
        --accent-color-profile: 216,120,203;
    }
    
    body:has(.user.gray) {
        --accent-color-profile: 124,137,154;
    }

    body {
        --dropdown-menu-background: 250,250,250, .6;
        --dropdown-menu-item-hover: 186, 186, 186, .5;
        --menu-border-color: 55,73,99, 1;
        --footer-color: 232, 232, 232;
        --footer-text-color: 87, 96, 107;
    }
    
    body.site-theme-dark {
        --dropdown-menu-background: 21,31,46, .6;
        --dropdown-menu-item-hover: 55,73,99, .5;
        --menu-border-color: 255,255,255, 1;
        --footer-color: 17,22,29;
        --footer-text-color: 160, 177, 197;
    }
    
    body::-webkit-scrollbar { /*hide "main" scrollbar (Chromium)*/
        display: none;
    }

    .about .content-wrap::-webkit-scrollbar { /*hide profile "about" scrollbar (Chromium)*/
        display: none;
    }
    
    .markdown::-webkit-scrollbar { /*hide "comments" scrollbar (Chromium)*/
        display: none;
    }
    
    .nav-btn[data-v-1cc2919e] {
        border-radius: 20px;
        padding-bottom: 7px;
    }
    
    .mod-badge-wrap.follower-badge {
        border-radius: 20px;
        padding-top: 9px;
        margin-bottom: 21px;
    }
    
    .banner-content .avatar {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    
    .activity-entry .markdown img { /*border radius "imgs comments"*/
        border-radius: 20px;
    }
    
    .wrap .text .header .avatar {
        border-radius: 15px;
    }
    
    .avatar[data-v-732ef224] {
        border-radius: 10px;
    }

    .about .content-wrap[data-v-5c30286e] { /*border radius "about"*/
        border-radius: 20px;
    }

    .desktop .activity-history[data-v-b79eb0f0] { /*border radius "activity history"*/
        border-radius: 20px;
    }

    .desktop .genre-overview[data-v-63cd3b41] { /*border radius "genre overview"*/
        border-radius: 20px;
    }

    .favourites-wrap[data-v-ddf96a3c] { /*border radius "characters"*/
        border-radius: 20px;
    }

    .stats-wrap .list-stats[data-v-815ccddc] { /*border radius "stats"*/
        border-radius: 20px;
    }

    .activity-feed-wrap .markdown-editor[data-v-c574a71c] { /*border radius "status editor"*/
        border-radius: 20px;
    }

    .activity-edit .el-textarea { /*border radius "status editor"*/
        border-radius: 20px;
    }

    .input .el-textarea__inner { /*border radius "status editor"*/
        border-radius: 20px;
    }

    .input .el-textarea__inner::-webkit-scrollbar { /*hide "status" scrollbar (Chromium)*/
        display: none;
    }

    .activity-edit .actions .button[data-v-c574a71c] { /*border radius "editor buttons"*/
        border-radius: 20px;
        padding-bottom: 7px;
    }

    .activity-entry .wrap[data-v-04d66030] { /*border radius "activity entry"*/
        border-radius: 20px;
    }
    
    .list.small .cover[data-v-04d66030]  { /*border radius "profile-entry-cover"*/
        border-radius: 20px;
    }
    
    .section-header .actions[data-v-ddf96a3c] div {
        border-radius: 20px;
        padding-top: 10px;
    }
    
    .delete[data-v-0317d914], .el-input__inner, .el-input {
        border-radius: 20px;
    }

    .like-wrap .users {
        border-radius: 10px;
    }
    
    .activity-replies .reply {
        border-radius: 20px;
    }
    
    .scroller .load-more[data-v-6f203cf2] { /*border radius "load more button"*/
        border-radius: 20px;
        margin-top:30px;
    }

    .overview[data-v-5c30286e] { /*margin between head section and body section*/
        margin-top: 20px;
    }
    
    .section-header[data-v-eb51fd0e] { /*margin between stats and activity*/
        margin-top: 10px;
    }
    
    .el-dropdown-menu[data-v-04d66030], .el-dropdown-menu[data-v-5776f768], .el-dropdown-menu[data-v-eb51fd0e], .el-dropdown-menu[data-v-1cc2919e], .el-select-dropdown { /*new dropdown menu*/
        background-color: rgba(var(--dropdown-menu-background));
        backdrop-filter:blur(2px);
        border-style:solid;
        border-width: 1px;
        border-radius: 20px;
        padding: 0;
        margin:5px;
    }
    
    .el-dropdown-menu__item[data-v-04d66030]:not(.el-dropdown-menu__item--divided), .el-dropdown-menu__item[data-v-5776f768]:not(.el-dropdown-menu__item--divided), .el-dropdown-menu__item[data-v-1cc2919e] {
        padding-top:5px;
        padding-bottom:5px;
        transition:0s;
    }
    
    .el-dropdown-menu__item[data-v-eb51fd0e]:not(.el-dropdown-menu__item--divided), .el-scrollbar__view {
        padding-top:0px;
        padding-bottom:0px;
        transition:0s;
    }
    
    
    .el-dropdown-menu__item[data-v-04d66030]:hover:not(.el-dropdown-menu__item--divided), .el-dropdown-menu__item[data-v-5776f768]:hover:not(.el-dropdown-menu__item--divided), .el-dropdown-menu__item[data-v-eb51fd0e]:hover:not(.el-dropdown-menu__item--divided), .el-dropdown-menu__item[data-v-1cc2919e]:hover, .el-select-dropdown__item.hover {
        background-color:rgba(var(--dropdown-menu-item-hover));
        border-radius:20px;
        color: rgb(var(--accent-color-profile));
        transition:0s;
    }
    
    .el-dropdown-menu__item--divided[data-v-04d66030]:hover, .el-dropdown-menu__item--divided[data-v-5776f768]:hover, .el-dropdown-menu__item--divided[data-v-eb51fd0e]:hover {
        background-color: rgb(var(--dropdown-menu-item-hover));
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        color: rgb(var(--accent-color-profile));
        transition:0s;
    }
    
    .el-dropdown-menu__item--divided:before {
        display: none;
    }

    .el-dropdown-menu__item.el-dropdown-menu__item--divided[data-v-04d66030], .el-dropdown-menu__item.el-dropdown-menu__item--divided[data-v-5776f768], .el-dropdown-menu__item.el-dropdown-menu__item--divided[data-v-eb51fd0e] {
        padding-top:5px;
        padding-bottom:5px;
        margin-top:0px;
        border-color: rgb(var(--accent-color-profile));
        transition:0s;
    }
    
    .el-select-dropdown__item {
        padding-top:1px;
    }
    
    .el-select-dropdown__item.selected {
        color: rgb(var(--accent-color-profile));
        text-decoration: underline;
    }
    
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
        background-color: transparent;
        color: rgb(var(--accent-color-profile));
        text-decoration: underline;
    }
    
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
        background-color: rgba(var(--dropdown-menu-item-hover));
    }
    
    .el-scrollbar {
        overflow: hidden;
        border-radius: 20px;
    }
    
    .el-scrollbar__bar.is-vertical {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    
    .filter-group .group-header[data-v-170179fc] {
        color: rgb(var(--accent-color-profile));
        font-weight: bold;
    }
    
    .el-tooltip.random-btn[data-v-170179fc] {
        border-radius: 20px;
    }
    
    /*backgroundcolors for all accent colors*/
    body .user.blue {
        background: linear-gradient(#EDF1F5, #d8e7f0, #EDF1F5);
    }
    
    body.site-theme-contrast .user.blue {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.blue {
        background: linear-gradient(#0B1622, #0c1d26, #0B1622);
    }
    
    
    body .user.purple {
        background: linear-gradient(#EDF1F5, #e5d5f0, #EDF1F5);
    }
    
    body.site-theme-contrast .user.purple {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.purple {
        background: linear-gradient(#0B1622, #180b21, #0B1622);
    }
    
    
    body .user.green {
        background: linear-gradient(#EDF1F5, #e1f0e2, #EDF1F5);
    }
    
    body.site-theme-contrast .user.green {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.green {
        background: linear-gradient(#0B1622, #0b210c, #0B1622);
    }
    
    
    body .user.orange {
        background: linear-gradient(#EDF1F5, #f2e9df, #EDF1F5);
    }
    
    body.site-theme-contrast .user.orange {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.orange {
        background: linear-gradient(#0B1622, #261a0d, #0B1622);
    }
    
    
    body .user.red {
        background: linear-gradient(#EDF1F5, #f0e4e4, #EDF1F5);
    }
    
    body.site-theme-contrast .user.red {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.red {
        background: linear-gradient(#0B1622, #26100d, #0B1622);
    }
    
    
    body .user.pink {
        background: linear-gradient(#EDF1F5, #f2e4ed, #EDF1F5);
    }
    
    body.site-theme-contrast .user.pink {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.pink {
        background: linear-gradient(#0B1622, #210b1e, #0B1622);
    }
    
    
    body .user.gray {
        background: linear-gradient(#EDF1F5, #dae1eb, #EDF1F5);
    }
    
    body.site-theme-contrast .user.gray {
        background: #E5EBF1
    }
    
    body.site-theme-dark .user.gray {
        background: linear-gradient(#0B1622, #16191c, #0B1622);
    }
    
    .user-page-unscoped.gray .progress .bar { /*m...