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_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_bottom_nav_icon_color">@color/riotx_bottom_nav_icon_color_light</item>

        <!-- Drawables -->
        <item name="riotx_highlighted_message_background">@drawable/highlighted_message_background_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>

        <!-- application bar text hint color -->
        <item name="vctr_primary_hint_text_color">@color/primary_hint_text_color_light</item>

        <item name="vctr_tab_home">@color/primary_color_light</item>
        <item name="vctr_tab_home_secondary">@color/primary_color_dark_light</item>

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

        <!-- room message colors -->
        <!-- Notice (Secondary) -->
        <item name="vctr_unread_room_indent_color">#FF2E3648</item>
        <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_highlighted_message_text_color">@color/vector_fuchsia_color</item>
        <item name="vctr_highlighted_searched_message_text_color">@color/primary_color_light</item>
        <item name="vctr_search_mode_room_name_text_color">#333C3C3C</item>
        <item name="vctr_unread_marker_line_color">@color/accent_color_light</item>
        <item name="vctr_markdown_block_background_color">#FFEEEEEE</item>
        <item name="vctr_spoiler_background_color">#FF000000</item>
        <item name="vctr_room_activity_divider_color">#FFF2F2F2</item>

        <!-- tab bar colors -->
        <item name="vctr_tab_bar_inverted_background_color">#FFF2F2F2</item>
        <item name="vctr_tab_bar_selected_background_color">
            @color/tab_bar_selected_background_color_light
        </item>
        <item name="vctr_tab_bar_unselected_background_color">
            @color/tab_bar_unselected_background_color_light
        </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>

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

        <!-- gradient on the home bottom -->
        <item name="vctr_activity_bottom_gradient_color">#80ffffff</item>

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

        <!-- multi selection member background color -->
        <item name="vctr_multi_selection_background_color">#FFF2F2F2</item>

        <!-- sliding menu icon colors -->
        <item name="vctr_home_navigation_icon_color">@color/riot_primary_text_color_light</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="vctr_icon_tint_on_dark_action_bar_color">@android:color/white</item>

        <!-- theses colours are requested a background cannot be set by an ?att on android < 5 -->
        <!-- dedicated drawables are created for each theme -->
        <item name="vctr_line_divider">@drawable/line_divider_light</item>
        <item name="vctr_shadow_bottom">@drawable/shadow_bottom_light</item>
        <item name="vctr_shadow_top">@drawable/shadow_top_light</item>
        <item name="vctr_tabbar_selected_background">
            @drawable/vector_tabbar_selected_background_light
        </item>
        <item name="vctr_tabbar_unselected_background">
            @drawable/vector_tabbar_unselected_background_light
        </item>
        <item name="vctr_tabbar_background">@drawable/vector_tabbar_background_light</item>

        <item name="vctr_pill_background_user_id">@drawable/pill_background_user_id_light</item>
        <item name="vctr_pill_background_room_alias">@drawable/pill_background_room_alias_light</item>

        <item name="vctr_pill_text_color_user_id">@color/riot_primary_text_color_light</item>
        <item name="vctr_pill_text_color_room_alias">@android:color/white</item>

        <item name="vctr_pill_receipt">@drawable/pill_receipt_light</item>

        <item name="vctr_direct_chat_circle">@drawable/direct_chat_circle_light</item>

        <item name="vctr_widget_banner_background">#FFD3EFE1</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.Light</item>
        <item name="actionBarTabStyle">@style/Vector.TabView.Light</item>

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

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

    <style name="Vector.TabView.Light" parent="Widget.AppCompat.ActionBar.TabView">
        <item name="android:background">@drawable/vector_tabbar_background_light</item>
        <item name="background">@drawable/vector_tabbar_background_light</item>
    </style>

</resources>