chore: design team feedback to improve app theming capability

[saeedbashir]

This PR improves the theme capability of the app by introducing more color options. And also, a custom placeholder is added to all the input fields. By adding the custom placeholder, it will help in meeting the a11y requirements.

Note: The rounded and rectangular corners are configurable, via config files.

Visually, the following changes are made to the openedX theme:

Old Screen	New Screen

[rnr]

LGTM
Found one design mistake:

[volodymyr-chekyrta]

My understanding from yesterday's weekly design meeting is that these changes are still not approved, so they can't be merged.
cc @moiz994 @ekangedx @sdaitzman @marcotuts

[moiz994]

@volodymyr-chekyrta I believe the design feedback was to bring back the subtitle on the sign-in and register screens. The rest are just theme-based changes that will not affect the open edX build.

The new copy of the subtitles is as follows:

Sign-in screen:
"Welcome back! Sign in to access your courses."

Register screen:
"Create an account to start learning today!"

Let me know what you think.

@marcotuts @sdaitzman @ekangedx what do you guys think of the new subtitles?

[sdaitzman]

Those new subtitles make sense to me. They're more friendly/welcoming/natural vs. the old copy there.

What are the other changes in this PR?

• Adding a theming option to eliminate border radius on buttons and text fields, with the default staying the same (rounded)
• Adding a custom placeholder to all input fields: is this shown in the screenshots above? Is it to support different builds having different placeholder text for some fields?

Are there any other changes I'm missing?

[saeedbashir]

Adding a theming option to eliminate border radius on buttons and text fields, with the default staying the same (rounded)

This is already implemented and part of the current codebase.

Adding a custom placeholder to all input fields: is this shown in the screenshots above? Is it to support different builds having different placeholder text for some fields?

@sdaitzman This PR adds support for configuring, input text fields, background color, placeholder color, and input text color. The placeholder texts will remain the same for the open edX community.

I've added this capability the input background colors for open edX are different for light and dark modes, but for edX its same.

[saeedbashir]

My understanding from yesterday's weekly design meeting is that these changes are still not approved, so they can't be merged. cc @moiz994 @ekangedx @sdaitzman @marcotuts

@volodymyr-chekyrta the subtitles are reverted back and updated with latest text. It's ready for review.

[saeedbashir]

My understanding from yesterday's weekly design meeting is that these changes are still not approved, so they can't be merged. cc @moiz994 @ekangedx @sdaitzman @marcotuts

@volodymyr-chekyrta the subtitles are reverted back and updated with latest text. It's ready for review.

[volodymyr-chekyrta]

My understanding from yesterday's weekly design meeting is that these changes are still not approved, so they can't be merged. cc @moiz994 @ekangedx @sdaitzman @marcotuts

@volodymyr-chekyrta the subtitles are reverted back and updated with latest text. It's ready for review.

@saeedbashir thank you! 🚀

[volodymyr-chekyrta]

LGTM 👍

[volodymyr-chekyrta]

@saeedbashir, could you please fix the lint commit error before merge?

[saeedbashir]

@saeedbashir, could you please fix the lint commit error before merge?

It's happening because of merge branch message and it's bit hard to reword that message, anyhow it will be fixed in squash while merging the PR.

[volodymyr-chekyrta]

@saeedbashir, could you please fix the lint commit error before merge?

It's happening because of merge branch message and it's bit hard to reword that message, anyhow it will be fixed in squash while merging the PR.

👍