diff --git a/static/other/jellyfin.css b/static/other/jellyfin.css new file mode 100644 index 0000000..6b5457f --- /dev/null +++ b/static/other/jellyfin.css @@ -0,0 +1,47 @@ +/* +This file styles jellyfin and can be imported by adding: +@import url("https://bocken.org/other/jellyfin.css"); +under Server -> General -> Custom CSS Code +*/ +/* jellyscrub default: width: 15vw, annoying for smaller screen sizes */ +.chapterThumbContainer{ + width: min(80vw, 500px); +} +/* Attempt to change accent color */ + +:root{ +--blue: #5E81AC; +--lightblue: #81A1C1; +--swiper-theme-color: var(--blue); +} + +.selectionCommandsPanel, +.countIndicator, .fullSyncIndicator, .mediaSourceIndicator, .playedIndicator, +.itemProgressBarForeground, +.mdl-slider-background-lower, +.iconOsdProgressInner{ + background-color: var(--blue); +} +.mdl-slider{ + color: var(--blue); +} +@media (hover: hover) and (pointer: fine){ +.paper-icon-button-light:hover:not(:disabled) { + color: var(--lightblue); + background-color: rgba(var(--blue), 0.2); +} +} + + +.mdl-spinner__layer-1, +.mdl-spinner__layer-2, +.mdl-spinner__layer-3{ + border-color: var(--blue); +} + +input[type="range"]::-moz-range-thumb{ + background-color: var(--blue); +} +input[type="range"]::-webkit-slider-thumb{ + background-color: var(--blue); +}