Referrals link is invisible on dark / light mode (Mobile)
Summary
(Summarize the bug encountered concisely)
If a user uses dark mode on mobile, and tries to access the referrals link, they can go to the current referrals page. However, the referral link text is currently invisible. (referral link text is same as background color.)
The problem manifest only when switching from one mode to another. The color of default text do not update correctly.
Steps to reproduce
(How one can reproduce the issue - this is very important)
Step 1: On mobile app, switch to dark mode. Step 2: Go on sidebar navigation menu, and access settings page. Step 3: Go from the settings page to other -> click on referrals page. Step 4: On referrals page, view referral links, and you will notice that the css-color of the link is not being changed between light and dark mode.
Note- sometimes this flips, so that light mode is legible, but dark mode is not. See below.
Platform information
(Browser, device, system stats, screen size)
- Mobile apps (React Native, iOS, Android)
What is the current bug behavior?
(What actually happens)
What is the expected correct behavior?
- expected behavior should be white text in dark mode, primary text in light mode.
(What you should see instead)
Relevant logs and/or screenshots
(Paste any relevant logs - please use code blocks (```) to format console output, logs, and code as it's very hard to read otherwise.)
Possible fixes
(If you can, link to the line of code that might be responsible for the problem)