Roku Channel Buttons

Added by eloso@userstyles, Created: Jan 03, 2013, Updated: Jan 04, 2013
  • With the style applied
  • With the style applied (Generated screenshot)
  • Without the style applied (Generated screenshot)

Description:

If you have a Roku box, you can visit the channel store in a web browser as well as through the Roku. Each channel has a 185px thumbnail with words below it.

I found it too hard to tell the small blue "Add Channel" text from the small green "Installed" text when skimming the page to find channels I'd missed.

This style makes "Add Channel" into big yellow buttons that react when you press them.

If you already installed a channel, it doesn't get a big yellow button. Instead, "installed" takes on the appearance of a disabled control the same height as the "add channel" buttons.

More info
Initial release:

This release has only been tested on Firefox and Chrome for OSX, on a display maxed at 1280 x 800.

Once I was in there, I fixed a few other small things:
  • Page was always slightly wider than the browser & had a horizontal scrollbar. I adjusted two different things, one to fix it for chrome and the other to fix it for firefox.
  • Proxima Nova is Roku's webfont of choice, but Light variant is easiest to read of them
  • "Details" links now vertically centered, and the installed/add channel links are right aligned.
  • The popup "tooltip" uses these same buttony controls and is now a little more opaque because I couldn't read the words and stars well enough before.

Installs:
Applies to:
http://www.roku.com/channels/#!browse

WARNING: This webware is not functioning properly. Please enable javascript in your browser and try again.