diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index b885bad1a90f..9cef3e2d9aea 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -2920,7 +2920,7 @@ exports[`Header renders 1`] = `
aria-label="Go to home page"
data-test-subj="logo"
href="/"
- iconType="heatmap"
+ iconType={[Function]}
onClick={[Function]}
>
-
- OpenSearch Dashboards
-
diff --git a/src/core/public/chrome/ui/header/branding/opensearch_dashboards_logo_darkmode.tsx b/src/core/public/chrome/ui/header/branding/opensearch_dashboards_logo_darkmode.tsx
new file mode 100644
index 000000000000..665c8615738e
--- /dev/null
+++ b/src/core/public/chrome/ui/header/branding/opensearch_dashboards_logo_darkmode.tsx
@@ -0,0 +1,103 @@
+/*
+ * SPDX-License-Identifier: Apache-2.0
+ *
+ * The OpenSearch Contributors require contributions made to
+ * this file be licensed under the Apache-2.0 license or a
+ * compatible open source license.
+ */
+
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+/*
+ * Modifications Copyright OpenSearch Contributors. See
+ * GitHub history for details.
+ */
+import React from 'react';
+
+export function OpenSearchDashboardsLogoDarkMode() {
+ return (
+
+ );
+}
diff --git a/src/core/public/chrome/ui/header/header_logo.tsx b/src/core/public/chrome/ui/header/header_logo.tsx
index d1bc2aa37f8c..36262fb3e317 100644
--- a/src/core/public/chrome/ui/header/header_logo.tsx
+++ b/src/core/public/chrome/ui/header/header_logo.tsx
@@ -37,6 +37,7 @@ import useObservable from 'react-use/lib/useObservable';
import { Observable } from 'rxjs';
import Url from 'url';
import { ChromeNavLink } from '../..';
+import { OpenSearchDashboardsLogoDarkMode } from './branding/opensearch_dashboards_logo_darkmode';
function findClosestAnchor(element: HTMLElement): HTMLAnchorElement | void {
let current = element;
@@ -112,14 +113,12 @@ export function HeaderLogo({ href, navigateToApp, ...observables }: Props) {
return (
onClick(e, forceNavigation, navLinks, navigateToApp)}
href={href}
aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.goHomePageIconAriaLabel', {
defaultMessage: 'Go to home page',
})}
- >
- OpenSearch Dashboards
-
+ />
);
}
diff --git a/src/core/public/core_app/styles/_mixins.scss b/src/core/public/core_app/styles/_mixins.scss
index e437fa9d7872..6982f1f9b015 100644
--- a/src/core/public/core_app/styles/_mixins.scss
+++ b/src/core/public/core_app/styles/_mixins.scss
@@ -16,7 +16,7 @@
text-align: center;
background-color: $euiColorEmptyShade;
border-radius: 100%;
- padding: $euiSize;
+ padding: $euiSize / 2;
.euiIcon {
vertical-align: baseline;
diff --git a/src/core/server/rendering/views/template.tsx b/src/core/server/rendering/views/template.tsx
index 3cffe8f5c180..26b271ceeea8 100644
--- a/src/core/server/rendering/views/template.tsx
+++ b/src/core/server/rendering/views/template.tsx
@@ -51,34 +51,20 @@ export const Template: FunctionComponent = ({
strictCsp,
},
}) => {
- const logo = (
-