jellyfin: link Bocken logo to bocken.org with Nord lightblue hover
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -230,7 +230,18 @@ progress[value]::-moz-progress-bar {
|
||||
background-color: #000;
|
||||
}
|
||||
.pageTitleWithDefaultLogo {
|
||||
background-image: url(https://bocken.org/static/css/logos/logo_text_light.png);
|
||||
background-image: url(https://bocken.org/static/css/logos/logo_full_light.png);
|
||||
}
|
||||
|
||||
/* Bocken logo link */
|
||||
.bocken-logo-link {
|
||||
display: flex;
|
||||
text-decoration: none;
|
||||
transition: filter 150ms;
|
||||
}
|
||||
.bocken-logo-link:hover .pageTitleWithDefaultLogo {
|
||||
/* Tint white logo to Nord lightblue (#81A1C1) */
|
||||
filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(212%) hue-rotate(169deg) brightness(92%) contrast(94%);
|
||||
}
|
||||
|
||||
/* ═══════════════════════════════════════════
|
||||
|
||||
Reference in New Issue
Block a user