Skip to content

Use neutral colours for nav background

Michael Le requested to merge mle/fix-topnav-color into master

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 image image
Sidebar image image

Dark mode

Area Before After
Top nav image image
Sidebar image image

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.

Edited by Michael Le

Merge request reports