您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Improves UX on HiAnime: Removes blur, Adds rounded corners, Speeds up the website & more.
- // ==UserScript==
- // @name Better HiAnime
- // @namespace http://tampermonkey.net/
- // @version 3.1
- // @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 {
- font-weight: 400;
- } <<-- TO HERE (including the "}" otherwise you'll break the script lol.)
- */
- GM_addStyle ( `
- /* Change font weight so its just a bit bolder. */
- html body {
- font-weight: 400;
- }
- /* Adds rounded corners to the "show more" button. */
- html body .btn-showmore {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to the "Today,Week,Month" background */
- html body .nav-fill {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to the "Today,Week,Month" buttons themselves */
- html body .nav-link {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to Genre buttons. */
- html body .cbox.cbox-genres ul li a {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to cboxes (frames). */
- html body .cbox {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to search items. */
- html body .nav-item {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to the search "view all results" button. */
- html body .nav-bottom {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to the filter button. */
- html body .filter-icon {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to the search box */
- html body .search-input {
- border-radius: 15px !important;
- }
- /* Adds rounded corners to the search pop-up (suggestions) */
- html body .search-result-pop {
- top: 50px !important;
- border-radius: 15px !important;
- }
- /* Removes the topbar blur. */
- html body #header.fixed {
- background-color: rgb(32 31 49) !important;
- backdrop-filter: none !important;
- }
- /* Adds rounded corners to images. */
- html body .film-poster {
- border-radius: 8px !important;
- }
- /* Removes the image blur effect on hover. */
- html body .flw-item .film-poster .film-poster-ahref:after {
- backdrop-filter:none !important;
- }
- /* Removes the background blur for the hover pop-up. */
- html body .qtip-default {
- border-radius: 15px !important;
- backdrop-filter:none !important;
- background: rgb(81 80 100) !important;
- }
- /* Changes the transition times for hover effects. */
- html body .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;
- }
- html body #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 */
- html body .film-text.m-hide {
- display:none !important;
- }
- /* Removes the sharing section */
- html body .share-buttons {
- display:none !important;
- }
- /* Fixes the empty area left after removing the sharing section */
- html body .ani_detail-stage {
- margin-bottom: 0px !important;
- }
- /* Removes the comment shortcut. */
- html body .dt-comment {
- display:none !important;
- }
- /* Removes the Ad Banner for mobile devices. */
- html body .intro-app {
- display:none !important;
- }
- /* Removes the menu blur */
- html body #sidebar_menu_bg {
- backdrop-filter: none !important;
- }
- /* Corrects the menu color */
- html body #sidebar_menu {
- background: rgb(48 47 69) !important;
- }
- /* Corrects the user menu color */
- html body #user_menu {
- background-color: rgb(32 31 49) !important;
- backdrop-filter: none !important;
- }
- ` );