Finalize the UI of the no language data keyboard state

[andrewtavis]

Terms

• I have searched open and closed design issues
• I agree to follow Scribe-iOS' Code of Conduct

Description

In #629 that fixed #627, we wanted to add a button to the top of the keyboard when there is no data that's been downloaded. The current state of this functionality is pictured below:

There are a few things that can be done to improve this:

• The Scribe key should be hidden in this case
• We should have black text over an orange background for accessibility
• We should have a dark mode version that matches our UI
• The icon should be the non-filled in version of the arrow pointing down in a circle (we normally use non-filled in versions of icons)

The the versions below for what we're looking for:

Contribution

Happy to support and review a PR! 🚀

[andrewtavis]

CC @prince-0408 👋 Would you want to work on this? Let me know and I'll assign you. Feel free to start on it even before I assign 😊

[prince-0408]

Sure @andrewtavis