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

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

    <!-- BLACK THEME COLORS -->

    <style name="AppTheme.Base.Black" parent="AppTheme.Base.Dark">
        <!-- Only setting the items we need to override to get the background to be pure black, otherwise inheriting -->

        <!-- Riotx attribute for palette -->
        <item name="riotx_background">@color/riotx_background_black</item>
        <item name="riotx_base">@color/riotx_base_black</item>
        <item name="riotx_base_text_icon_primary">@color/riotx_base_text_icon_primary_black</item>
        <item name="riotx_base_text_icon_secondary">@color/riotx_base_text_icon_secondary_black</item>
        <item name="riotx_search_background_mobile">@color/riotx_search_background_mobile_black</item>
        <item name="riotx_header_panel_background">@color/riotx_header_panel_background_black</item>
        <item name="riotx_header_panel_border_mobile">@color/riotx_header_panel_border_mobile_black</item>
        <item name="riotx_header_panel_text_primary">@color/riotx_header_panel_text_primary_black</item>
        <item name="riotx_header_panel_text_secondary">@color/riotx_header_panel_text_secondary_black</item>
        <item name="riotx_text_primary">@color/riotx_text_primary_black</item>
        <item name="riotx_text_secondary">@color/riotx_text_secondary_black</item>
        <item name="riotx_text_primary_body_contrast">@color/riotx_text_primary_body_contrast_black</item>
        <item name="riotx_android_secondary">@color/riotx_android_secondary_black</item>
        <item name="riotx_search_placeholder">@color/riotx_search_placeholder_black</item>
        <item name="riotx_room_highlight">@color/riotx_room_highlight_black</item>
        <item name="riotx_unread_room_indent">@color/riotx_unread_room_indent_black</item>
        <item name="riotx_android_status_bar">@color/riotx_android_status_bar_black</item>
        <item name="riotx_line_break_mobile">@color/riotx_line_break_mobile_black</item>
        <item name="riotx_unread_room_badge">@color/riotx_unread_room_badge_black</item>
        <item name="riotx_fab_secondary_bg">@color/riotx_fab_secondary_bg_black</item>
        <item name="riotx_fab_secondary_color">@color/riotx_fab_secondary_color_black</item>
        <item name="riotx_fab_label_bg">@color/riotx_fab_label_bg_black</item>
        <item name="riotx_fab_label_stroke">@color/riotx_fab_label_stroke_black</item>
        <item name="riotx_fab_label_color">@color/riotx_fab_label_color_black</item>
        <item name="riotx_touch_guard_bg">@color/riotx_touch_guard_bg_black</item>
        <item name="riotx_attachment_selector_background">@color/riotx_attachment_selector_background_black</item>
        <item name="riotx_attachment_selector_border">@color/riotx_attachment_selector_border_black</item>
        <item name="riotx_room_active_widgets_banner_bg">@color/riotx_room_active_widgets_banner_bg_black</item>
        <item name="riotx_room_active_widgets_banner_text">@color/riotx_room_active_widgets_banner_text_black</item>
        <item name="riotx_reaction_background_off">@color/riotx_reaction_background_off_black</item>
        <item name="riotx_reaction_background_on">@color/riotx_reaction_background_on_black</item>

        <item name="riotx_bottom_nav_icon_color">@color/riotx_bottom_nav_icon_color_black</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_black</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_black</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="android:textColorLink">@color/riotx_links</item>

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

        <!-- list colors -->
        <!--Header/Panel Background-->
        <item name="vctr_list_header_background_color">#FF090A0C</item>

        <item name="riotx_list_bottom_sheet_divider_color">@color/riotx_list_bottom_sheet_divider_color_black</item>
        <item name="vctr_list_divider_color">@color/riotx_header_panel_background_black</item>

        <item name="vctr_markdown_block_background_color">#FF4D4D4D</item>

        <!-- activities background -->
        <item name="android:windowBackground">@color/riot_primary_background_color_black</item>
        <item name="riotx_bottom_nav_background_color">@color/riotx_bottom_nav_background_color_black</item>
        <item name="riotx_bottom_nav_background_border_color">@color/riotx_bottom_nav_background_border_color_black</item>

        <item name="android:statusBarColor">@color/riotx_header_panel_background_black</item>
        <item name="android:navigationBarColor">@color/riotx_header_panel_background_black</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.Black" parent="AppTheme.Base.Black" />

</resources>