Clean crunchyroll viewing experience
// ==UserScript==
// @name SmoothRoll
// @namespace https://bengrant.dev
// @version 0.3
// @description Clean crunchyroll viewing experience
// @author Ben Grant
// @match https://www.crunchyroll.com/*/*
// @grant none
// ==/UserScript==
const styles = `
:root {
--bg-color: #f2f2f2;
--main-color: #FFF;
--text-color: #000;
--link-color: #0676d6;
}
@media (prefers-color-scheme: dark) {
:root {
--bg-color: #222;
--main-color: #000;
--text-color: #DDD;
--link-color: #55b0ff;
}
.collection-carousel-arrow {
filter: invert(1);
}
}
body.main-page {
background-color: var(--bg-color);
}
.site-header {
background: var(--main-color);
box-shadow: none;
}
.header-menubar li a {
color: var(--text-color);
}
.games, .store {
display: none !important;
}
#template_container.template-container {
background: none;
}
#marketing_banner {
display: none;
}
#message_box {
display: none;
}
#showmedia_video_player {
border-radius: 8px;
overflow: hidden;
}
.showmedia-submenu {
display: none;
}
#main_content_white, .white-wrapper {
border-radius: 8px;
background: var(--main-color);
}
.guestbook {
display: none;
}
.new-template-body {
color: var(--text-color);
}
.new-template-body h3 {
display: none;
}
.new-template-body a.block-link, .old-template-body a.block-link, a.block-link {
color: var(--text-color);
}
.showmedia-related {
display: none;
}
#footer {
display: none;
}
#showmedia_about_info .rating {
display: none;
}
.new-template-body .block-link:hover, .new-template-body .pagination a, .new-template-body .para-div a, .new-template-body .sub-tabs .selectors a.text-link, .new-template-body .text-link, .new-template-body .wrapper a:hover a, .new-template-body a:hover h4, .new-template-body li a, .new-template-body p a, .new-template-body span a {
color: var(--link-color);
}
img {
border: none;
}
.episode-progress-bar {
background: var(--bg-color);
}
#showmedia_about_info_details span {
color: inherit;
}
.header-search-form {
border: 0;
}
.header-search-form .header-searchbox {
background: var(--bg-color);
color: var(--text-color);
border-radius: 4px;
}
.description .more {
display: inline !important;
}
.description .more-dots {
display: none;
}
.description a[href="#"] {
display: none;
}
#showmedia_about_info_details {
display: none;
}
.game-banner-wrapper {
display: none;
}
`;
const player = document.getElementById('showmedia_video_player');
if (player) {
let styleSheet = document.createElement("style");
styleSheet.type = "text/css";
styleSheet.innerText = styles;
document.head.appendChild(styleSheet);
}