Greasy Fork is available in English.
Crunchyroll website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
/* ==UserStyle==
@name Crunchyroll optimized & customizable for wide screens
@description Crunchyroll website interface is reworked to offer a cleaner and comfortable experience on desktop, with visual adjustments that adapt to your needs.
@version 1.0.6
@author BreatFR (https://breat.fr)
@namespace https://breat.fr
@homepageURL https://usercssjs.breat.fr/c/crunchyroll
@supportURL https://discord.gg/W7FKesJ9aG
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor stylus
@var text fontsize "Custom font size" 1.2rem
@var checkbox hidescrollbars "Hide scrollbars" 1
==/UserStyle== */
/* ==Credits==
Website https://breat.fr
Bluesky https://bsky.app/profile/breatfroff.bsky.social
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
==/Credits== */
/* ==Support==
brave Creators https://publishers.basicattentiontoken.org/c/breatfr
Buy me a coffee https://buymeacoffee.com/breatfr
ko-fi https://ko-fi.com/breatfr
PayPal https://paypal.me/breat
==/Support== */
@-moz-document domain("crunchyroll.com") {
/* =======================================
Crunchyroll
======================================= */
/* Versions */
:root {
--themeversion: 'Theme v1.0.6 by BreatFR (https://breat.fr)';
--install: ' usercssjs.breat.fr/c/crunchyroll';
--help: ' discord.gg/W7FKesJ9aG';
--support1: ' ko-fi.com/breatfr ';
--support2: ' paypal.me/breat';
--fontsize: fontsize;
--fontsize4k: calc(var(--fontsize) + .2rem);
}
@media (min-width: 900px) {
header > div::after,
header > div::before {
background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
background-clip: text;
color: transparent;
display: block;
font-family: inherit;
font-size: inherit;
line-height: calc(60px / 2);
pointer-events: none;
position: absolute;
text-align: center;
top: 0;
width: auto;
white-space: pre-line;
z-index: 9999;
}
header > div::after {
content: var(--themeversion) '\A Help: ' url("https://code.breat.fr/share/images/icons/discord.png") var(--help);
left: 52%;
}
header > div::before {
content: 'Install: ' url("https://code.breat.fr/share/images/icons/breat.fr.png") var(--install) '\ASupport me: ' url("https://code.breat.fr/share/images/icons/ko-fi.png") var(--support1) url("https://code.breat.fr/share/images/icons/paypal.png") var(--support2);
right: 10%;
}
}
[class*="hero-content-card"],
[class*="text--is"] {
font-size: fontsize;
line-height: 1.5;
--line-height: 1.5;
}
[class*="browse-card-hover__description"] {
--max-lines: 14;
}
[class*="hero-content-card__description"] {
-webkit-line-clamp: unset;
}
[class*="wide-cards-carousel__arrow-icon"] {
--arrow-size: fontsize !important;
}
@media (min-resolution: 1dppx) and (min-width: 3800px) {
[class*="hero-content-card"],
[class*="text--is"] {
font-size: var(--fontsize4k) !important;
line-height: 1.5;
--line-height: 1.5;
}
[class*="browse-card-hover__description"] {
--max-lines: 35;
}
[class*="wide-cards-carousel__arrow-icon"] {
--arrow-size: calc(var(--fontsize4k) * 4) !important;
}
}
if hidescrollbars {
* {
scrollbar-width: none !important;
}
}
img,
[class*="browse-card-hover__content"] {
border-radius: .5em !important;
}
[class*="card-watchlist-label__background"] {
border-width: 2rem;
}
[class*="card-watchlist-label__icon"] {
width: 2rem;
}
[class*="carousel-scroller__track"] {
overflow: hidden;
}
/* Footer */
[class*="container"] {
max-width: 100% !important;
}
}
@-moz-document regexp("https://www\\.crunchyroll\\.com/[^/]+/videos/.*") {
/* Genres */
.erc-genres-header .description,
.content-wrapper--MF5LS,
.erc-genres-content {
max-width: 100%;
}
/* Hover texts */
.browse-card__title--YK28O {
font-size: 16px;
}
.browse-card-hover__title--8m4Az,
.browse-card-hover__description--e28NH {
font-size: 18px;
--max-lines: 16;
}
}
@-moz-document regexp("https://www\\.crunchyroll\\.com/[^/]+/history") {
/* History */
.history-playable-card__show-title--Ufpz3{
font-size: fontsize;
line-height: 1.5;
}
.content-wrapper--MF5LS {
max-width: 100%;
}
}
@-moz-document regexp("https://www\\.crunchyroll\\.com/[^/]+/watchlist") {
/* Watchlist */
.content-wrapper--MF5LS {
max-width: 100%;
}
}
@-moz-document regexp("https://www\\.crunchyroll\\.com/[^/]+/series/.*") {
/* Series */
.details-section-wrapper {
display: flex !important;
flex-direction: column;
}
[class*="expandable-section__wrapper--"] {
max-height: fit-content;
}
[class*="expandable-section__wrapper--is-faded--"] {
--fade-size: 0;
-webkit-mask-image: none;
mask-image: none;
}
[data-t="expandable-btn"] {
display: none;
}
.playable-card-hover__title--qY0dg {
flex-wrap: wrap;
min-height: fit-content;
--max-lines: unset;
}
}
@-moz-document regexp("https://www\\.crunchyroll\\.com/[^/]+/notifications") {
/* Centre de notifications */
.content-wrapper--MF5LS {
max-width: 100% !important;
}
}
@-moz-document regexp("https://www\\.crunchyroll\\.com/[^/]+/watch/.*") {
.content-wrapper--MF5LS {
max-width: 100% !important;
}
.erc-watch-episode-layout .body-wrapper {
grid-template-columns: 1fr 367px !important;
}
}