From 22029b50e80daf70f0f3a6213d18445522db261a Mon Sep 17 00:00:00 2001
From: Panagiota Mitsopoulou <panagiota.mitsopoulou@elastic.co>
Date: Tue, 26 Sep 2023 21:23:30 +0200
Subject: [PATCH] use KibanaThemeProvider from react-kibana-context-theme
 (#167232)

Fixes https://github.com/elastic/kibana/issues/164369

### Acceptance criteria
- use KibanaThemeProvider from @kbn/react-kibana-context-theme for the
App component

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
---
 .../plugins/observability/public/application/index.tsx   | 9 +++------
 x-pack/plugins/observability/tsconfig.json               | 3 ++-
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/x-pack/plugins/observability/public/application/index.tsx b/x-pack/plugins/observability/public/application/index.tsx
index 46dfd7a50d3ec..2d251ac71660e 100644
--- a/x-pack/plugins/observability/public/application/index.tsx
+++ b/x-pack/plugins/observability/public/application/index.tsx
@@ -14,11 +14,8 @@ import { Router, Routes, Route } from '@kbn/shared-ux-router';
 import { AppMountParameters, APP_WRAPPER_CLASS, CoreStart } from '@kbn/core/public';
 import { EuiThemeProvider } from '@kbn/kibana-react-plugin/common';
 import type { LazyObservabilityPageTemplateProps } from '@kbn/observability-shared-plugin/public';
-import {
-  KibanaContextProvider,
-  KibanaThemeProvider,
-  RedirectAppLinks,
-} from '@kbn/kibana-react-plugin/public';
+import { KibanaContextProvider, RedirectAppLinks } from '@kbn/kibana-react-plugin/public';
+import { KibanaThemeProvider } from '@kbn/react-kibana-context-theme';
 import { Storage } from '@kbn/kibana-utils-plugin/public';
 import { UsageCollectionSetup } from '@kbn/usage-collection-plugin/public';
 import { ObservabilityAIAssistantProvider } from '@kbn/observability-ai-assistant-plugin/public';
@@ -90,7 +87,7 @@ export const renderApp = ({
   ReactDOM.render(
     <EuiErrorBoundary>
       <ApplicationUsageTrackingProvider>
-        <KibanaThemeProvider theme$={theme$}>
+        <KibanaThemeProvider {...{ theme: { theme$ } }}>
           <CloudProvider>
             <KibanaContextProvider
               services={{
diff --git a/x-pack/plugins/observability/tsconfig.json b/x-pack/plugins/observability/tsconfig.json
index 53a2fd3815170..74a54afe8b53b 100644
--- a/x-pack/plugins/observability/tsconfig.json
+++ b/x-pack/plugins/observability/tsconfig.json
@@ -86,7 +86,8 @@
     "@kbn/osquery-plugin",
     "@kbn/aiops-plugin",
     "@kbn/content-management-plugin",
-    "@kbn/deeplinks-observability"
+    "@kbn/deeplinks-observability",
+    "@kbn/react-kibana-context-theme"
   ],
   "exclude": [
     "target/**/*"