Add color scheme ocean

[mreishus]

One part of #47036

Changes proposed in this Pull Request

• Add ocean color scheme

Testing instructions

• Visit /me/account
• Choose ocean and save
• Try with flag nav unification on and off

To see the wp-admin color scheme, create an atomic site, then visit /wp-admin/profile.php, choose color scheme and save.

Calypso (Flag off):

Calypso (Flag on):

Wp-Admin:

Reference Issues

• Main Issue Nav Unification - Main Issue #45435
  • Color Schemes Issue + Direction Nav Unification: Color Schemes #45675
    • Nav unification: Port over WP Admin color schemes as new options in Calypso /me section. Nav unification: Port over WP Admin color schemes as new options in Calypso /me section. #47036
    • Nav Unification: Rename the Ocean color scheme to Aquatic; update user preferences accordingly Nav Unification: Rename the Ocean color scheme to Aquatic; update user preferences accordingly #47256

[matticbot]

Test live: https://calypso.live/?branch=add/wp-color-scheme-ocean

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~3 bytes removed 📉 [gzipped])

name     parsed_size           gzip_size
account        -55 B  (-0.0%)       -3 B  (-0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~6 bytes removed 📉 [gzipped])

name                      parsed_size           gzip_size
async-load-design-blocks        -55 B  (-0.0%)       +1 B  (+0.0%)
async-load-design               -55 B  (-0.0%)       -7 B  (-0.0%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[mreishus]

Note: This needs to wait for the migration D52536-code to be completed before merging

[cpapazoglou]

LGTM! Let's wait for D52536-code

[mreishus]

D52536-code has been run.