-
Notifications
You must be signed in to change notification settings - Fork 816
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore: fix color for light mode icon #806
Conversation
Signed-off-by: Adithya Krishna <adi@documenso.com>
Important Auto Review SkippedAuto reviews are limited to the following labels: coderabbit. Please add one of these labels to enable auto reviews. Please check the settings in the CodeRabbit UI or the To trigger a single review, invoke the Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media? TipsChatThere are 3 ways to chat with CodeRabbit's AI:
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. CodeRabbit Commands (invoked as PR comments)
Additionally, you can add CodeRabbit Configration File (
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
2 Ignored Deployments
|
Signed-off-by: Adithya Krishna <adi@documenso.com>
Plus fixed some typos which I had come across 😶 |
@@ -18,7 +18,7 @@ export const ThemeSwitcher = () => { | |||
> | |||
{isMounted && theme === THEMES_TYPE.LIGHT && ( | |||
<motion.div | |||
className="bg-background absolute inset-0 rounded-full mix-blend-exclusion" | |||
className="bg-background absolute inset-0 rounded-full mix-blend-color-burn" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
SYSTEM
still has mix-blend-exclusion
. Is this change intended only for the LIGHT
icon?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Instead of changing the mix-blend for just one icon, the optimal solution would be to play around with z-index
, we can remove mix-blend-exculsion from all the divs
and give all the SVG a higher z-index
than the div
which is circling the SVG in the active state. That would fix it for all the icons.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
That makes sense, I will send an update for that
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I wouldn't do that, the mix blend mode hack is a trick for framer motion animations. See: https://www.youtube.com/watch?v=kep_Iaxuzy0
Description:
I saw the below minor nitpick in the
them-switcher
component. Fixed it with this PR