Skip to content

Instantly share code, notes, and snippets.

@GwyndolynMarchant
Last active October 10, 2022 17:42
Show Gist options
  • Save GwyndolynMarchant/22fabe8b5f0a2ff04052739b16bf9918 to your computer and use it in GitHub Desktop.
Save GwyndolynMarchant/22fabe8b5f0a2ff04052739b16bf9918 to your computer and use it in GitHub Desktop.
Jellyfin Subtitle Styling - VCR OSD

Re-styles the default subs on Jellyfin. Probably breaks a lot of specifically-styled subtitles because Jellyfin made the absurd choice to make all subtitle styles inline. Recommend baking in all complex subs.

Recommended font: https://puppy.cafe/@EeveeEuphoria/108427783946411284

@font-face {
font-family: "VCR Jazz Mono";
font-style: monospace;
font-weight: 400;
src: url('/web/fonts/VCRJazzMono.woff');
src: local(''),
url('/web/fonts/VCRJazzMono.woff') format('woff'),
url('/web/fonts/VCRJazzMono.ttf') format('truetype');
}
.videoSubtitles {
min-height: 4.05em !important;
}
.videoSubtitlesInner {
color: #ffff7f !important;
background: rgba(0,0,0,0.3) !important;
font-family: "VCR Jazz Mono" !important;
min-height: 0 !important;
text-shadow:
1px 1px 0px black,
-1px 1px 0px black,
1px -1px 0px black,
-1px -1px 0px black,
4px 4px 0px rgba(0,0,0,0.6)
!important;
padding: 4px 1ch;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment