Pink Elephant Diagnostics

[seanneumann]

Is your feature request related to a problem? Please describe.

I'd like to build an OUI diagnostics theme called Pink Elephant. Let's change all the OUI styles to be pink to highlight where in OpenSearch Dashboards and plugins that aren't using oui. Basically, anything that is not pink is not using OUI.

It should be deployable to staging domain: pink.playground.opensearch.org

Related Playground Issue: https://github.com/opensearch-project/dashboards-anywhere/issues/158

[KrooshalUX]

@BSFishy round 2:

// Core
$ouiColorPrimary: #CFB3FF;
$ouiColorSecondary: #FFD481;
$ouiColorAccent: #9DCD65;

// Status
$ouiColorSuccess: $ouiColorSecondary;
$ouiColorWarning: #FFCBC3;
$ouiColorDanger: #F57600;

// Grays
$ouiColorEmptyShade: #FDDFEC;
$ouiColorLightestShade: #FBD2E2;
$ouiColorLightShade: #F8B8D0;
$ouiColorMediumShade: #F194B8;
$ouiColorDarkShade: #E6308A;
$ouiColorDarkestShade: #CD2576;
$ouiColorFullShade: #B51963;

// Backgrounds
$ouiPageBackgroundColor: $ouiColorLightestShade;

I am unclear on if this should be ink or textColor - but please use #4012BC as the base for the shades for text.

[joshuarrrr]

@KrooshalUX I know the original scope of this is for theming, which is primarily about colors. But do we wand to also take a similar approach to identify other gaps, such as font stacks?

[KrooshalUX]

@joshuarrrr yes - I am working on identifying some additional changes we can make to the other style driven elements. One of our biggest questions however, is if theming is overriding the overrides, as much more is "pink" than we expected. There is a meeting next week to come up with additional investigation and next steps. Stay tuned!

[kavilla]

Should we open another issue for fonting @BSFishy @joshuarrrr @seanneumann