Closed NeilS-95 closed 1 month ago
HI, @NeilS-95, Use this method to hide the images for the different libraries Target images based on their source URL CSS: img[src^="https://cdn.example.com/libraries/"] { display: none; }
You can edit what sections appear in your webUI in your jellyfin user settings. The small library entries are not part of the theme.
Is there any css to hide the images for the different libraries like in the first example image at the top of the ultrachromic readme?
I'm using the following custom css code for context:
@import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fixes.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/jf_font.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/base.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/accentlist.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/smallercast.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/header/header_transparent.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/login/login_minimalistic.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/fields/fields_border.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/cornerindicator/indicator_floating.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/type/dark_withaccent.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/titlepage/title_banner.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/bottombarprogress.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/hoverglow.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/glassy.css'); @import url('https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/effects/pan-animation.css'); /Style backdrop/ .backdropImage {filter: blur(18px) saturate(120%) contrast(120%) brightness(40%);}
/Login background/
loginPage {background: url(https://i.imgur.com/9vL4iNf.png) !important;}
/Accent and roundingd/ :root {--accent: 98, 121, 205;} :root {--rounding: 12px;}
This is how it currently looks: