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

    <!-- Source: https://zpl.io/aBKw9Mk -->

    <!-- Accents -->
    <color name="riotx_accent">#FF0DBD8B</color>
    <color name="riotx_accent_alpha25">#3F0DBD8B</color>


    <color name="riotx_destructive_accent">#FFFF4B55</color>
    <color name="riotx_destructive_accent_alpha12">#1EFF4B55</color>
    <color name="riotx_button_primary_accent_alpha12">#14368BD6</color>


    <color name="riotx_positive_accent">#0DBD8B</color>
    <color name="riotx_disabled_accent">#C4C4C4</color>
    <color name="riotx_positive_accent_alpha12">#1E0DBD8B</color>
    <color name="riotx_button_disabled_alpha12">#1E61708B</color>


    <color name="riotx_notice">#FFFF4B55</color>
    <color name="riotx_notice_secondary">#FF61708B</color>
    <color name="riotx_notice_secondary_alpha12">#1E61708B</color>
    <color name="riotx_links">#FF368BD6</color>

    <color name="riotx_avatar_fill_1">#FF03B381</color>
    <color name="riotx_avatar_fill_2">#FF368bd6</color>
    <color name="riotx_avatar_fill_3">#FFac3ba8</color>

    <color name="riotx_username_1">#368bd6</color>
    <color name="riotx_username_2">#ac3ba8</color>
    <color name="riotx_username_3">#03B381</color>
    <color name="riotx_username_4">#e64f7a</color>
    <color name="riotx_username_5">#ff812d</color>
    <color name="riotx_username_6">#2dc2c5</color>
    <color name="riotx_username_7">#5c56f5</color>
    <color name="riotx_username_8">#74d12c</color>

    <!-- Other usefull color -->
    <color name="black">#FF000000</color>
    <color name="white">#FFFFFFFF</color>
    <color name="black_alpha">#55000000</color>
    <color name="black_54">#8A000000</color>

    <!-- Palette: format fo naming:
      'riotx_<name in the palette snake case>_<theme>'
      -->

    <attr name="riotx_background" format="color" />
    <color name="riotx_background_light">#FFFFFFFF</color>
    <color name="riotx_background_dark">#FF15191E</color>
    <color name="riotx_background_black">#FF000000</color>

    <attr name="riotx_base" format="color" />
    <color name="riotx_base_light">#FFF5F7FA</color>
    <color name="riotx_base_dark">#FF22282F</color>
    <color name="riotx_base_black">#FF000000</color>

    <!-- Background color of bottom sheets -->
    <attr name="riotx_bottom_sheet_background" format="color" />
    <color name="riotx_bottom_sheet_background_light">#FFFFFFFF</color>
    <color name="riotx_bottom_sheet_background_dark">#FF282C35</color>
    <color name="riotx_bottom_sheet_background_black">#FF282C35</color>

    <attr name="riotx_base_text_icon_primary" format="color" />
    <color name="riotx_base_text_icon_primary_light">#FFFFFFFF</color>
    <color name="riotx_base_text_icon_primary_dark">#FFEDF3FF</color>
    <color name="riotx_base_text_icon_primary_black">#FFEDF3FF</color>

    <attr name="riotx_base_text_icon_secondary" format="color" />
    <color name="riotx_base_text_icon_secondary_light">#FFFFFFFF</color>
    <color name="riotx_base_text_icon_secondary_dark">#FFEDF3FF</color>
    <color name="riotx_base_text_icon_secondary_black">#FFEDF3FF</color>

    <attr name="riotx_search_background_mobile" format="color" />
    <color name="riotx_search_background_mobile_light">#FFFFFFFF</color>
    <color name="riotx_search_background_mobile_dark">#FF181B21</color>
    <color name="riotx_search_background_mobile_black">#FF181B21</color>

    <attr name="riotx_header_panel_background" format="color" />
    <color name="riotx_header_panel_background_light">#FFF3F8FD</color>
    <color name="riotx_header_panel_background_dark">#FF22262E</color>
    <color name="riotx_header_panel_background_black">#FF090A0C</color>

    <attr name="riotx_header_panel_border_mobile" format="color" />
    <color name="riotx_header_panel_border_mobile_light">#FFE9EDF1</color>
    <color name="riotx_header_panel_border_mobile_dark">#FF181B21</color>
    <color name="riotx_header_panel_border_mobile_black">#FF0D0F12</color>

    <attr name="riotx_header_panel_text_primary" format="color" />
    <color name="riotx_header_panel_text_primary_light">#FF171910</color>
    <color name="riotx_header_panel_text_primary_dark">#FFFFFFFF</color>
    <color name="riotx_header_panel_text_primary_black">#FFFFFFFF</color>

    <attr name="riotx_header_panel_text_secondary" format="color" />
    <color name="riotx_header_panel_text_secondary_light">#8F97A3</color>
    <color name="riotx_header_panel_text_secondary_dark">#FFA9B2BC</color>
    <color name="riotx_header_panel_text_secondary_black">#FFA9B2BC</color>

    <attr name="riotx_text_primary" format="color" />
    <color name="riotx_text_primary_light">#FF2E2F32</color>
    <color name="riotx_text_primary_dark">#FFEDF3FF</color>
    <color name="riotx_text_primary_black">#FFEDF3FF</color>

    <attr name="riotx_text_secondary" format="color" />
    <color name="riotx_text_secondary_light">#FF9E9E9E</color>
    <color name="riotx_text_secondary_dark">#FFA1B2D1</color>
    <color name="riotx_text_secondary_black">#FFA1B2D1</color>

    <attr name="riotx_text_tertiary" format="color" />
    <color name="riotx_text_tertiary_light">#FF8D99A5</color>
    <!-- TODO Pick color from Figma, I do not know where to find it -->
    <color name="riotx_text_tertiary_dark">#FF8D99A5</color>
    <!-- TODO Pick color from Figma, I do not know where to find it -->
    <color name="riotx_text_tertiary_black">#FF8D99A5</color>

    <attr name="riotx_text_primary_body_contrast" format="color" />
    <color name="riotx_text_primary_body_contrast_light">#FF61708B</color>
    <color name="riotx_text_primary_body_contrast_dark">#FFA1B2D1</color>
    <color name="riotx_text_primary_body_contrast_black">#FFA1B2D1</color>

    <attr name="riotx_android_secondary" format="color" />
    <color name="riotx_android_secondary_light">#FF8F97A3</color>
    <color name="riotx_android_secondary_dark">#FF8F97A3</color>
    <color name="riotx_android_secondary_black">#FFA9B2BC</color>

    <attr name="riotx_search_placeholder" format="color" />
    <color name="riotx_search_placeholder_light">#FF8F97A3</color>
    <color name="riotx_search_placeholder_dark">#FFA9B2BC</color>
    <color name="riotx_search_placeholder_black">#FFA9B2BC</color>

    <attr name="riotx_room_highlight" format="color" />
    <color name="riotx_room_highlight_light">#FFF6F7F8</color>
    <color name="riotx_room_highlight_dark">#FF343446</color>
    <color name="riotx_room_highlight_black">#FF343446</color>

    <attr name="riotx_unread_room_indent" format="color" />
    <color name="riotx_unread_room_indent_light">#FF2E3648</color>
    <color name="riotx_unread_room_indent_dark">#FF2E3648</color>
    <color name="riotx_unread_room_indent_black">#FF2E3648</color>

    <attr name="riotx_android_status_bar" format="color" />
    <color name="riotx_android_status_bar_light">#FF2E3648</color>
    <color name="riotx_android_status_bar_dark">#FF0D0E10</color>
    <color name="riotx_android_status_bar_black">#FF0D0E10</color>

    <attr name="riotx_line_break_mobile" format="color" />
    <color name="riotx_line_break_mobile_light">#FFEEEFEF</color>
    <color name="riotx_line_break_mobile_dark">#FF61708B</color>
    <color name="riotx_line_break_mobile_black">#FF61708B</color>

    <!-- Other colors, which are not in the pallette -->
    <attr name="riotx_unread_room_badge" format="color" />
    <color name="riotx_unread_room_badge_light">#FF61708B</color>
    <color name="riotx_unread_room_badge_dark">#FF61708B</color>
    <color name="riotx_unread_room_badge_black">#FF61708B</color>

    <attr name="riotx_fab_secondary_bg" format="color" />
    <color name="riotx_fab_secondary_bg_light">@color/white</color>
    <color name="riotx_fab_secondary_bg_dark">#FF181B21</color>
    <color name="riotx_fab_secondary_bg_black">#FF181B21</color>

    <attr name="riotx_fab_secondary_color" format="color" />
    <color name="riotx_fab_secondary_color_light">@color/black</color>
    <color name="riotx_fab_secondary_color_dark">@color/white</color>
    <color name="riotx_fab_secondary_color_black">@color/white</color>

    <attr name="riotx_fab_label_bg" format="color" />
    <color name="riotx_fab_label_bg_light">@color/white</color>
    <color name="riotx_fab_label_bg_dark">#FF181B21</color>
    <color name="riotx_fab_label_bg_black">#FF181B21</color>

    <attr name="riotx_fab_label_stroke" format="color" />
    <color name="riotx_fab_label_stroke_light">#1EFFFFFF</color>
    <color name="riotx_fab_label_stroke_dark">@color/black</color>
    <color name="riotx_fab_label_stroke_black">@color/black</color>

    <attr name="riotx_fab_label_color" format="color" />
    <color name="riotx_fab_label_color_light">#FF2E2F32</color>
    <color name="riotx_fab_label_color_dark">#FFA1B2D1</color>
    <color name="riotx_fab_label_color_black">#FFA1B2D1</color>

    <attr name="riotx_touch_guard_bg" format="color" />
    <color name="riotx_touch_guard_bg_light">#66000000</color>
    <color name="riotx_touch_guard_bg_dark">#BF000000</color>
    <color name="riotx_touch_guard_bg_black">#BF000000</color>

    <attr name="riotx_attachment_selector_background" format="color" />
    <color name="riotx_attachment_selector_background_light">#FFFFFFFF</color>
    <color name="riotx_attachment_selector_background_dark">#FF22262E</color>
    <color name="riotx_attachment_selector_background_black">#FF090A0C</color>

    <attr name="riotx_attachment_selector_border" format="color" />
    <color name="riotx_attachment_selector_border_light">#FFE9EDF1</color>
    <color name="riotx_attachment_selector_border_dark">#FF22262E</color>
    <color name="riotx_attachment_selector_border_black">#FF090A0C</color>

    <attr name="riotx_room_active_widgets_banner_bg" format="color" />
    <color name="riotx_room_active_widgets_banner_bg_light">#EBEFF5</color>
    <color name="riotx_room_active_widgets_banner_bg_dark">#27303A</color>
    <color name="riotx_room_active_widgets_banner_bg_black">#27303A</color>

    <attr name="riotx_room_active_widgets_banner_text" format="color" />
    <color name="riotx_room_active_widgets_banner_text_light">#61708B</color>
    <color name="riotx_room_active_widgets_banner_text_dark">#E3E8F0</color>
    <color name="riotx_room_active_widgets_banner_text_black">#E3E8F0</color>

    <attr name="riotx_bottom_nav_background_color" format="color" />
    <color name="riotx_bottom_nav_background_color_light">@color/riot_primary_background_color_light</color>
    <color name="riotx_bottom_nav_background_color_dark">@color/primary_color_dark</color>
    <color name="riotx_bottom_nav_background_color_black">@color/primary_color_black</color>

    <attr name="riotx_bottom_nav_background_border_color" format="color" />
    <color name="riotx_bottom_nav_background_border_color_light">#E9EDF1</color>
    <color name="riotx_bottom_nav_background_border_color_dark">#55555555</color>
    <color name="riotx_bottom_nav_background_border_color_black">#FF15171b</color>

    <attr name="riotx_bottom_nav_icon_color" format="color" />
    <color name="riotx_bottom_nav_icon_color_light">#C1C6CD</color>
    <color name="riotx_bottom_nav_icon_color_dark">#8E99A4</color>
    <color name="riotx_bottom_nav_icon_color_black">#8E99A4</color>

    <attr name="riotx_waiting_background_color" format="color" />
    <color name="riotx_waiting_background_color_light">#AAAAAAAA</color>
    <color name="riotx_waiting_background_color_dark">#55555555</color>

    <attr name="riotx_disabled_view_color" format="color" />
    <color name="riotx_disabled_view_color_light">#EEEEEE</color>
    <color name="riotx_disabled_view_color_dark">#61708B</color>

    <attr name="riotx_list_bottom_sheet_divider_color" format="color" />
    <color name="riotx_list_bottom_sheet_divider_color_light">#E3E8F0</color>
    <color name="riotx_list_bottom_sheet_divider_color_dark">#7F61708B</color>
    <color name="riotx_list_bottom_sheet_divider_color_black">#FF22262E</color>

    <attr name="riotx_reaction_background_off" format="color" />
    <color name="riotx_reaction_background_off_light">#FFF3F8FD</color>
    <color name="riotx_reaction_background_off_dark">#22252B</color>
    <color name="riotx_reaction_background_off_black">#22252B</color>

    <attr name="riotx_reaction_background_on" format="color" />
    <color name="riotx_reaction_background_on_light">#2011BC8A</color>
    <color name="riotx_reaction_background_on_dark">#4011BC8A</color>
    <color name="riotx_reaction_background_on_black">#4011BC8A</color>

    <!-- (color from RiotWeb) -->
    <attr name="riotx_keys_backup_banner_accent_color" format="color" />
    <color name="riotx_keys_backup_banner_accent_color_light">#FFF8E3</color>
    <color name="riotx_keys_backup_banner_accent_color_dark">#22262E</color>

</resources>