s8n
755088e7fc
Stock Jellyfin paints .listItem.selected and .focused in cyan (#00a4dc) on actionSheet/selectionList/dialogContainer dropdowns. Clashes with Cineplex red on audio + subtitle pickers. Pick: variant 04 "Hairline ring" — 1px #E50914 outline (offset -1px inside row) + dark near-black bg + white text. Architectural, quietly on-brand. Applied via body.arrflix-themed scope. Saved alternative: web-overrides/skins/selector-variant-02-red- underline.css — variant 02 "Red underline" (matches search-input focus). Future skin/swap option per owner. Not currently active. Reconciled prod drift: prod overlay had been externally modified since last snapshot (md5 2da61583 -> c62898). Pulled prod's current overlay as new repo baseline + snapshot. Then applied variant 04 on top -> dev md5 0ab8b258 (= prod + v4). Prod still c62898 untouched.
26 lines
1.1 KiB
CSS
26 lines
1.1 KiB
CSS
/* ARRFLIX skin variant — selector dropdown highlight: "Red underline"
|
|
*
|
|
* Alt design for the audio/subtitle dropdown selected-row highlight (and any
|
|
* other actionSheet/listItem picker). Currently NOT applied — variant 04
|
|
* "Hairline ring" is the active design (see bin/inject-middle-theme.py).
|
|
*
|
|
* Saved for future skin/swap option per owner request 2026-05-10.
|
|
*
|
|
* Drop into the CSS string in bin/inject-middle-theme.py to swap. Replace the
|
|
* current variant-04 block at the end of the CSS section.
|
|
*
|
|
* Look: faint red wash + 2px red bottom border + soft red glow. Mirrors our
|
|
* search-input focus treatment for visual consistency.
|
|
*/
|
|
|
|
body.arrflix-themed .actionSheet .listItem.selected,
|
|
body.arrflix-themed .actionSheet .listItem-button.selected,
|
|
body.arrflix-themed .actionSheet .listItem.focused,
|
|
body.arrflix-themed .selectionList .listItem.selected,
|
|
body.arrflix-themed .dialogContainer .listItem.selected {
|
|
background: rgba(229, 9, 20, 0.04) !important;
|
|
color: #fff !important;
|
|
border-bottom: 2px solid #E50914 !important;
|
|
box-shadow: 0 1px 0 rgba(229, 9, 20, 0.35);
|
|
outline: none !important;
|
|
}
|