From 26f0a16e985456789312e99058688e3ce7352848 Mon Sep 17 00:00:00 2001
From: Jan Faracik <43062514+janfaracik@users.noreply.github.com>
Date: Wed, 21 Feb 2024 22:27:48 +0000
Subject: [PATCH] Update safe restart banner

---
 .../resources.css                                | 16 ----------------
 war/src/main/scss/abstracts/_theme.scss          | 14 --------------
 war/src/main/scss/simple-page.scss               | 11 +++++------
 3 files changed, 5 insertions(+), 36 deletions(-)

diff --git a/core/src/main/resources/jenkins/management/AdministrativeMonitorsDecorator/resources.css b/core/src/main/resources/jenkins/management/AdministrativeMonitorsDecorator/resources.css
index 80fe16c8d8e7..d4dee0401106 100644
--- a/core/src/main/resources/jenkins/management/AdministrativeMonitorsDecorator/resources.css
+++ b/core/src/main/resources/jenkins/management/AdministrativeMonitorsDecorator/resources.css
@@ -148,22 +148,6 @@
   text-decoration: var(--link-text-decoration--hover);
 }
 
-.am-container .am-list .alert-success a {
-  color: var(--alert-success-text-color);
-}
-
-.am-container .am-list .alert-info a {
-  color: var(--alert-info-text-color);
-}
-
-.am-container .am-list .alert-warning a {
-  color: var(--alert-warning-text-color);
-}
-
-.am-container .am-list .alert-danger a {
-  color: var(--alert-danger-text-color);
-}
-
 @media screen and (max-width: 576px) {
   /* Hide non-security monitors on mobile view to avoid messing up the heading */
   #visible-am-container {
diff --git a/war/src/main/scss/abstracts/_theme.scss b/war/src/main/scss/abstracts/_theme.scss
index d779588c13e7..6db169a068f6 100644
--- a/war/src/main/scss/abstracts/_theme.scss
+++ b/war/src/main/scss/abstracts/_theme.scss
@@ -89,20 +89,6 @@ $semantics: (
   // Breadcrumbs bar
   --breadcrumbs-bar-background: hsla(240, 20%, 96.5%, 0.8);
 
-  // Alert call outs
-  --alert-success-text-color: #155724;
-  --alert-success-bg-color: #d4edda;
-  --alert-success-border-color: #c3e6cb;
-  --alert-info-text-color: #31708f;
-  --alert-info-bg-color: #d9edf7;
-  --alert-info-border-color: #bce8f1;
-  --alert-warning-text-color: #8a6d3b;
-  --alert-warning-bg-color: #fcf8e3;
-  --alert-warning-border-color: #faebcc;
-  --alert-danger-text-color: #a94442;
-  --alert-danger-bg-color: #f2dede;
-  --alert-danger-border-color: #ebccd1;
-
   // Typography
   --text-color-secondary: var(--secondary);
 
diff --git a/war/src/main/scss/simple-page.scss b/war/src/main/scss/simple-page.scss
index c80f6e1303d7..6dfa2b848603 100644
--- a/war/src/main/scss/simple-page.scss
+++ b/war/src/main/scss/simple-page.scss
@@ -37,13 +37,12 @@
 
 .simple-page .safe-restarting {
   text-align: center;
-  border-color: var(--alert-success-border-color);
-  background-color: var(--alert-success-bg-color);
-  border-width: 2px;
-  border-radius: 2px;
-  border-style: solid;
+  background: color-mix(in srgb, var(--success-color) 10%, transparent);
+  color: var(--success-color);
+  border-radius: 1rem;
   margin: 5% auto auto;
-  padding: 5px;
+  padding: 1rem 1.2rem;
+  font-weight: 500;
 }
 
 .simple-page .safe-restarting > p {