Added 'successTip' admonition with green background color.

Author: shimkiv

docs/welcome.mdx

@@ -9,7 +9,7 @@ import HomepageFeatures from "@site/src/components/features/HomepageFeatures";
 
 # Welcome
 
-:::caution Berkeley Mainnet release has landed
+:::successTip Berkeley Mainnet release has landed
 
 Please make sure to upgrade your mina nodes to **3.0.0** ([Release notes](https://github.com/MinaProtocol/mina/releases/tag/3.0.0))  
 [See instructions on how to upgrade your Mina node](/berkeley-upgrade/requirements).

docusaurus.config.js

@@ -258,6 +258,7 @@ module.exports = {
               'caution',
               'danger',
               'experimental',
+              'successTip',
             ],
           },
         },

src/scss/utilities/_variables.scss

@@ -14,3 +14,4 @@ $mina-white: #ffffff;
 $mina-error: #e93939;
 $mina-purple: #5362c8;
 $mina-lavender: #cab2ff;
+$mina-green: green;

src/theme/Admonition/index.tsx

@@ -1,6 +1,6 @@
-import React, { type ReactNode } from 'react';
 import Translate from '@docusaurus/Translate';
 import type { Props } from '@theme/Admonition';
+import React, { type ReactNode } from 'react';
 
 import styles from './styles.module.scss';
 
@@ -90,7 +90,6 @@ const AdmonitionConfigs: Record<Props['type'], AdmonitionConfig> = {
       </Translate>
     ),
   },
-
   note: {
     infimaClassName: 'secondary',
     iconComponent: NoteIcon,
@@ -151,6 +150,18 @@ const AdmonitionConfigs: Record<Props['type'], AdmonitionConfig> = {
       </Translate>
     ),
   },
+  successTip: {
+    infimaClassName: 'green',
+    iconComponent: NoteIcon,
+    label: (
+      <Translate
+        id="theme.admonition.note"
+        description="The default label used for the SuccessTip admonition (:::successTip)"
+      >
+        successTip
+      </Translate>
+    ),
+  },
 };
 
 // Legacy aliases, undocumented but kept for retro-compatibility
@@ -159,6 +170,7 @@ const aliases = {
   important: 'info',
   success: 'tip',
   warning: 'danger',
+  successTip: 'successTip',
 } as const;
 
 function getAdmonitionConfig(unsafeType: string): AdmonitionConfig {
@@ -230,6 +242,8 @@ export default function Admonition(props: Props): JSX.Element {
     admonitionStyles = styles.admonitionDanger;
   } else if (type === 'experimental') {
     admonitionStyles = styles.admonitionExperimental;
+  } else if (type === 'successTip') {
+    admonitionStyles = styles.admonitionSuccessTip;
   }
 
   return (

src/theme/Admonition/styles.module.scss

@@ -54,6 +54,10 @@
   @include admonition($backgroundColor: variables.$mina-orange);
 }
 
+.admonitionSuccessTip {
+  @include admonition($backgroundColor: variables.$mina-green);
+}
+
 .admonitionHeading code {
   text-transform: none;
 }