Skip to content

Common items

Common items

Shadows in app

In order to configure the shadows in the app, add the following code.

1
2
<item name="icc_widget_top_left_shadow_color">@color/E18_top</item>
<item name="icc_widget_bottom_right_shadow_color">@color/E18_bottom</item>

Widget background 1

In order to configure the widget background with rounded corners, add the following code.

1
2
<item name="icc_widget_background_shape">@drawable/shape_rounded_corners_93</item>
<item name="icc_widget_background_color">@color/C155</item>

Widget background 2

In order to configure the background for the widget's header, add the following code.

1
2
<item name="icc_widgets_header_background_color_start">@color/C158</item>
<item name="icc_widgets_header_background_color_end">@color/C157</item>

Widget background - shape

In order to configure the shape of the background, add the following code.

1
2
<item name="icc_widget_dialog_background_shape">@drawable/shape_rounded_corners_70</item>
<item name="icc_widget_dialog_background_color">@color/C184</item>

Widget dialog background

In order to configure the dialog background, add the following code.

1
<item name="icc_widget_dialog_semi_opaque_background_color">@color/C120_60_opacity</item>

Buttons

Positive buttons

In order to configure the positive buttons, add the following code.

Info

This attribute refers to all the action buttons (the green colored buttons) from the widgets app.

1
<item name="icc_widgets_positive_action_button_background">@drawable/layout_selector_blue_gradient</item>

Negative buttons

In order to configure the negative buttons, add the following code.

Info

This attribute refers to all the negative action buttons (No, Cancel) from the widgets app.

1
<item name="icc_widgets_negative_action_button_background">@drawable/ic_rounded_bordered_button</item>

Brand name

In order to configure the brand name, add the following code.

1
2
3
<item name="icc_widget_brand_name_text_size">@dimen/textSize_36</item>
<item name="icc_widget_brand_name_letter_spacing">@dimen/letter_spacing_004</item>
<item name="icc_widget_brand_name_text_color">@color/C5</item>

Cancel dialog/Discard flow text

Cancel dialog

In order to configure the cancel dialog, add the following code.

1
2
<item name="icc_widget_cancel_dialog_text_size">@dimen/textSize_28</item>
<item name="icc_widget_cancel_dialog_text_letter_spacing">@dimen/letter_spacing_006</item>


Loading indicator

In order to configure the loading indicator, add the following code.

1
<item name="icc_widget_dialog_loading_indicator_color">@color/C5</item>

Widget dialog text primary color

In order to configure the primary color of the dialog text, add the following code.

Info

The "icc_widget_cancel_dialog_text_primary_color" is the color of the descriptive text, highlighted below, for the cases when the dialog doesn't have a title.

1
<item name="icc_widget_cancel_dialog_text_primary_color">@color/C5</item>

Widget dialog text secondary color

In order to configure the secondary color of the dialog text, add the following code.

Info

The "icc_widget_cancel_dialog_text_secondary_color" is the color of the descriptive text, highlighted above, for the cases when the dialog has a title.

1
<item name="icc_widget_cancel_dialog_text_secondary_color">@color/C7</item>

Widget dialog title

In order to configure the dialog title, add the following code.

1
2
3
<item name="icc_widget_dialog_title_text_size">@dimen/textSize_44</item>
<item name="icc_widget_dialog_title_text_letter_spacing">@dimen/letter_spacing_004</item>
<item name="icc_widget_dialog_title_text_color">@color/C5</item>

Cancel dialog/Discard flow buttons

Dialog buttons

In order to configure the dialog buttons, add the following code.

1
2
<item name="icc_widget_cancel_dialog_button_text_size">@dimen/textSize_36</item>
<item name="icc_widget_cancel_dialog_button_text_letter_spacing">@dimen/letter_spacing_004</item>

Dialog positive button

In order to configure the dialog positive buttons, add the following code.

1
<item name="icc_widget_cancel_dialog_button_text_color_positive">@color/C1</item>

Dialog negative button

In order to configure the dialog negative buttons, add the following code.

1
<item name="icc_widget_cancel_dialog_button_text_color_negative">@color/C5</item>

Missing data dialog

Missing data dialog title

In order to configure the data dialog title, add the following code.

1
2
3
<item name="icc_widget_missing_data_dialog_title_text_size">@dimen/textSize_36</item>
<item name="icc_widget_missing_data_dialog_title_text_letter_spacing">@dimen/letter_spacing_004</item>
<item name="icc_widget_missing_data_dialog_title_text_color">@color/C5</item>


Missing data dialog description

In order to configure the missing data dialog, add the following code.

1
2
3
<item name="icc_widget_missing_data_dialog_description_text_size">@dimen/textSize_28</item>
<item name="icc_widget_missing_data_dialog_description_text_letter_spacing">@dimen/letter_spacing_006</item>
<item name="icc_widget_missing_data_dialog_description_text_color">@color/C7</item>


Missing data dialog text button

In order to configure the missing data dialog button, add the following code.

1
2
3
<item name="icc_widget_missing_data_dialog_button_text_size">@dimen/textSize_36</item>
<item name="icc_widget_missing_data_dialog_button_text_letter_spacing">@dimen/letter_spacing_004</item>
<item name="icc_widget_missing_data_dialog_button_text_color">@color/C1</item>


Left padding of the widget

In order to configure the left padding customization, add the following code.

1
<item name="icc_widget_padding">@dimen/dimen_0</item>