[$2000] Empty state icons for `reimbursementAccountLoadingAnimation` don't have a transparent background in Dark Theme.

[kavimuru]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Go to any workspace and attempt the Connect Bank Account step
2. Enter the bank account details, go to the company step
3. Fill in the company step, and wait for the reimbursement account loading animation (screen with the title One moment)
4. Check that the icons don't have a transparent background (instead have a gray background).

Expected Result:

The Icons should have a transparent background

Actual Result:

the icons have a gray background.

Workaround:

unknown

Platform:

Where is this issue occurring?

• Mobile Web

Version Number: 1.2.33-2
Reproducible in staging?: y
Reproducible in production?: Could not verify in production
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Notes/Photos/Videos:

RPReplay_Final1669717357.MP4

JFZT3783.1.MP4

Expensify/Expensify Issue URL:
Issue reported by: @mananjadhav
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1669717660117089

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01d555366565521d92
• Upwork Job ID: 1597976370465353728
• Last Price Increase: 2022-12-20

[melvin-bot]

Triggered auto assignment to @abekkala (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[mananjadhav]

Tagging @Expensify/design and @shawnborton too

[abekkala]

@shawnborton is this going to be fixed internally?
If so, then I can just create an Upwork posting to hire/pay the contributor who reported the issue.

[shawnborton]

The new .gif can be created internally, but we can use a contributor to update the .gif (it's just a file path that points to cloudfront) in the app.

[Puneet-here]

@shawnborton, I can make the change (it needs to be done here). We also need to update other gif that we are using locally (check the one below)

https://github.com/Expensify/App/blob/main/assets/images/confetti-pop.gif

[shawnborton]

Where are we using confetti pop? I thought we stopped using it with the new workspace illustrations that we merged?

[Puneet-here]

It's at password confirmation screen and request call confirmation
Once you change your password successfully you will see it or after requesting a call.

App/src/pages/RequestCallConfirmationScreen.js

Lines 18 to 19 in 3c22789

	<Image
	source={confettiPop}

App/src/pages/settings/PasswordConfirmationScreen.js

Lines 18 to 19 in 11072a6

	<Image
	source={confettiPop}

[shawnborton]

Can you share screenshots of those two pages?

[Puneet-here]

[Puneet-here]

We can use Illustrations.TadaBlue instead

            <Icon
                src={Illustrations.TadaBlue}
                height={100}
                width={100}
                fill={defaultTheme.iconSuccessFill}
            />

and maybe some margin below the icon.