jellyfin自定义css主题
首先在个人设置中将背景打开,否则将没有透明背景
将以下内容复制到:控制台-常规-自定义CSS代码
//改logo
.adminDrawerLogo img { content: url( https://c2.im5i.com/2022/10/20/TopCm.gif) !important; }
imgLogoIcon { content: url(https://c2.im5i.com/2022/10/20/TopCm.gif) !important; }
.pageTitleWithLogo { background-image: url(https://c2.im5i.com/2022/10/20/TopCm.gif) !important; }
胶片噪点,背景模糊.亮度降低
.backgroundContainer.withBackdrop {url(https://cloudimge.com/image/zao-dian.XqutO)
background: url(https://cloudimge.com/image/zao-dian.XqutO);
filter:opacity(0.5);
//background-color: rgba(0, 0, 0, .5);
}
.backdropContainer {
-webkit-backface-visibility: visible;
-webkit-perspective: 1000;
-webkit-transform: translate3d(0,0,0);
-webkit-transform: translateZ(0);
backface-visibility: visible;
perspective: 1000;
transform: translate3d(0,0,0);
transform: translateZ(0);
-webkit-filter: blur(20px) brightness(80%) !important;
-moz-filter: blur(20px) brightness(80%) !important;
-o-filter: blur(20px) brightness(80%) !important;
-ms-filter: blur(20px) brightness(80%) !important;
filter: blur(20px) brightness(80%) !important;
}
/*透明角标*/
.countIndicator, .fullSyncIndicator {background: #00000058; /*border: 1px solid white;*/}
.playedIndicator {background: #00000058;}
/*透明顶栏*/
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred {background:none; background-color:rgba(0, 0, 0, .3);}
.skinHeader.focuscontainer-x.skinHeader-withBackground.skinHeader-blurred.noHomeButtonHeader {background:none; background-color:rgba(0, 0, 0, .3);}