From 85788f1833aa455a1c65bcd24805114ec8a10fa5 Mon Sep 17 00:00:00 2001
From: Kim Pohas <kpohas@sumologic.com>
Date: Mon, 23 Feb 2026 22:57:01 -0800
Subject: [PATCH 1/2] DOCS-1384 - Add admonition for Training and Certification

---
 docs/contributing/style-guide.md | 12 ++++++++--
 docusaurus.config.js             |  1 +
 src/css/sumo.scss                | 41 ++++++++++++++++++++++++++++++++
 src/theme/Admonition/index.js    | 21 ++++++++++++++++
 4 files changed, 73 insertions(+), 2 deletions(-)

diff --git a/docs/contributing/style-guide.md b/docs/contributing/style-guide.md
index 5682161dfc..77a5c3e141 100644
--- a/docs/contributing/style-guide.md
+++ b/docs/contributing/style-guide.md
@@ -176,7 +176,11 @@ This action is dangerous and could result in data loss.
 :::
 
 :::sumo Best Practice
-Highlight specific info, best practices, links, [training links](https://www.sumologic.com/learn/training/), and other information from Sumo specialists. You can change the title based on the content.
+Highlight Sumo-specific info, best practices, links, and other information from Sumo specialists. You can change the title based on the content.
+:::
+
+:::training
+Links to training courses, certification info, and micro lessons.
 :::
 
 ```
@@ -205,7 +209,11 @@ This action is dangerous and could result in data loss.
 :::
 
 :::sumo Best Practice
-Highlight specific info, best practices, links, [training links](https://www.sumologic.com/learn/training/), and other information from Sumo specialists. You can change the title based on the content.
+Highlight Sumo-specific info, best practices, links, and other information from Sumo specialists. You can change the title based on the content.
+:::
+
+:::training
+Links to training courses, certification info, and micro lessons.
 :::
 
 </TabItem>
diff --git a/docusaurus.config.js b/docusaurus.config.js
index de6bfc4cfa..bdcf4ca98b 100644
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -104,6 +104,7 @@ module.exports = {
               'tip',
               'warning',
               'important',
+              'training',
             ],
           },
         },
diff --git a/src/css/sumo.scss b/src/css/sumo.scss
index 3426b9aa46..446444dba8 100644
--- a/src/css/sumo.scss
+++ b/src/css/sumo.scss
@@ -797,6 +797,47 @@ html[data-theme='light'] .theme-admonition-sumo {
   }
 }
 
+// TRAINING
+html[data-theme='dark'] .theme-admonition-training {
+  background-color: rgba(112, 0, 162, 0.1);
+  --ifm-alert-border-color: #7000a2;
+  border-left: 6px solid #7000a2;
+  padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
+  --ifm-alert-color: #e3e3e3;
+  --ifm-alert-foreground-color: #e3e3e3; /* ← ADD THIS */
+  .admonition-icon {
+    background-color: #7000a2;
+    padding: 5px 5px 0px 5px;
+  }
+  a {
+    color: #c440ff;
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+}
+
+
+html[data-theme='light'] .theme-admonition-training {
+  background-color: rgba(112, 0, 162, 0.05);
+  --ifm-alert-border-color: #7000a2;
+  border-left: 6px solid #7000a2;
+  padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
+  --ifm-alert-color: var(--ifm-font-color-base);
+  --ifm-alert-foreground-color: #7000a2;
+  .admonition-icon {
+    --ifm-alert-foreground-color: #7000a2 !important;
+  }
+  a {
+    color: #7000a2;
+    text-decoration: none;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+}
+
 // IMPORTANT
 html[data-theme='light'] .alert--info {
   --ifm-alert-background-color: rgba(0, 139, 178, 0.05);
diff --git a/src/theme/Admonition/index.js b/src/theme/Admonition/index.js
index 69e417987e..739508fcbc 100644
--- a/src/theme/Admonition/index.js
+++ b/src/theme/Admonition/index.js
@@ -59,6 +59,16 @@ function SumoIcon() {
     <img src={useBaseUrl('img/reuse/sumo-square.png')} width="25"/> 
   )
 }
+function TrainingIcon() {
+  return (
+    <svg viewBox="0 0 24 24">
+      <path
+        fillRule="evenodd"
+        d="M12 3L1 9l11 6 9-4.91V17h2V9L12 3zM5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82z"
+      />
+    </svg>
+  );
+}
 // eslint-disable-next-line @typescript-eslint/consistent-indexed-object-style
 const AdmonitionConfigs = {
   sumo: {
@@ -72,6 +82,17 @@ const AdmonitionConfigs = {
       </Translate>
     ),
   },
+  training: {
+    infimaClassName: 'training',
+    iconComponent: TrainingIcon,
+    label: (
+      <Translate
+        id="theme.admonition.training"
+        description="The default label used for the Training admonition (:::training)">
+        training
+      </Translate>
+    ),
+  },
   note: {
     infimaClassName: 'secondary',
     iconComponent: NoteIcon,

From 6c32a5e11442094c5dc09948dd8b3d295c2a67b0 Mon Sep 17 00:00:00 2001
From: Kim Pohas <kpohas@sumologic.com>
Date: Tue, 24 Feb 2026 23:11:40 -0800
Subject: [PATCH 2/2] fix light mode

---
 src/css/sumo.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/css/sumo.scss b/src/css/sumo.scss
index 446444dba8..94a3821451 100644
--- a/src/css/sumo.scss
+++ b/src/css/sumo.scss
@@ -826,6 +826,7 @@ html[data-theme='light'] .theme-admonition-training {
   padding: var(--ifm-alert-padding-vertical) var(--ifm-alert-padding-horizontal);
   --ifm-alert-color: var(--ifm-font-color-base);
   --ifm-alert-foreground-color: #7000a2;
+  color: var(--ifm-font-color-base);
   .admonition-icon {
     --ifm-alert-foreground-color: #7000a2 !important;
   }