Jellyfin Forum
Crunchyroll Subtitle Style - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Support (https://forum.jellyfin.org/f-support)
+--- Forum: Themes & Styles (https://forum.jellyfin.org/f-themes-styles)
+--- Thread: Crunchyroll Subtitle Style (/t-crunchyroll-subtitle-style)

Pages: 1 2


Crunchyroll Subtitle Style - seanmcbroom - 2024-05-31

Quick little subtitle style I created to mimic the subtitles on crunchyroll, enjoy ^_^

css here:
https://github.com/seanmcbroom/jellyfin-styles/blob/main/crunchyroll-subtitles.css

[Image: 3fWTDNx.png]
[Image: cUwWrW2.png]


RE: Crunchyroll Subtitle Style - jennystreaming - 2024-08-03

Gosh it's quiet here.. Thanks for sharing, I run it now and it looks so great!


RE: Crunchyroll Subtitle Style - El-Vagabond - 2024-11-06

Can upload again?


RE: Crunchyroll Subtitle Style - valere - 2024-11-10

(2024-11-06, 08:21 AM)El-Vagabond Wrote: Can upload again?

You can find the code via the following link:
https://web.archive.org/web/20240825145857/https://github.com/seanmcbroom/jellyfin-styles/blob/main/crunchyroll-subtitles.css


RE: Crunchyroll Subtitle Style - stephany - 2024-11-21

Post here again to perhaps spare someone an extra click or two:

/* Description: Crunchyroll subtitle style */

.htmlvideoplayer::cue {
font-family: Trebuchet MS !important;

color: white !important; /* Text color */
--stroke-color: black; /* Outline color */
--stroke-width: 4px;
--drop-shadow-offset: 2px;

text-shadow:
calc(var(--stroke-width) * 1) calc(var(--stroke-width) * 0) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * 0) calc(var(--stroke-width) * 1) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * 0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * 0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * 0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * -1) calc(var(--stroke-width) * 0) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * 0) calc(var(--stroke-width) * -1) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.3827) calc(var(--stroke-width) * -0.9239) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.7071) calc(var(--stroke-width) * -0.7071) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.9239) calc(var(--stroke-width) * -0.3827) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.5) calc(var(--stroke-width) * 0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.866) calc(var(--stroke-width) * 0.5) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.5) calc(var(--stroke-width) * -0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.5) calc(var(--stroke-width) * -0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.866) calc(var(--stroke-width) * -0.5) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.5) calc(var(--stroke-width) * 0.866) 0 var(--stroke-color),
calc(var(--stroke-width) * 0.866) calc(var(--stroke-width) * -0.5) 0 var(--stroke-color),
calc(var(--stroke-width) * -0.866) calc(var(--stroke-width) * 0.5) 0 var(--stroke-color),
calc(var(--stroke-width) + var(--drop-shadow-offset)) calc(var(--stroke-width) + var(--drop-shadow-offset)) 15px var(--stroke-color) !important;
}


RE: Crunchyroll Subtitle Style - 4r5hw45twh - 2025-01-30

(2024-05-31, 05:44 AM)seanmcbroom Wrote: Quick little subtitle style I created to mimic the subtitles on crunchyroll, enjoy ^_^

I'm confused. If you're watching anime, chances are it has CR subs in the file anyway.
I tried this code maybe a week or so ago but my subtitles didn't change any styles at all.


RE: Crunchyroll Subtitle Style - Seraph4 - 2025-02-01

Thanks for this


RE: Crunchyroll Subtitle Style - SatoshiMiamoto64 - 2025-02-13

how i can use ? i set in configs on custom CSS with my public repository with @import url('https://raw.githubusercontent.com/xxx/jelly-files/refs/heads/main/anime-sub-theme.css'); but don't work Confused-face


RE: Crunchyroll Subtitle Style - TheDreadPirate - 2025-02-13

What kind of subs do you have? If I understand correctly, this would only apply to SRT subs.


RE: Crunchyroll Subtitle Style - SatoshiMiamoto64 - 2025-02-13

The video I'm using for testing is an .mkv file with an included SRT subtitle track.  I want the styling to be applied only to SRT subtitles since ASS subtitles usually already have their own styling

[Image: Captura-de-tela-2025-02-13-182009.png]