From f94b49a8932a75ff97ae5295fb35f6a0428f1225 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Wed, 18 Oct 2023 13:22:15 -0700
Subject: [PATCH] [fleet] Remove unnecessary `ghost` colors from `EuiBottomBar`

- EuiBottomBar now sets a dark color mode on all children, so these colors are no longer necessary to specify
---
 .../multi_page_layout/components/bottom_bar.tsx           | 8 ++++----
 .../single_page_layout/index.tsx                          | 4 ++--
 .../details_page/components/settings/index.tsx            | 4 ++--
 .../agent_policy/edit_package_policy_page/index.tsx       | 4 ++--
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/multi_page_layout/components/bottom_bar.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/multi_page_layout/components/bottom_bar.tsx
index 7fbd1c48c363d..64d13e12b36d6 100644
--- a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/multi_page_layout/components/bottom_bar.tsx
+++ b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/multi_page_layout/components/bottom_bar.tsx
@@ -55,7 +55,7 @@ export const CreatePackagePolicyBottomBar: React.FC<{
         <EuiFlexItem grow={false}>
           <EuiFlexItem grow={false}>
             {/* eslint-disable-next-line @elastic/eui/href-or-on-click */}
-            <EuiButtonEmpty color="ghost" size="s" href={cancelUrl} onClick={cancelClickHandler}>
+            <EuiButtonEmpty color="text" size="s" href={cancelUrl} onClick={cancelClickHandler}>
               {cancelMessage || (
                 <FormattedMessage
                   id="xpack.fleet.createPackagePolicyBottomBar.backButton"
@@ -102,7 +102,7 @@ export const AgentStandaloneBottomBar: React.FC<{
         <EuiFlexItem grow={false}>
           <EuiFlexItem grow={false}>
             {/* eslint-disable-next-line @elastic/eui/href-or-on-click */}
-            <EuiButtonEmpty color="ghost" size="s" href={cancelUrl} onClick={cancelClickHandler}>
+            <EuiButtonEmpty color="text" size="s" href={cancelUrl} onClick={cancelClickHandler}>
               <FormattedMessage
                 id="xpack.fleet.agentStandaloneBottomBar.backButton"
                 defaultMessage="Go back"
@@ -134,7 +134,7 @@ export const CreatePackagePolicyFinalBottomBar: React.FC<{
       <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
         <EuiFlexItem grow={false}>
           <EuiFlexItem grow={false}>
-            <EuiButtonEmpty color="ghost" size="s" href={getHref('integrations_all')}>
+            <EuiButtonEmpty color="text" size="s" href={getHref('integrations_all')}>
               <FormattedMessage
                 id="xpack.fleet.createPackagePolicyBottomBar.addAnotherIntegration"
                 defaultMessage="Add another integration"
@@ -193,7 +193,7 @@ export const AgentDataTimedOutBottomBar: React.FC<{
       <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
-            color="ghost"
+            color="text"
             size="s"
             href={troubleshootLink}
             iconType="popout"
diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/single_page_layout/index.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/single_page_layout/index.tsx
index 375a19b41cdc0..f4e46650f2049 100644
--- a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/single_page_layout/index.tsx
+++ b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/create_package_policy_page/single_page_layout/index.tsx
@@ -471,7 +471,7 @@ export const CreatePackagePolicySinglePage: CreatePackagePolicyParams = ({
                 <EuiFlexItem grow={false}>
                   {/* eslint-disable-next-line @elastic/eui/href-or-on-click */}
                   <EuiButtonEmpty
-                    color="ghost"
+                    color="text"
                     href={cancelUrl}
                     onClick={cancelClickHandler}
                     data-test-subj="createPackagePolicyCancelButton"
@@ -488,7 +488,7 @@ export const CreatePackagePolicySinglePage: CreatePackagePolicyParams = ({
                       request={devtoolRequest}
                       description={devtoolRequestDescription}
                       btnProps={{
-                        color: 'ghost',
+                        color: 'text',
                       }}
                     />
                   </EuiFlexItem>
diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/details_page/components/settings/index.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/details_page/components/settings/index.tsx
index eb77e63fd2c82..b3559fb876e1f 100644
--- a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/details_page/components/settings/index.tsx
+++ b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/details_page/components/settings/index.tsx
@@ -187,7 +187,7 @@ export const SettingsView = memo<{ agentPolicy: AgentPolicy }>(
                   <EuiFlexGroup gutterSize="s" justifyContent="flexEnd">
                     <EuiFlexItem grow={false}>
                       <EuiButtonEmpty
-                        color="ghost"
+                        color="text"
                         onClick={() => {
                           setAgentPolicy({ ...originalAgentPolicy });
                           setHasChanges(false);
@@ -204,7 +204,7 @@ export const SettingsView = memo<{ agentPolicy: AgentPolicy }>(
                         <DevtoolsRequestFlyoutButton
                           isDisabled={isLoading || Object.keys(validation).length > 0}
                           btnProps={{
-                            color: 'ghost',
+                            color: 'text',
                           }}
                           description={i18n.translate(
                             'xpack.fleet.editAgentPolicy.devtoolsRequestDescription',
diff --git a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/edit_package_policy_page/index.tsx b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/edit_package_policy_page/index.tsx
index 433bb278a581d..e3b36999ed0b6 100644
--- a/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/edit_package_policy_page/index.tsx
+++ b/x-pack/plugins/fleet/public/applications/fleet/sections/agent_policy/edit_package_policy_page/index.tsx
@@ -439,7 +439,7 @@ export const EditPackagePolicyForm = memo<{
                 <EuiFlexItem grow={false}>
                   <EuiFlexGroup gutterSize="s" justifyContent="flexEnd">
                     <EuiFlexItem grow={false}>
-                      <EuiButtonEmpty color="ghost" href={cancelUrl}>
+                      <EuiButtonEmpty color="text" href={cancelUrl}>
                         <FormattedMessage
                           id="xpack.fleet.editPackagePolicy.cancelButton"
                           defaultMessage="Cancel"
@@ -451,7 +451,7 @@ export const EditPackagePolicyForm = memo<{
                         <DevtoolsRequestFlyoutButton
                           isDisabled={formState !== 'VALID'}
                           btnProps={{
-                            color: 'ghost',
+                            color: 'text',
                           }}
                           description={i18n.translate(
                             'xpack.fleet.editPackagePolicy.devtoolsRequestDescription',