(Look & Feel) New Light & Dark Mode Improvements

[KrooshalUX]

The following tasks/issues address updates to be made for accessibility, usability and correcting inconsistencies within the OpenSearch product based on the implementation of values delivered in #807. Unless specified, all issues relate to OUI Next Theme.

The following tasks/issues address updates to be made for accessibility, usability and correcting a limited scope of styling (color, font) inconsistencies within the OpenSearch product based on the implementation of values delivered in #807. Unless specified, all issues relate to OUI Next Theme.

OUI Based Changes

• Update OuiHeader background to use the same value as OuiPageBackgroundColor #901
• Update OuiCollapsableNav > OuiCollapsableNavGroup background to use the same value as OuiPageBackgroundColor #904
• Update OuiBreadcrumb #902
• logoOpenSearch (OUI Icon version) should change appearance depending on light/dark mode #905
• Increase brightness of click /focus highlight across components #906
• Increase contrast of keyboard focus highlight when applied to OuiLink #948
• Update OuiLink to use semibold text decoration (current & next themes) #933
• Update ouiTextColorSubdued to use OuiTextColor as basis for transformation instead of ouiColorMediumShade #938
• Update prepend/append background styles for form controls #939
• Button text does not adjust between light and dark mode #935
• Adjust color for OuiButtonGroup to improve contrast on page background #954
• Adjust background color of OuiToolTip #953
• Update value ouiColorPrimary in Next Light theme #979

Dashboards & Feature Plugin Based Changes

• (OUI Next Theme) Alerting alerting-dashboards-plugin#663
• (OUI Next Theme) Anomaly Detection anomaly-detection-dashboards-plugin#572
• (OUI Next Theme) Application Loading State OpenSearch-Dashboards#4634
• (OUI Next Theme) Dashboards - Data Plugin #917
• (OUI Next Theme) Discover #919
• (OUI Next Theme) Log in security-dashboards-plugin#1529
• (OUI Next Theme) Maps dashboards-maps#448
• (OUI Next Theme) Observability Logs dashboards-observability#766
• (OUI Next Theme) Observability Notebooks dashboards-observability#769
• (OUI Next Theme) Query Workbench dashboards-query-workbench#105
• (OUI Next Theme) Reporting needs a Print mode for dark mode compatibility reporting#735
• (OUI Next Theme) Search Relevance dashboards-search-relevance#257
• (OUI Next Theme) Security security-dashboards-plugin#1527
• (OUI Next Theme) Visualize - All Non TSVB Visualization Editors OpenSearch-Dashboards#4718
• (OUI Next Theme) Visualize - Region Map dashboards-maps#449
• (OUI Next Theme) Visualize - Coordinate Map dashboards-maps#450
• (OUI Next Theme) Visualize - TSVB #913

Changes with dependencies from above to-do's
These changes will remain marked "blocked" until their dependent issue is resolved.

• Update text and highlight color of OuiCollapsableNav #955
• (OUI Next Theme) Tutorial Directory OpenSearch-Dashboards#4673