Nav unification: Example of extending sakura to work on nav-unification

[mreishus]

Overview

This is an example for #47040, where I point out that calypso color schemes that we port to wp-admin will need a small amount of changes to work in calypso+nav-unification as well.

Screenshots

Before (Calypso Nav Unification Off, Calypso Nav Unification On)

After (Calypso Nav Unification Off, Calypso Nav Unification On)

Reference Issues

• Main Issue Nav Unification - Main Issue #45435
  • Color Schemes Issue + Direction Nav Unification: Color Schemes #45675
    • Add the necessary wp-admin styles to support all color schemes available in Calypso Nav unification: port over Calypso exclusive color schemes to wp-admin #47040

[matticbot]

Test live: https://calypso.live/?branch=add/sakura-nav-unification

[mreishus]

It's possible that these variables should be merged.

--color-sidebar-menu-hover-heading-background + --color-sidebar-menu-hover-background

• consolidate color-sidebar-menu-hover-heading-background with non-"heading" version Nav unification: consolidate color-sidebar-menu-hover-heading-background with non-"heading" version #47300

--color-sidebar-menu-hover + --color-sidebar-menu-hover-text

• Nav unification: consolidate color-sidebar-menu-hover and -text variable Nav unification: consolidate color-sidebar-menu-hover and -text variable #47294

[matticbot]

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

[mreishus]

This needs to be updated now that these are pushed:

• consolidate color-sidebar-menu-hover and -text variable Nav unification: consolidate color-sidebar-menu-hover and -text variable #47294
• consolidate color-sidebar-menu-hover-heading-background with non-"heading" version Nav unification: consolidate color-sidebar-menu-hover-heading-background with non-"heading" version #47300

Aiming to do it today

Edit: Done

[frontdevde]

Closing in favor of #47783