fix: Enhance Dark mode menu dots visibility #517
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I didn't realize there was a menu to switch between dark mode and light mode because the vertical dots in dark mode aren't very visible to me when my screen brightness was low. I like to keep my screen brightness low in the night.
They were visible in light mode though.
I changed it so that in dark mode the vertical dots are light grey

But in light mode the vertical dots continue to be gray

Summary of changes
VertDotscomponent to usecurrentColorfor the fill property, which allows the component to inherit the color from its parent element. This change improves the consistency of the component's appearance in different themes.classNameattribute to thesvgelement with the valuetext-gray-600 dark:text-white/90to ensure the component displays correctly in both light and dark modes.