element-android/vector/src/main/res/values/theme_light.xml

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

    <!-- LIGHT THEME COLORS -->

    <style name="AppTheme.Base.Light" parent="Theme.MaterialComponents.Light.NoActionBar">
        <!-- Riotx attribute for palette -->
        <item name="riotx_background">@color/riotx_background_light</item>
        <item name="riotx_base">@color/riotx_base_light</item>
        <item name="riotx_base_text_icon_primary">@color/riotx_base_text_icon_primary_light</item>
        <item name="riotx_base_text_icon_secondary">@color/riotx_base_text_icon_secondary_light</item>
        <item name="riotx_search_background_mobile">@color/riotx_search_background_mobile_light</item>
        <item name="riotx_header_panel_background">@color/riotx_header_panel_background_light</item>
        <item name="riotx_header_panel_border_mobile">@color/riotx_header_panel_border_mobile_light</item>
        <item name="riotx_header_panel_text_primary">@color/riotx_header_panel_text_primary_light</item>
        <item name="riotx_header_panel_text_secondary">@color/riotx_header_panel_text_secondary_light</item>
        <item name="riotx_text_primary">@color/riotx_text_primary_light</item>
        <item name="riotx_text_secondary">@color/riotx_text_secondary_light</item>
        <item name="riotx_text_primary_body_contrast">@color/riotx_text_primary_body_contrast_light</item>
        <item name="riotx_android_secondary">@color/riotx_android_secondary_light</item>
        <item name="riotx_search_placeholder">@color/riotx_search_placeholder_light</item>
        <item name="riotx_room_highlight">@color/riotx_room_highlight_light</item>
        <item name="riotx_unread_room_indent">@color/riotx_unread_room_indent_light</item>
        <item name="riotx_android_status_bar">@color/riotx_android_status_bar_light</item>
        <item name="riotx_line_break_mobile">@color/riotx_line_break_mobile_light</item>
        <item name="riotx_unread_room_badge">@color/riotx_unread_room_badge_light</item>
        <item name="riotx_fab_secondary_bg">@color/riotx_fab_secondary_bg_light</item>
        <item name="riotx_fab_secondary_color">@color/riotx_fab_secondary_color_light</item>
        <item name="riotx_fab_label_bg">@color/riotx_fab_label_bg_light</item>
        <item name="riotx_fab_label_stroke">@color/riotx_fab_label_stroke_light</item>
        <item name="riotx_fab_label_color">@color/riotx_fab_label_color_light</item>
        <item name="riotx_touch_guard_bg">@color/riotx_touch_guard_bg_light</item>
        <item name="riotx_keys_backup_banner_accent_color">@color/riotx_keys_backup_banner_accent_color_light</item>
        <item name="riotx_attachment_selector_background">@color/riotx_attachment_selector_background_light</item>
        <item name="riotx_attachment_selector_border">@color/riotx_attachment_selector_border_light</item>
        <item name="riotx_room_active_widgets_banner_bg">@color/riotx_room_active_widgets_banner_bg_light</item>
        <item name="riotx_room_active_widgets_banner_text">@color/riotx_room_active_widgets_banner_text_light</item>
        <item name="riotx_reaction_background_off">@color/riotx_reaction_background_off_light</item>
        <item name="riotx_reaction_background_on">@color/riotx_reaction_background_on_light</item>

        <item name="riotx_bottom_nav_icon_color">@color/riotx_bottom_nav_icon_color_light</item>

        <!-- Material color: Note: this block should be the same in all theme because it references only common colors and ?riotx attributes -->
        <item name="colorPrimary">@color/riotx_accent</item>
        <!--item name="colorPrimaryVariant">@color/primary_color_dark_light</item-->
        <item name="colorOnPrimary">@color/riotx_text_primary_light</item>
        <!-- We do not use color secondary, default will be colorPrimary values: It does not work so declare again the value -->
        <item name="colorSecondary">@color/riotx_accent</item>
        <item name="colorSecondaryVariant">@color/primary_color_dark_light</item>
        <item name="colorOnSecondary">@color/white</item>
        <item name="colorError">@color/riotx_notice</item>
        <item name="colorOnError">#FFFFFF</item>
        <!--item name="colorSurface">#FFFFFF</item>
        <item name="colorOnSurface">#212121</item-->
        <item name="android:colorBackground">?riotx_background</item>
        <item name="colorOnBackground">?riotx_text_primary</item>

        <item name="riotx_bottom_sheet_background">@color/riotx_bottom_sheet_background_light</item>

        <!-- Keep color accent for legacy widget-->
        <item name="colorAccent">@color/riotx_accent</item>

        <item name="materialButtonStyle">@style/VectorButtonStyle</item>
        <item name="toolbarStyle">@style/VectorToolbarStyle</item>
        <item name="alertDialogTheme">@style/VectorAlertDialogStyleLight</item>

        <item name="android:textColorLink">@color/riotx_links</item>

        <!-- Menu text color -->
        <item name="android:actionMenuTextColor">?colorAccent</item>

        <!-- default background color -->
        <item name="riotx_bottom_nav_background_color">@color/riotx_bottom_nav_background_color_light</item>
        <item name="riotx_bottom_nav_background_border_color">@color/riotx_bottom_nav_background_border_color_light</item>

        <!-- waiting view background -->
        <item name="riotx_waiting_background_color">@color/riotx_waiting_background_color_light</item>

        <!-- application bar text color -->
        <!-- Base Text Primary-->
        <item name="vctr_toolbar_primary_text_color">@color/riotx_text_primary_light</item>
        <!-- Base Text Secondary-->
        <item name="vctr_toolbar_secondary_text_color">@color/riotx_text_primary_light</item>
        <item name="vctr_toolbar_link_text_color">@color/riotx_links</item>

        <!-- default text colors -->
        <item name="vctr_default_text_hint_color">@color/default_text_hint_color_light</item>

        <!-- room message colors -->
        <item name="vctr_notice_secondary">#61708B</item>
        <item name="vctr_unsent_message_text_color">@color/vector_fuchsia_color</item>
        <item name="vctr_message_text_color">@color/riot_primary_text_color_light</item>
        <item name="vctr_notice_text_color">#FF61708b</item>
        <item name="vctr_encrypting_message_text_color">@color/accent_color_light</item>
        <item name="vctr_sending_message_text_color">@color/riotx_text_secondary_light</item>
        <item name="vctr_markdown_block_background_color">#FFEEEEEE</item>
        <item name="vctr_spoiler_background_color">#FF000000</item>

        <item name="riot_primary_text_color">@color/riot_primary_text_color_light</item>
        <item name="riot_primary_text_color_disabled">@color/riot_primary_text_color_disabled_light</item>

        <!-- tab bar colors -->
        <item name="vctr_tab_bar_inverted_background_color">#FFF2F2F2</item>

        <!-- list colors -->
        <!--Header/Panel Background-->
        <item name="vctr_list_header_background_color">#FFF3F8FD</item>
        <!--Header/Panel Text Primary-->
        <item name="vctr_list_header_primary_text_color">#FF61708B</item>
        <!--Header/Panel Text Secondary-->
        <item name="vctr_list_header_secondary_text_color">#FFC8C8CD</item>

        <item name="riotx_list_bottom_sheet_divider_color">@color/riotx_list_bottom_sheet_divider_color_light</item>
        <item name="vctr_list_divider_color">@color/riotx_header_panel_background_light</item>

        <!-- outgoing call background color -->
        <item name="vctr_pending_outgoing_view_background_color">#33000000</item>

        <!-- room notification text color (typing, unsent...) -->
        <!--Notice (secondary)-->
        <item name="vctr_room_notification_text_color">#FF61708b</item>

        <!-- icon colors -->
        <item name="vctr_settings_icon_tint_color">@android:color/black</item>
        <item name="vctr_icon_tint_on_light_action_bar_color">@color/riotx_accent</item>

        <item name="list_divider_color">@color/list_divider_color_light</item>

        <!-- ANDROID SUPPORT ATTRIBUTES -->
        <!-- disable the overscroll because setOverscrollHeader/Footer don't always work -->
        <item name="android:overScrollMode">never</item>

        <!-- activities background -->
        <item name="android:windowBackground">@color/riot_primary_background_color_light</item>

        <!-- fonts -->
        <item name="android:typeface">sans</item>

        <!-- custom action bar -->
        <item name="android:actionBarStyle">@style/Vector.Styled.ActionBar</item>
        <item name="actionBarStyle">@style/Vector.Styled.ActionBar</item>

        <!-- actionbar icons color -->
        <item name="actionBarTheme">@style/Vector.ActionBarTheme</item>

        <!-- remove the shadow under the actionbar -->
        <item name="android:windowContentOverlay">@null</item>

        <item name="android:popupMenuStyle">@style/Vector.PopupMenu</item>

        <!-- no divider -->
        <item name="android:actionBarDivider">@null</item>

        <!-- tabbar background -->
        <item name="android:actionBarTabStyle">@style/Vector.TabView</item>
        <item name="actionBarTabStyle">@style/Vector.TabView</item>

        <!-- tabbar text color -->
        <item name="android:actionBarTabTextStyle">@style/Vector.TabText</item>
        <item name="actionBarTabTextStyle">@style/Vector.TabText</item>

        <item name="tab_bar_selected_background_color">@color/tab_bar_selected_background_color_light</item>
        <item name="tab_bar_unselected_background_color">@color/tab_bar_unselected_background_color_light</item>

        <!-- Preference -->
        <item name="preferenceTheme">@style/PreferenceThemeOverlay.v14.Material</item>

        <item name="bottomSheetDialogTheme">@style/Vector.BottomSheet.Light</item>

        <!-- SnackBar -->
        <!-- Style to use for SnackBars in this theme. -->
        <item name="snackbarStyle">@style/VectorSnackBarStyle</item>
        <!-- Style to use for action button within a SnackBar in this theme. -->
        <item name="snackbarButtonStyle">@style/VectorSnackBarButton</item>
        <!-- Style to use for message text within a SnackBar in this theme. -->
        <item name="snackbarTextViewStyle">@style/VectorSnackBarText</item>

        <item name="pf_lock_screen">@style/PinCodeScreenStyle</item>
        <item name="pf_key_button">@style/PinCodeKeyButtonStyle</item>
        <item name="pf_title">@style/PinCodeTitleStyle</item>
        <item name="pf_hint">@style/PinCodeHintStyle</item>
        <item name="pf_code_view">@style/PinCodeDotsViewStyle</item>
        <item name="pf_delete_button">@style/PinCodeDeleteButtonStyle</item>
        <item name="pf_fingerprint_button">@style/PinCodeFingerprintButtonStyle</item>
        <item name="pf_next">@style/PinCodeNextButtonStyle</item>

        <!-- Use dark color, to have enough contrast with icons color. windowLightStatusBar is only available in API 23+ -->
        <item name="android:statusBarColor">@color/riotx_header_panel_background_dark</item>
        <!-- Use dark color, to have enough contrast with icons color. windowLightNavigationBar is only available in API 27+ -->
        <item name="android:navigationBarColor">@color/riotx_header_panel_background_dark</item>

        <!-- enable window content transitions -->
        <item name="android:windowContentTransitions">true</item>

        <!-- specify shared element enter and exit transitions -->
        <item name="android:windowSharedElementEnterTransition">@transition/image_preview_transition</item>
        <item name="android:windowSharedElementExitTransition">@transition/image_preview_transition</item>
    </style>

    <style name="AppTheme.Light" parent="AppTheme.Base.Light" />

</resources>