IBM Aspera JavaScript Library
    Preparing search index...

    Interface CustomThemeItems

    interface CustomThemeItems {
        $background?: string;
        "$background-active"?: string;
        "$background-brand"?: string;
        "$background-hover"?: string;
        "$background-inverse"?: string;
        "$background-inverse-hover"?: string;
        "$background-selected"?: string;
        "$background-selected-hover"?: string;
        "$border-disabled"?: string;
        "$border-interactive"?: string;
        "$border-inverse"?: string;
        "$border-strong-01"?: string;
        "$border-strong-02"?: string;
        "$border-strong-03"?: string;
        "$border-subtle-00"?: string;
        "$border-subtle-01"?: string;
        "$border-subtle-02"?: string;
        "$border-subtle-03"?: string;
        "$border-subtle-selected-01"?: string;
        "$border-subtle-selected-02"?: string;
        "$border-subtle-selected-03"?: string;
        "$border-tile-01"?: string;
        "$border-tile-02"?: string;
        "$border-tile-03"?: string;
        "$button-danger-active"?: string;
        "$button-danger-hover"?: string;
        "$button-danger-primary"?: string;
        "$button-danger-secondary"?: string;
        "$button-disabled"?: string;
        "$button-primary"?: string;
        "$button-primary-active"?: string;
        "$button-primary-hover"?: string;
        "$button-secondary"?: string;
        "$button-secondary-active"?: string;
        "$button-secondary-hover"?: string;
        "$button-separator"?: string;
        "$button-tertiary"?: string;
        "$button-tertiary-active"?: string;
        "$button-tertiary-hover"?: string;
        "$field-01"?: string;
        "$field-02"?: string;
        "$field-03"?: string;
        "$field-hover-01"?: string;
        "$field-hover-02"?: string;
        "$field-hover-03"?: string;
        $focus?: string;
        "$focus-inset"?: string;
        "$focus-inverse"?: string;
        $highlight?: string;
        "$icon-disabled"?: string;
        "$icon-interactive"?: string;
        "$icon-inverse"?: string;
        "$icon-on-color"?: string;
        "$icon-on-color-disabled"?: string;
        "$icon-primary"?: string;
        "$icon-secondary"?: string;
        $interactive?: string;
        "$layer-01"?: string;
        "$layer-02"?: string;
        "$layer-03"?: string;
        "$layer-accent-01"?: string;
        "$layer-accent-02"?: string;
        "$layer-accent-03"?: string;
        "$layer-accent-active-01"?: string;
        "$layer-accent-active-02"?: string;
        "$layer-accent-active-03"?: string;
        "$layer-accent-hover-01"?: string;
        "$layer-accent-hover-02"?: string;
        "$layer-accent-hover-03"?: string;
        "$layer-active-01"?: string;
        "$layer-active-02"?: string;
        "$layer-active-03"?: string;
        "$layer-hover-01"?: string;
        "$layer-hover-02"?: string;
        "$layer-hover-03"?: string;
        "$layer-selected-01"?: string;
        "$layer-selected-02"?: string;
        "$layer-selected-03"?: string;
        "$layer-selected-disabled"?: string;
        "$layer-selected-hover-01"?: string;
        "$layer-selected-hover-02"?: string;
        "$layer-selected-hover-03"?: string;
        "$layer-selected-inverse"?: string;
        "$link-inverse"?: string;
        "$link-primary"?: string;
        "$link-primary-hover"?: string;
        "$link-secondary"?: string;
        "$link-visited"?: string;
        $overlay?: string;
        "$skeleton-background"?: string;
        "$skeleton-element"?: string;
        "$support-error"?: string;
        "$support-error-inverse"?: string;
        "$support-info"?: string;
        "$support-info-inverse"?: string;
        "$support-success"?: string;
        "$support-success-inverse"?: string;
        "$support-warning"?: string;
        "$support-warning-inverse"?: string;
        "$text-disabled"?: string;
        "$text-error"?: string;
        "$text-helper"?: string;
        "$text-inverse"?: string;
        "$text-on-color"?: string;
        "$text-on-color-disabled"?: string;
        "$text-placeholder"?: string;
        "$text-primary"?: string;
        "$text-secondary"?: string;
        "$toggle-off"?: string;
        buttonPrimaryBackground?: string;
        buttonPrimaryBackgroundActive?: string;
        buttonPrimaryBackgroundHover?: string;
        buttonPrimaryText?: string;
        buttonSecondaryBackground?: string;
        buttonSecondaryBackgroundActive?: string;
        buttonSecondaryBackgroundHover?: string;
        buttonSecondaryText?: string;
        buttonTertiaryBackgroundActive?: string;
        buttonTertiaryBackgroundHover?: string;
        buttonTertiaryBorder?: string;
        buttonTertiaryText?: string;
        buttonTertiaryTextHoverActive?: string;
        headerAccentBorders?: string;
        headerActiveItemBackground?: string;
        headerActiveItemColor?: string;
        headerBackground?: string;
        headerHoverItemBackground?: string;
        headerTextIcon?: string;
        leftNavActiveItemAccent?: string;
        leftNavActiveItemBackground?: string;
        leftNavActiveItemHover?: string;
        leftNavBackground?: string;
        leftNavTextColor?: string;
        loginAnnouncementBackgroundColor?: string;
        loginAnnouncementBackgroundTextColor?: string;
        loginInPanelAnnouncementBackgroundColor?: string;
        loginInPanelAnnouncementTextColor?: string;
        loginPanelBackgroundColor?: string;
        loginPanelTextColor?: string;
        typographyFontFamily?: string;
    }
    Index

    Properties

    $background? $background-active? $background-brand? $background-hover? $background-inverse? $background-inverse-hover? $background-selected? $background-selected-hover? $border-disabled? $border-interactive? $border-inverse? $border-strong-01? $border-strong-02? $border-strong-03? $border-subtle-00? $border-subtle-01? $border-subtle-02? $border-subtle-03? $border-subtle-selected-01? $border-subtle-selected-02? $border-subtle-selected-03? $border-tile-01? $border-tile-02? $border-tile-03? $button-danger-active? $button-danger-hover? $button-danger-primary? $button-danger-secondary? $button-disabled? $button-primary? $button-primary-active? $button-primary-hover? $button-secondary? $button-secondary-active? $button-secondary-hover? $button-separator? $button-tertiary? $button-tertiary-active? $button-tertiary-hover? $field-01? $field-02? $field-03? $field-hover-01? $field-hover-02? $field-hover-03? $focus? $focus-inset? $focus-inverse? $highlight? $icon-disabled? $icon-interactive? $icon-inverse? $icon-on-color? $icon-on-color-disabled? $icon-primary? $icon-secondary? $interactive? $layer-01? $layer-02? $layer-03? $layer-accent-01? $layer-accent-02? $layer-accent-03? $layer-accent-active-01? $layer-accent-active-02? $layer-accent-active-03? $layer-accent-hover-01? $layer-accent-hover-02? $layer-accent-hover-03? $layer-active-01? $layer-active-02? $layer-active-03? $layer-hover-01? $layer-hover-02? $layer-hover-03? $layer-selected-01? $layer-selected-02? $layer-selected-03? $layer-selected-disabled? $layer-selected-hover-01? $layer-selected-hover-02? $layer-selected-hover-03? $layer-selected-inverse? $link-inverse? $link-primary? $link-primary-hover? $link-secondary? $link-visited? $overlay? $skeleton-background? $skeleton-element? $support-error? $support-error-inverse? $support-info? $support-info-inverse? $support-success? $support-success-inverse? $support-warning? $support-warning-inverse? $text-disabled? $text-error? $text-helper? $text-inverse? $text-on-color? $text-on-color-disabled? $text-placeholder? $text-primary? $text-secondary? $toggle-off? buttonPrimaryBackground? buttonPrimaryBackgroundActive? buttonPrimaryBackgroundHover? buttonPrimaryText? buttonSecondaryBackground? buttonSecondaryBackgroundActive? buttonSecondaryBackgroundHover? buttonSecondaryText? buttonTertiaryBackgroundActive? buttonTertiaryBackgroundHover? buttonTertiaryBorder? buttonTertiaryText? buttonTertiaryTextHoverActive? headerAccentBorders? headerActiveItemBackground? headerActiveItemColor? headerBackground? headerHoverItemBackground? headerTextIcon? leftNavActiveItemAccent? leftNavActiveItemBackground? leftNavActiveItemHover? leftNavBackground? leftNavTextColor? loginAnnouncementBackgroundColor? loginAnnouncementBackgroundTextColor? loginInPanelAnnouncementBackgroundColor? loginInPanelAnnouncementTextColor? loginPanelBackgroundColor? loginPanelTextColor? typographyFontFamily?

    Properties

    $background?: string
    "$background-active"?: string
    "$background-brand"?: string
    "$background-hover"?: string
    "$background-inverse"?: string
    "$background-inverse-hover"?: string
    "$background-selected"?: string
    "$background-selected-hover"?: string
    "$border-disabled"?: string
    "$border-interactive"?: string
    "$border-inverse"?: string
    "$border-strong-01"?: string
    "$border-strong-02"?: string
    "$border-strong-03"?: string
    "$border-subtle-00"?: string
    "$border-subtle-01"?: string
    "$border-subtle-02"?: string
    "$border-subtle-03"?: string
    "$border-subtle-selected-01"?: string
    "$border-subtle-selected-02"?: string
    "$border-subtle-selected-03"?: string
    "$border-tile-01"?: string
    "$border-tile-02"?: string
    "$border-tile-03"?: string
    "$button-danger-active"?: string
    "$button-danger-hover"?: string
    "$button-danger-primary"?: string
    "$button-danger-secondary"?: string
    "$button-disabled"?: string
    "$button-primary"?: string

    These are ignored if core buttons are set for similar values

    "$button-primary-active"?: string

    These are ignored if core buttons are set for similar values

    "$button-primary-hover"?: string

    These are ignored if core buttons are set for similar values

    "$button-secondary"?: string

    These are ignored if core buttons are set for similar values

    "$button-secondary-active"?: string

    These are ignored if core buttons are set for similar values

    "$button-secondary-hover"?: string

    These are ignored if core buttons are set for similar values

    "$button-separator"?: string
    "$button-tertiary"?: string

    These are ignored if core buttons are set for similar values

    "$button-tertiary-active"?: string

    These are ignored if core buttons are set for similar values

    "$button-tertiary-hover"?: string

    These are ignored if core buttons are set for similar values

    "$field-01"?: string
    "$field-02"?: string
    "$field-03"?: string
    "$field-hover-01"?: string
    "$field-hover-02"?: string
    "$field-hover-03"?: string
    $focus?: string
    "$focus-inset"?: string
    "$focus-inverse"?: string
    $highlight?: string
    "$icon-disabled"?: string
    "$icon-interactive"?: string
    "$icon-inverse"?: string
    "$icon-on-color"?: string
    "$icon-on-color-disabled"?: string
    "$icon-primary"?: string
    "$icon-secondary"?: string
    $interactive?: string
    "$layer-01"?: string
    "$layer-02"?: string
    "$layer-03"?: string
    "$layer-accent-01"?: string
    "$layer-accent-02"?: string
    "$layer-accent-03"?: string
    "$layer-accent-active-01"?: string
    "$layer-accent-active-02"?: string
    "$layer-accent-active-03"?: string
    "$layer-accent-hover-01"?: string
    "$layer-accent-hover-02"?: string
    "$layer-accent-hover-03"?: string
    "$layer-active-01"?: string
    "$layer-active-02"?: string
    "$layer-active-03"?: string
    "$layer-hover-01"?: string
    "$layer-hover-02"?: string
    "$layer-hover-03"?: string
    "$layer-selected-01"?: string
    "$layer-selected-02"?: string
    "$layer-selected-03"?: string
    "$layer-selected-disabled"?: string
    "$layer-selected-hover-01"?: string
    "$layer-selected-hover-02"?: string
    "$layer-selected-hover-03"?: string
    "$layer-selected-inverse"?: string
    "$link-inverse"?: string
    "$link-primary"?: string
    "$link-primary-hover"?: string
    "$link-secondary"?: string
    "$link-visited"?: string
    $overlay?: string
    "$skeleton-background"?: string
    "$skeleton-element"?: string
    "$support-error"?: string
    "$support-error-inverse"?: string
    "$support-info"?: string
    "$support-info-inverse"?: string
    "$support-success"?: string
    "$support-success-inverse"?: string
    "$support-warning"?: string
    "$support-warning-inverse"?: string

    Optional$text-disabled

    "$text-disabled"?: string

    Optional$text-error

    "$text-error"?: string

    Optional$text-helper

    "$text-helper"?: string

    Optional$text-inverse

    "$text-inverse"?: string

    Optional$text-on-color

    "$text-on-color"?: string

    Optional$text-on-color-disabled

    "$text-on-color-disabled"?: string

    Optional$text-placeholder

    "$text-placeholder"?: string

    Optional$text-primary

    "$text-primary"?: string

    Optional$text-secondary

    "$text-secondary"?: string
    "$toggle-off"?: string
    buttonPrimaryBackground?: string

    Button primary background

    buttonPrimaryBackgroundActive?: string

    Button primary active background

    buttonPrimaryBackgroundHover?: string

    Button primary hover background

    buttonPrimaryText?: string

    Button primary text

    buttonSecondaryBackground?: string

    Button secondary background

    buttonSecondaryBackgroundActive?: string

    Button secondary active background

    buttonSecondaryBackgroundHover?: string

    Button secondary hover background

    buttonSecondaryText?: string

    Button secondary text

    buttonTertiaryBackgroundActive?: string

    Button tertiary active background

    buttonTertiaryBackgroundHover?: string

    Button tertiary hover background

    buttonTertiaryBorder?: string

    Button tertiary border

    buttonTertiaryText?: string

    Button tertiary text

    buttonTertiaryTextHoverActive?: string

    Button tertiary text for active and hover states

    headerAccentBorders?: string
    headerActiveItemBackground?: string

    Header clickable items background color while active

    headerActiveItemColor?: string

    Header clickable item icon color while active

    headerBackground?: string

    Header Background color

    headerHoverItemBackground?: string

    Header hover item icon background

    headerTextIcon?: string

    Header text and icon color

    leftNavActiveItemAccent?: string

    Left nav active accent (left color)

    leftNavActiveItemBackground?: string

    Left nav active background

    leftNavActiveItemHover?: string

    Left nav hover background

    leftNavBackground?: string

    Left nav background

    leftNavTextColor?: string

    Left nav text color

    loginAnnouncementBackgroundColor?: string

    Login floating announcement background color

    loginAnnouncementBackgroundTextColor?: string

    Login floating announcement text color

    loginInPanelAnnouncementBackgroundColor?: string

    Login in panel announcement background color

    loginInPanelAnnouncementTextColor?: string

    Login in panel announcement text color

    loginPanelBackgroundColor?: string

    Login panel background color

    loginPanelTextColor?: string

    Login panel text color

    typographyFontFamily?: string

    Font family for typography

    Settings

    Member Visibility

    On This Page

    Properties
    $background$background-active$background-brand$background-hover$background-inverse$background-inverse-hover$background-selected$background-selected-hover$border-disabled$border-interactive$border-inverse$border-strong-01$border-strong-02$border-strong-03$border-subtle-00$border-subtle-01$border-subtle-02$border-subtle-03$border-subtle-selected-01$border-subtle-selected-02$border-subtle-selected-03$border-tile-01$border-tile-02$border-tile-03$button-danger-active$button-danger-hover$button-danger-primary$button-danger-secondary$button-disabled$button-primary$button-primary-active$button-primary-hover$button-secondary$button-secondary-active$button-secondary-hover$button-separator$button-tertiary$button-tertiary-active$button-tertiary-hover$field-01$field-02$field-03$field-hover-01$field-hover-02$field-hover-03$focus$focus-inset$focus-inverse$highlight$icon-disabled$icon-interactive$icon-inverse$icon-on-color$icon-on-color-disabled$icon-primary$icon-secondary$interactive$layer-01$layer-02$layer-03$layer-accent-01$layer-accent-02$layer-accent-03$layer-accent-active-01$layer-accent-active-02$layer-accent-active-03$layer-accent-hover-01$layer-accent-hover-02$layer-accent-hover-03$layer-active-01$layer-active-02$layer-active-03$layer-hover-01$layer-hover-02$layer-hover-03$layer-selected-01$layer-selected-02$layer-selected-03$layer-selected-disabled$layer-selected-hover-01$layer-selected-hover-02$layer-selected-hover-03$layer-selected-inverse$link-inverse$link-primary$link-primary-hover$link-secondary$link-visited$overlay$skeleton-background$skeleton-element$support-error$support-error-inverse$support-info$support-info-inverse$support-success$support-success-inverse$support-warning$support-warning-inverse$text-disabled$text-error$text-helper$text-inverse$text-on-color$text-on-color-disabled$text-placeholder$text-primary$text-secondary$toggle-offbuttonPrimaryBackgroundbuttonPrimaryBackgroundActivebuttonPrimaryBackgroundHoverbuttonPrimaryTextbuttonSecondaryBackgroundbuttonSecondaryBackgroundActivebuttonSecondaryBackgroundHoverbuttonSecondaryTextbuttonTertiaryBackgroundActivebuttonTertiaryBackgroundHoverbuttonTertiaryBorderbuttonTertiaryTextbuttonTertiaryTextHoverActiveheaderAccentBordersheaderActiveItemBackgroundheaderActiveItemColorheaderBackgroundheaderHoverItemBackgroundheaderTextIconleftNavActiveItemAccentleftNavActiveItemBackgroundleftNavActiveItemHoverleftNavBackgroundleftNavTextColorloginAnnouncementBackgroundColorloginAnnouncementBackgroundTextColorloginInPanelAnnouncementBackgroundColorloginInPanelAnnouncementTextColorloginPanelBackgroundColorloginPanelTextColortypographyFontFamily