From 47956b8553b83d24bce0c62d51013a4a2a796086 Mon Sep 17 00:00:00 2001
From: Cyril Bissey <53737317+Cykyrios@users.noreply.github.com>
Date: Sat, 22 Aug 2026 19:04:01 +0200
Subject: [PATCH] Use admonition icons

---
 _static/css/custom.css | 45 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 39 insertions(+), 6 deletions(-)

diff --git a/_static/css/custom.css b/_static/css/custom.css
index d055c0005..aecd44593 100644
--- a/_static/css/custom.css
+++ b/_static/css/custom.css
@@ -1220,16 +1220,51 @@ code,
     margin-right: 9px;
 }
 
+.rst-content .admonition.note .admonition-title::before,
+.rst-content .admonition.warning .admonition-title::before,
+.rst-content .admonition.tip .admonition-title::before,
+.rst-content .admonition.important .admonition-title::before {
+    content: "";
+    top: 0.1rem;
+    display: inline;
+    height: 1rem;
+    width: 1rem;
+    padding-right: 1rem;
+    mask-repeat: no-repeat;
+}
+
+.rst-content .admonition.note .admonition-title::before {
+    mask-image: var(--admonition-note-icon);
+    background-color: var(--admonition-note-title-color);
+}
+
+.rst-content .admonition.warning .admonition-title::before {
+    mask-image: var(--admonition-danger-icon);
+    background-color: var(--admonition-attention-title-color);
+}
+
+.rst-content .admonition.tip .admonition-title::before {
+    mask-image: var(--admonition-tip-icon);
+    background-color: var(--admonition-tip-title-color);
+}
+
+.rst-content .admonition.important .admonition-title::before {
+    mask-image: var(--admonition-attention-icon);
+    background-color: var(--admonition-attention-title-color);
+}
+
 .rst-content .admonition.attention,
 .rst-content .admonition.caution,
-.rst-content .admonition.warning {
+.rst-content .admonition.warning,
+.rst-content .admonition.important {
     background-color: var(--admonition-attention-background-color);
     color: var(--admonition-attention-color);
 }
 
 .rst-content .admonition.attention .admonition-title,
 .rst-content .admonition.caution .admonition-title,
-.rst-content .admonition.warning .admonition-title {
+.rst-content .admonition.warning .admonition-title,
+.rst-content .admonition.important .admonition-title {
     background-color: var(--admonition-attention-title-background-color);
     color: var(--admonition-attention-title-color);
 }
@@ -1244,14 +1279,12 @@ code,
     color: var(--admonition-danger-title-color);
 }
 
-.rst-content .admonition.tip,
-.rst-content .admonition.important {
+.rst-content .admonition.tip {
     background-color: var(--admonition-tip-background-color);
     color: var(--admonition-tip-color);
 }
 
-.rst-content .admonition.tip .admonition-title,
-.rst-content .admonition.important .admonition-title {
+.rst-content .admonition.tip .admonition-title {
     background-color: var(--admonition-tip-title-background-color);
     color: var(--admonition-tip-title-color);
 }