SmoothRoll

Clean crunchyroll viewing experience
2021-02-27 기준 버전입니다. 최신 버전을 확인하세요.
줄 바꿈
// ==UserScript==
// @name         SmoothRoll
// @namespace    https://bengrant.dev
// @version      0.2
// @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;
}
`;

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);
}