DartCounter

Colors

• #E2ECE9Modal Background Light Mint · modal_background
• #FFFFFFWhite · search_bar_background
• #FF8A73Red Accent · confirm_button

Type

• TitleImpact · 26px · bold · #111111
• List ItemArial · 16px · normal · #111111

Elements

• Country Picker Sheet · bottom_sheet

  Positioned over previous modal, occupying the bottom 75% of screen height. · Light mint rounded sheet with drag indicator at top center.

• Search Bar · search_input

  Top of the country sheet, spanning horizontally with padding. · White rounded input with magnifying glass icon and 'SEARCH' placeholder.

• Country List · list_view

  Vertical scrollable list of countries with flag icons and names. · Plain rows with flag icons on the left.

• Confirm Button · button

  Fixed at bottom of sheet. · Solid light red-orange fill, pill shaped.

Layout

Country selection sheet sliding up over the subscription requirements modal.

Notes

Displays a searchable list of countries with flag icons.