Better HiAnime

Improves UX on HiAnime: Removes blur, Adds rounded corners, Speeds up the website & more.
当前为 2025-02-18 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name        Better HiAnime
// @namespace   http://tampermonkey.net/
// @version     3
// @author      Ghoste
// @description Improves UX on HiAnime: Removes blur, Adds rounded corners, Speeds up the website & more.
// @icon        https://hianime.to/images/icons-192.png
// @license     MIT
// @include     *://*hianime*/*
// @grant       GM_addStyle
// @run-at      document-start
// ==/UserScript==

/* This is the default configuration for the script, This should be good enough for most people,
   but if it isnt, then feel free to modify it to your taste, i've labeled everything so it shouldnt be too difficult.

   If you dont like a part of the style,
   you can remove it by selecting everything from:

   HERE -->> /* Example Label */
/*           blabla {
             sum-property-n1: value;
             sum-property-n2: value;
             } <<-- TO HERE (including the "}" otherwise you'll break the script lol.)
*/


GM_addStyle ( `
    /* Change font weight so its just a bit bolder. */
    body {
    font-weight: 400;
    }
    /* Adds rounded corners to the "show more" button. */
    .btn-showmore {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to the "Today,Week,Month" background */
    .nav-fill {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to the "Today,Week,Month" buttons themselves */
    .nav-link {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to Genre buttons. */
    .cbox.cbox-genres ul li a {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to cboxes (frames). */
    .cbox {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to search items. */
    .nav-item {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to the search "view all results" button. */
    .nav-bottom {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to the filter button. */
    .filter-icon {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to the search box */
    .search-input {
    border-radius: 15px !important;
    }
    /* Adds rounded corners to the search pop-up (suggestions) */
    .search-result-pop {
    top: 50px !important;
    border-radius: 15px !important;
    }
    /* Removes the topbar blur. */
    #header.fixed {
    background-color: rgb(32 31 49) !important;
    backdrop-filter: none !important;
    }
    /* Adds rounded corners to images. */
    .film-poster {
    border-radius: 8px !important;
    }
    /* Removes the image blur effect on hover. */
    .flw-item .film-poster .film-poster-ahref:after {
    backdrop-filter:none !important;
    }
    /* Removes the background blur for the hover pop-up. */
    .qtip-default {
    border-radius: 15px !important;
    backdrop-filter:none !important;
    background: rgb(81 80 100) !important;
    }
    /* Changes the transition times for hover effects. */
    .film-poster-ahref i, .film-poster-ahref:after, .film-poster-ahref:before, .film-poster-img, .preform.preform-dark .form-control, .trending-list {
    transition: all .2s ease 0s !important;
    -webkit-transition: all .2s ease 0s !important;
    }
    #header.header-home, #sidebar_menu, .block-rating .button-rate, .film-poster-ahref:after, .flw-item, .live-thumbnail-img, .lv-list .item, .profile-avatar, .rep-in .btn i, .toggle-onoff, .toggle-onoff>span, div.detail .is-info>div {
    transition: all .2s ease 0s;
    -webkit-transition: none !important;
    }
    /* Removes the description ad */
    .film-text.m-hide {
    display:none !important;
    }
    /* Removes the sharing section */
    .share-buttons {
    display:none !important;
    }
    /* Fixes the empty area left after removing the sharing section */
    .ani_detail-stage {
    margin-bottom: 0px !important;
    }
    /* Removes the comment shortcut. */
    .dt-comment {
    display:none !important;
    }
    /* Removes the Ad Banner for mobile devices. */
    .intro-app {
    display:none !important;
    }
    /* Removes the menu blur */
    #sidebar_menu_bg {
    backdrop-filter: none !important;
    }
    /* Corrects the menu color */
    #sidebar_menu {
    background: rgb(48 47 69) !important;
    }
    /* Corrects the user menu color */
    #user_menu {
    background-color: rgb(32 31 49) !important;
    backdrop-filter: none !important;
    }
` );
欢迎访问Greasy Fork镜像
