fix: dark mode admonition block backgrounds

Add specific selectors for tip, note, warning, caution, and important blocks with subtle accent colors.

Author: AMDphreak

supplemental-ui/css/site-extra.css

@@ -120,6 +120,61 @@ html.dark-theme .tableblock {
   border-color: #373a40;
 }
 
+/* Admonition blocks - more specific selectors */
+html.dark-theme .doc .admonitionblock,
+html.dark-theme .doc .admonitionblock > table,
+html.dark-theme .doc .admonitionblock > table > tbody > tr,
+html.dark-theme .doc .admonitionblock > table > tbody > tr > td,
+html.dark-theme .doc .admonitionblock > table > tbody > tr > td.content,
+html.dark-theme .doc .admonitionblock > table > tbody > tr > td.icon {
+  background-color: #25262b !important;
+  background: #25262b !important;
+}
+
+html.dark-theme .doc .admonitionblock td.content {
+  color: #c1c2c5;
+}
+
+html.dark-theme .doc .admonitionblock .title {
+  color: #ffffff;
+}
+
+/* Specific admonition types with subtle accent colors */
+html.dark-theme .doc .admonitionblock.tip > table,
+html.dark-theme .doc .admonitionblock.tip > table > tbody > tr,
+html.dark-theme .doc .admonitionblock.tip > table > tbody > tr > td {
+  background-color: #1a2a1a !important;
+  background: #1a2a1a !important;
+}
+
+html.dark-theme .doc .admonitionblock.note > table,
+html.dark-theme .doc .admonitionblock.note > table > tbody > tr,
+html.dark-theme .doc .admonitionblock.note > table > tbody > tr > td {
+  background-color: #1a1a2a !important;
+  background: #1a1a2a !important;
+}
+
+html.dark-theme .doc .admonitionblock.warning > table,
+html.dark-theme .doc .admonitionblock.warning > table > tbody > tr,
+html.dark-theme .doc .admonitionblock.warning > table > tbody > tr > td {
+  background-color: #2a2a1a !important;
+  background: #2a2a1a !important;
+}
+
+html.dark-theme .doc .admonitionblock.caution > table,
+html.dark-theme .doc .admonitionblock.caution > table > tbody > tr,
+html.dark-theme .doc .admonitionblock.caution > table > tbody > tr > td {
+  background-color: #2a1a1a !important;
+  background: #2a1a1a !important;
+}
+
+html.dark-theme .doc .admonitionblock.important > table,
+html.dark-theme .doc .admonitionblock.important > table > tbody > tr,
+html.dark-theme .doc .admonitionblock.important > table > tbody > tr > td {
+  background-color: #2a1a2a !important;
+  background: #2a1a2a !important;
+}
+
 html.dark-theme .quoteblock blockquote,
 html.dark-theme .quoteblock p {
   color: #adb5bd;