Mimi Theme Attributes¶

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <!-- general colors -->

    <attr name="mimiPrimaryTintColorNormal" format="color|reference" />
    <attr name="mimiPrimaryTintColorHighlighted" format="color|reference" />
    <attr name="mimiSecondaryTintColorNormal" format="color|reference" />
    <attr name="mimiSecondaryTintColorHighlighted" format="color|reference" />
    <attr name="mimiTertiaryTintColorNormal" format="color|reference" />
    <attr name="mimiTertiaryTintColorHighlighted" format="color|reference" />

    <attr name="mimiPrimaryTextColorNormal" format="color|reference" />
    <attr name="mimiPrimaryTextColorHighlighted" format="color|reference" />
    <attr name="mimiSecondaryTextColorNormal" format="color|reference" />
    <attr name="mimiSecondaryTextColorHighlighted" format="color|reference" />

    <attr name="mimiForegroundColorNormal" format="color|reference" />
    <attr name="mimiForegroundColorHighlighted" format="color|reference" />
    <attr name="mimiSecondaryForegroundColorNormal" format="color|reference" />
    <attr name="mimiSecondaryForegroundColorHighlighted" format="color|reference" />

    <attr name="mimiPrimaryBackgroundColor" format="color|reference" />
    <attr name="mimiSecondaryBackgroundColor" format="color|reference" />
    <attr name="mimiElevatedBackgroundColor" format="color|reference" />

    <attr name="mimiSuccessColor" format="color|reference"/>
    <attr name="mimiWarningColor" format="color|reference" />
    <attr name="mimiErrorColor" format="color|reference" />

    <attr name="mimiEarLeftColor" format="color|reference" />
    <attr name="mimiEarRightColor" format="color|reference" />

    <!-- Hearing Test Button  -->
    <attr name="mimiHearingTestButtonTextColorNormal" format="color|reference" />
    <attr name="mimiHearingTestButtonTextColorHighlighted" format="color|reference" />
    <attr name="mimiHearingTestButtonBackgroundColor" format="color|reference" />

    <!-- fonts -->

    <attr name="mimiFontRegular" format="string|reference" />
    <attr name="mimiFontLight" format="string|reference" />
    <attr name="mimiFontMedium" format="string|reference" />
    <attr name="mimiFontHeader" format="string|reference" />

    <!-- text appearances -->

    <attr name="mimiTextAppearanceHeader" format="reference" />
    <attr name="mimiTextAppearanceBodyNormal" format="reference" />
    <attr name="mimiTextAppearanceTitle" format="reference" />
    <attr name="mimiTextAppearanceAction" format="reference" />
    <attr name="mimiTextAppearanceCaption" format="reference" />

    <!-- widget styles -->

    <attr name="mimiButtonCornerRadius" format="dimension|reference" />
    <attr name="mimiButtonStyle" format="reference" />
    <attr name="mimiCompactActionButtonStyle" format="reference" />
    <attr name="mimiCompactBorderlessActionButtonStyle" format="reference" />

    <!-- specialized theming -->
    <attr name="mimiHearButtonStyle" format="reference" />
    <attr name="mimiSoundPersonalizationIconColor" format="color|reference" />

    <!-- style views -->

    <declare-styleable name="MimiTintedToggleButton">
        <attr name="mimi_colorOn" format="reference|color" />
        <attr name="mimi_colorOff" format="reference|color" />
    </declare-styleable>

</resources>

Attribute descriptions¶

Color attributes¶

primaryTint¶

The Primary color that is applied to buttons, navigation titles, switches, sliders and artwork.

secondaryTint¶

Secondary tint that is applied to secondary elements, designed to give contrast to the primaryTint.

tertiaryTint¶

Tertiary tint that is applied to mostly background elements, such as separators and control backgrounds.

foreground¶

Color that is used as the foreground in controls and views, such as for the text color in buttons or switches with a colored background.

primaryBackground¶

Background color that is applied to all full-screen views, excluding overlay modals that do not cover the entire canvas.

secondaryBackground¶

Background color that is applied to some secondary views, and should give contrast to the primaryBackground.

elevatedBackground¶

Background color that is applied to elements that are commonly found above the primary background canvas, such as navigation bars, dialogs, tab bars and modal overlays.

primaryText¶

Text color that is applied to all primary text, such as primary information labels and text fields.

secondaryText¶

Text color that is applied to low priority text elements, such as background information and details.

success¶

Color to use for successful operations and states.

warning¶

Color to use for alerts that are presented for non-fatal errors.

error¶

Color to use for alerts that are presented for fatal errors.

Font attributes¶

Font to use for large titles, typically seen as large, prominent headers. Also used by default on the mimiTextAppearanceHeader text style.

regular¶

Font to use for title elements, such as navigation bar titles as well as Edit texts. Used by default on the mimiTextAppearanceTitle text style.

medium¶

Font to use for highlighted versions of body text elements, which are typically emboldened. Used by default on the mimiTextAppearanceBodyHighlighted, mimiTextAppearanceAction and mimiTextAppearanceCompactBodyHighlighted.

light¶

Font to use for all body text elements.

Button styles¶

Button¶

Default button style using primaryTintColor as background color, foregroundColor as text color and mediumFont as family font.

CompactActionButton¶

More compressed action button style, with less padding designed for quicker and more usual flow actions. Also styled using primaryTintColor as background color and foregroundColor as text color.

CompactBorderlessActionButton¶

Similar to CompactActionButton but without any background color and styled with primaryTintColor as text color.

MimiHearButtonStyle¶

Main button style for the Circular Button present inside the Hearing Test. Styled by default with primaryTintColor as background color, foregroundColor as text color and mediumFont as family font.