Tier 4Web TV: tv.put.io, Tizen, webOS. Drawn from the shipped apps/tv in putio-web.--component-bg-active · --component-bg · --border · --border-hover · --border-width
Focus, a fill, never a lift
Rows take --component-bg-active alone. Buttons, the search field and history chips step fill to --component-bg-active and border --border to --border-hover, at --border-width (1px) in both states. Focus applies instantly: no transition, scale, shadow or halo.
01 · Row focus

Your Files

homework_answers_DONT_DELETE
18 GB
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
3.4 GB
Seinfeld.S09E23.The.Finale.Part.2.720p.HDTV.x264-FLEET.mkv
1.2 GB
ubuntu-24.04.1-desktop-amd64.iso
5.7 GB
document-scan-march-2026.pdf
184 KB
Row focusFill only. Label and icon keep their colours.
02 · Button focus

Your Files

homework_answers_DONT_DELETE
18 GB
The.Wire.S03E04.Back.Burners.1080p.BluRay.x264-DEMAND.mkv
3.4 GB
Seinfeld.S09E23.The.Finale.Part.2.720p.HDTV.x264-FLEET.mkv
1.2 GB
ubuntu-24.04.1-desktop-amd64.iso
5.7 GB
document-scan-march-2026.pdf
184 KB
Button focusFill plus a border step. The list is not dimmed.
enginenorigin spatial navigation; pointer hover focuses on browsers
row · optiontransparent → --component-bg-active
button · field · chip--component-bg → --component-bg-active; border --border → --border-hover; 1px
player icon68 pill, transparent → --component-bg-active; its label appears above
seek barthumb shows while no player button holds focus
unusedtv.focus.borderWidth (3px): apps/tv draws the control edge with --border-width