Use neutral colours for nav background
What does this MR do and why?
Use neutral colors of gray for the top nav menu items so that it is consistent across various themed backgrounds.
In dark mode, the background is using white as the base color so the background is rgba(255, 255, 255, 0.08)
Also refactored the CSS variables so that we don't need to have a variable like --indigo-900-alpha-008
anymore.
Screenshots or screen recordings
Adding screenshots of the sidebar to prove that the change in variables did not affect the background negatively.
Standard
Area | Before | After |
---|---|---|
Top nav | ||
Sidebar |
Dark mode
Area | Before | After |
---|---|---|
Top nav | ||
Sidebar |
These are strongly recommended to assist reviewers and reduce the time to merge your change.
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
MR acceptance checklist
This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.
-
I have evaluated the MR acceptance checklist for this MR.