@theoplayer/react-native-ui/lib/typescript/ui/THEOplayerTheme.d.ts

A React Native UI for @theoplayer/react-native

import type { TextStyle } from 'react-native';
/**
 * The theme colors.
 */
export interface ColorTheme {
    /**
     * The color of the UI background.
     */
    uiBackground: string;
    /**
     * The color of the error display background.
     */
    errorBackground: string;
    /**
     * The color of the SVG icons.
     */
    icon: string;
    /**
     * The color of the SVG icons when they are selected.
     */
    iconSelected: string;
    /**
     * The color of the text components.
     */
    text: string;
    /**
     * The color of the text components when they are selected.
     */
    textSelected: string;
    /**
     * The color of the text component background when it is selected.
     */
    textSelectedBackground: string;
    /**
     * The color of the left side of the seek bar.
     */
    seekBarMinimum: string;
    /**
     * The color of the right side of the seek bar.
     */
    seekBarMaximum: string;
    /**
     * The color of the dot on the seek bar.
     */
    seekBarDot: string;
    /**
     * The color of the ad display text
     */
    adDiplayText: string;
    /**
     * The color of the ad display background.
     */
    adDisplayBackground: string;
    /**
     * The color of the ad skip button background.
     */
    adSkipBackground: string;
    /**
     * The color of the live indicator at the live edge.
     */
    liveIndicatorAtLiveEdge: string;
    /**
     * The color of the live indicator behind the live edge.
     */
    liveIndicatorBehindLiveEdge: string;
}
/**
 * The dimensions of various UI components.
 */
export interface Dimensions {
    /**
     * The height of the center control bar.
     */
    centerControlBarHeight: number;
    /**
     * The height of all other control bars.
     */
    controlBarHeight: number;
}
/**
 * The theme used by `react-native-theoplayer` UI components.
 */
export interface THEOplayerTheme {
    /**
     * The theme colors.
     */
    colors: ColorTheme;
    /**
     * The styling for all text components.
     */
    text: TextStyle;
    /**
     * The amount of time after a user action where UI animations will resume.
     */
    fadeAnimationTimoutMs: number;
    /**
     * The dimensions of various UI components.
     */
    dimensions: Dimensions;
}
/**
 * The default theme for the UI.
 */
export declare const DEFAULT_THEOPLAYER_THEME: THEOplayerTheme;
//# sourceMappingURL=THEOplayerTheme.d.ts.map