diff --git a/libraries/classes/Html/Generator.php b/libraries/classes/Html/Generator.php
index 3bbeec49bb..ac40a71ccd 100644
--- a/libraries/classes/Html/Generator.php
+++ b/libraries/classes/Html/Generator.php
@@ -239,7 +239,7 @@ class Generator
     public static function getServerSSL(): string
     {
         $server = $GLOBALS['cfg']['Server'];
-        $class = 'caution';
+        $class = 'text-danger';
         if (! $server['ssl']) {
             $message = __('SSL is not being used');
             if (! empty($server['socket']) || in_array($server['host'], $GLOBALS['cfg']['MysqlSslWarningSafeHosts'])) {
diff --git a/libraries/classes/Query/Utilities.php b/libraries/classes/Query/Utilities.php
index 247e8cb6cc..1f446ece2e 100644
--- a/libraries/classes/Query/Utilities.php
+++ b/libraries/classes/Query/Utilities.php
@@ -185,7 +185,7 @@ class Utilities
 
         if ($result === false && $errorMessage !== null) {
             $dbgInfo['error']
-                = '<span class="color_red">'
+                = '<span class="text-danger">'
                 . htmlspecialchars($errorMessage) . '</span>';
         }
         $dbgInfo['query'] = htmlspecialchars($query);
diff --git a/libraries/classes/Relation.php b/libraries/classes/Relation.php
index 15e772dc74..cdba2f2218 100644
--- a/libraries/classes/Relation.php
+++ b/libraries/classes/Relation.php
@@ -138,16 +138,16 @@ class Relation
         $retval = '<br>';
 
         $messages = [];
-        $messages['error'] = '<span class="caution"><strong>'
+        $messages['error'] = '<span class="text-danger"><strong>'
             . __('not OK')
             . '</strong></span>';
 
-        $messages['ok'] = '<span class="success"><strong>'
+        $messages['ok'] = '<span class="text-success"><strong>'
             . _pgettext('Correctly working', 'OK')
             . '</strong></span>';
 
-        $messages['enabled']  = '<span class="success">' . __('Enabled') . '</span>';
-        $messages['disabled'] = '<span class="caution">' . __('Disabled') . '</span>';
+        $messages['enabled']  = '<span class="text-success">' . __('Enabled') . '</span>';
+        $messages['disabled'] = '<span class="text-danger">' . __('Disabled') . '</span>';
 
         if (strlen((string) $cfgRelation['db']) == 0) {
             $retval .= __('Configuration of pmadb…') . ' '
diff --git a/test/classes/Html/GeneratorTest.php b/test/classes/Html/GeneratorTest.php
index 5fd5cdb273..a5f373add8 100644
--- a/test/classes/Html/GeneratorTest.php
+++ b/test/classes/Html/GeneratorTest.php
@@ -295,7 +295,7 @@ class GeneratorTest extends AbstractTestCase
         . ' target="documentation"><img src="themes/dot.gif" title="Documentation" alt="Documentation"'
         . ' class="icon ic_b_help"></a>';
 
-        $sslNotUsedCaution = '<span class="caution">SSL is not being used</span>'
+        $sslNotUsedCaution = '<span class="text-danger">SSL is not being used</span>'
         . ' <a href="./url.php?url=https%3A%2F%2Fdocs.phpmyadmin.net%2Fen%2Flatest%2Fsetup.html%23ssl"'
         . ' target="documentation"><img src="themes/dot.gif" title="Documentation" alt="Documentation"'
         . ' class="icon ic_b_help"></a>';
@@ -349,7 +349,7 @@ class GeneratorTest extends AbstractTestCase
         ];
 
         $this->assertEquals(
-            '<span class="caution">SSL is used with disabled verification</span>'
+            '<span class="text-danger">SSL is used with disabled verification</span>'
             . ' <a href="./url.php?url=https%3A%2F%2Fdocs.phpmyadmin.net%2Fen%2Flatest%2Fsetup.html%23ssl"'
             . ' target="documentation"><img src="themes/dot.gif" title="Documentation" alt="Documentation"'
             . ' class="icon ic_b_help"></a>',
@@ -363,7 +363,7 @@ class GeneratorTest extends AbstractTestCase
         ];
 
         $this->assertEquals(
-            '<span class="caution">SSL is used without certification authority</span>'
+            '<span class="text-danger">SSL is used without certification authority</span>'
             . ' <a href="./url.php?url=https%3A%2F%2Fdocs.phpmyadmin.net%2Fen%2Flatest%2Fsetup.html%23ssl"'
             . ' target="documentation"><img src="themes/dot.gif" title="Documentation" alt="Documentation"'
             . ' class="icon ic_b_help"></a>',
diff --git a/test/classes/RelationTest.php b/test/classes/RelationTest.php
index 56b60715be..a4249757d4 100644
--- a/test/classes/RelationTest.php
+++ b/test/classes/RelationTest.php
@@ -105,20 +105,20 @@ class RelationTest extends AbstractTestCase
 
         //$cfg['Servers'][$i]['relation']
         $result = "\$cfg['Servers'][\$i]['pmadb']  ... </th><td class=\"text-end\">"
-            . '<span class="success"><strong>OK</strong></span>';
+            . '<span class="text-success"><strong>OK</strong></span>';
         $this->assertStringContainsString(
             $result,
             $retval
         );
         // $cfg['Servers'][$i]['relation']
         $result = "\$cfg['Servers'][\$i]['relation']  ... </th><td class=\"text-end\">"
-            . '<span class="caution"><strong>not OK</strong></span>';
+            . '<span class="text-danger"><strong>not OK</strong></span>';
         $this->assertStringContainsString(
             $result,
             $retval
         );
         // General relation features
-        $result = 'General relation features: <span class="caution">Disabled</span>';
+        $result = 'General relation features: <span class="text-danger">Disabled</span>';
         $this->assertStringContainsString(
             $result,
             $retval
@@ -126,13 +126,13 @@ class RelationTest extends AbstractTestCase
         // $cfg['Servers'][$i]['table_info']
         $result = "\$cfg['Servers'][\$i]['table_info']  ... </th>"
             . '<td class="text-end">'
-            . '<span class="caution"><strong>not OK</strong></span>';
+            . '<span class="text-danger"><strong>not OK</strong></span>';
         $this->assertStringContainsString(
             $result,
             $retval
         );
         // Display Features:
-        $result = 'Display Features: <span class="caution">Disabled</span>';
+        $result = 'Display Features: <span class="text-danger">Disabled</span>';
         $this->assertStringContainsString(
             $result,
             $retval
diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss
index 6293f0260c..4e66259242 100644
--- a/themes/bootstrap/scss/_common.scss
+++ b/themes/bootstrap/scss/_common.scss
@@ -814,10 +814,6 @@ label.col-3.d-flex.align-items-center {
   max-height: 400px;
 }
 
-.color_red {
-  color: red;
-}
-
 .pma_sliding_message {
   display: inline-block;
 }
@@ -833,25 +829,6 @@ ul.tabs {
   padding: 0;
 }
 
-span {
-  &.caution {
-    color: #f00;
-  }
-
-  &.success {
-    color: green;
-  }
-}
-
-fieldset.caution a {
-  color: #f00;
-
-  &:hover {
-    color: #fff;
-    background-color: #f00;
-  }
-}
-
 // zoom search
 div#dataDisplay {
   input,
diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss
index 9b2dcd727d..a09bc7cd66 100644
--- a/themes/metro/scss/_common.scss
+++ b/themes/metro/scss/_common.scss
@@ -862,10 +862,6 @@ td.disabled {
   font-weight: bold;
 }
 
-.color_red {
-  color: red;
-}
-
 /* specific elements */
 
 ul.tabs {
@@ -873,54 +869,6 @@ ul.tabs {
   margin: 0;
 }
 
-span {
-  &.caution {
-    color: #f00;
-  }
-
-  &.success {
-    color: green;
-  }
-}
-
-fieldset.caution {
-  background: $browse-warning-color;
-  border: 1px solid $browse-warning-color;
-
-  legend {
-    background-color: #fff;
-  }
-
-  a {
-    font-family: $font-family-bold;
-    text-transform: uppercase;
-    color: $button-color;
-    font-weight: normal;
-  }
-
-  ul {
-    padding: 0;
-  }
-}
-
-fieldset.caution li {
-  display: block;
-}
-
-fieldset.caution li {
-  &::before {
-    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
-    font-family: "IcoMoon";
-    content: "";
-    color: $button-color;
-    margin-right: 10px;
-  }
-
-  a:nth-child(2) img {
-    background: url('../img/s_info.png') !important;
-  }
-}
-
 /* zoom search */
 div#dataDisplay {
   input,
diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss
index e8e07a01a5..7b0f0bed30 100644
--- a/themes/original/scss/_common.scss
+++ b/themes/original/scss/_common.scss
@@ -655,10 +655,6 @@ form.login label {
   max-height: 400px;
 }
 
-.color_red {
-  color: red;
-}
-
 .pma_sliding_message {
   display: inline-block;
 }
@@ -676,25 +672,6 @@ ul.tabs {
   padding: 0;
 }
 
-span {
-  &.caution {
-    color: #f00;
-  }
-
-  &.success {
-    color: green;
-  }
-}
-
-fieldset.caution a {
-  color: #f00;
-
-  &:hover {
-    color: #fff;
-    background-color: #f00;
-  }
-}
-
 /* zoom search */
 div#dataDisplay {
   input,
diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss
index 823f239a0a..9c6c515a10 100644
--- a/themes/pmahomme/scss/_common.scss
+++ b/themes/pmahomme/scss/_common.scss
@@ -883,10 +883,6 @@ label.col-3.d-flex.align-items-center {
   max-height: 400px;
 }
 
-.color_red {
-  color: red;
-}
-
 .pma_sliding_message {
   display: inline-block;
 }
@@ -909,25 +905,6 @@ ul.tabs {
   background: #fff !important;
 }
 
-span {
-  &.caution {
-    color: #f00;
-  }
-
-  &.success {
-    color: green;
-  }
-}
-
-fieldset.caution a {
-  color: #f00;
-
-  &:hover {
-    color: #fff;
-    background-color: #f00;
-  }
-}
-
 // zoom search
 div#dataDisplay {
   input,