Quick Brick TV Apps - Style Keys

Introduction

Before building apps there are a few styling keys that need to be configured - these will define the color of certain elements in the app such as highlights, fonts, and also in the case of fonts will define font size and type.

Style keys

Style keys are accessed from Zapp and are configured per app

Style key or UI Builder setting
Item	tvOS	Samsung	LG	Android TV Amazon Fire TV
Loading Screen Spinner Color Spinning wheel when app is loading	SDK style key = loading_spinner_color Control ability = color	SDK style key = loading_spinner_color Control ability = color Note: Samsung has two spinning wheels. In the first part of an app launch the spinner is under the direct control of the TV itself and cannot be modified. Only when the app starts to launch its background image does the Applicaster controlled spinner take over.	SDK style key = loading_spinner_color Control ability = color	Use SDK asset Preloader not style key
Loading screen error label Color and font of error message when a stream cannot be played	SDK style key = loading_error_label Control ability = font and color	Loss of connection message is handled natively by the TV UI. Zapp has no influence on it.	Loss of connection message is handled natively by the TV UI. Zapp has no influence on it.	If app is trying to launch with no WiFi the splash screen will display for ever with spinning wheel. When you go back to the Android TV home page the native WiFi Not Connected message will show. If WiFi is lost when in an app the native WiFi Not Connected message will show over the app UI Zapp has no influence on it.
Application Background Color Background color of app	Within the app it is strongly recommended to use the background image asset as an app background. The key background_color is  visible during app launch in the transition from native to Zapp control and is generally set to be black to avoid app background color flashes during app launch until Zapp fully takes over.	Within the app it is strongly recommended to use the background image asset as an app background. The key background_color is  visible during app launch in the transition from native to Zapp control and is generally set to be black to avoid app background color flashes during app launch until Zapp fully takes over.	Within the app it is strongly recommended to use the background image asset as an app background. The key background_color is  visible during app launch in the transition from native to Zapp control and is generally set to be black to avoid app background color flashes during app launch until Zapp fully takes over.	Within the app it is strongly recommended to use the background image asset as an app background. The key background_color is  visible during app launch in the transition from native to Zapp control and is generally set to be black to avoid app background color flashes during app launch until Zapp fully takes over.
Video player overlay Color of player overlay (over video but behind text and player controls) when player is interacted with	SDK style key = player_overlay_color Control ability = color	SDK style key = player_overlay_color Control ability = color	SDK style key = player_overlay_color Control ability = color	This is controlled within the player plugin on Android and Amazon platforms
Focus Background color of cell when it is in focus (when not using a power cell) Screen picker underline color when navigating screen picker (when not using a power cell) Fallback color of underline in top menu if alternative color has not been set in TV Menu navigation bar plugin in UI Builder	SDK style key = active Control ability = color	SDK style key = active Control ability = color Also affects In-focus color of all player icons (play, pause etc.)	SDK style key = active Control ability = color Also effects In-focus color of all player icons (play, pause etc.)	SDK style key = active Control ability = color
Main Text Color of all text in a cell when not in focus and not using a power cell Screen picker text color when not in focus and not using a power cell	SDK style key = main_text Control ability = color	SDK style key = main_text Control ability = color Also affects Outline color of player icons (play, pause etc.)	SDK style key = main_text Control ability = color Also affects Outline color of player icons (play, pause etc.)	SDK style key = main_text Control ability = color
Focused Text Color Text in a cell when in focus and Screen picker text color when in focus when not using a power cell	SDK style key = focused_text_color Control ability = color, font, size	SDK style key = focused_text_color Control ability = color, font, size	SDK style key = focused_text_color Control ability = color, font, size	SDK style key = focused_text_color Control ability = color, font, size
Background Background color of cell when not in focus and not using a power cell	SDK style key = background Control ability = color	SDK style key = background Control ability = color	SDK style key = background Control ability = color	SDK style key = background Control ability = color
Header Text / Font Style	SDK style key = header_font_style Control ability = color, font and size	SDK style key = header_font_style Control ability = color, font and size	SDK style key = header_font_style Control ability = color, font and size	SDK style key = header_font_style Control ability = color, font and size
Player	SDK style key = player_title_text Control ability = color, font and size	SDK style key = player_title_text Control ability = color, font and size	SDK style key = player_title_text Control ability = color, font and size	Font, font size and color are controlled in the Quick Brick Player Plugin
	SDK style key = player_info_text Control ability = color, font and size	SDK style key = player_info_text Control ability = color, font and size	SDK style key = player_info_text Control ability = color, font and size	Font, font size and color are controlled in the Quick Brick Player Plugin
For all Top Menu items: The font size and color for in-focus and not-in-focus states and the main menu underline color is controlled in the navigation tab of UI Builder within the TV Top Menu Plugin component