chore (chrome): Remove other remnants of breadcrumb styling

Essentially reverting:
- opensearch-project#1954
- opensearch-project#2085

Signed-off-by: Josh Romero <rmerqg@amazon.com>

src/core/public/_variables.scss

@@ -1,10 +1,3 @@
 @import "@elastic/eui/src/global_styling/variables/header";
 
 $osdHeaderOffset: $euiHeaderHeightCompensation;
-$osdHeaderBreadcrumbBlueBackground: #b9d9eb;
-$osdHeaderBreadcrumbGrayBackground: #d9e1e2;
-$osdHeaderBreadcrumbCollapsedLink: #002a3a;
-$osdHeaderBreadcrumbPacificSkyDarkestBackground: #163f66;
-$osdHeaderBreadcrumbMidnightSkyMediumBackground: #4c636f;
-$osdHeaderBreadcrumbMidnightSkyMediumLightColor: #96a0a5;
-$osdHeaderBreadcrumbMidnightSkyMediumLightHoverColor: #b0b8bb;

src/core/public/chrome/ui/header/header.tsx

@@ -114,7 +114,7 @@ export function Header({
  const toggleCollapsibleNavRef = createRef<HTMLButtonElement & { euiAnimate: () => void }>();
  const navId = htmlIdGenerator()();
  const className = classnames('hide-for-sharing', 'headerGlobalNav');
- const { useExpandedHeader = true, darkMode } = branding;
+ const { useExpandedHeader = true } = branding;
 
  return (
  <>
@@ -202,7 +202,6 @@ export function Header({
  <HeaderBreadcrumbs
  appTitle$={observables.appTitle$}
  breadcrumbs$={observables.breadcrumbs$}
- isDarkMode={darkMode}
  />
 
  <EuiHeaderSectionItem border="none">

src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx

@@ -38,11 +38,7 @@ describe('HeaderBreadcrumbs', () => {
  it('renders updates to the breadcrumbs$ observable', () => {
  const breadcrumbs$ = new BehaviorSubject([{ text: 'First' }]);
  const wrapper = mount(
- <HeaderBreadcrumbs
- appTitle$={new BehaviorSubject('')}
- breadcrumbs$={breadcrumbs$}
- isDarkMode={false}
- />
+ <HeaderBreadcrumbs appTitle$={new BehaviorSubject('')} breadcrumbs$={breadcrumbs$} />
  );
  expect(wrapper.find('.euiBreadcrumb')).toMatchSnapshot();
 

src/core/public/chrome/ui/header/header_breadcrumbs.tsx

@@ -35,15 +35,12 @@ import useObservable from 'react-use/lib/useObservable';
 import { Observable } from 'rxjs';
 import { ChromeBreadcrumb } from '../../chrome_service';
 
-import './header_breadcrumbs.scss';
-
 interface Props {
  appTitle$: Observable<string>;
  breadcrumbs$: Observable<ChromeBreadcrumb[]>;
- isDarkMode?: boolean;
 }
 
-export function HeaderBreadcrumbs({ appTitle$, breadcrumbs$, isDarkMode }: Props) {
+export function HeaderBreadcrumbs({ appTitle$, breadcrumbs$ }: Props) {
  const appTitle = useObservable(appTitle$, 'OpenSearch Dashboards');
  const breadcrumbs = useObservable(breadcrumbs$, []);
  let crumbs = breadcrumbs;