Add dark mode for zeitinfo admonition (#166)

* Feat: add dark mode for zeitinfo admonition

---------

Co-authored-by: LamiaIslam75 <57487898+LamiaIslam75@users.noreply.github.com>

Author: lam1aa

_static/quadriga.css

@@ -279,3 +279,18 @@ div.zeitinfo > .admonition-title::after {
     font-weight: 900;
     color: #cc6f53 !important;                  /* Apricot-Farbe für das Icon */
 }
+
+/* Dark mode overrides for zeitinfo */
+html[data-theme='dark'] div.zeitinfo {
+    background-color: rgba(229, 157, 126, 0.1) !important;
+    border-left-color: #e59d7e !important;
+}
+
+html[data-theme='dark'] div.zeitinfo > .admonition-title {
+    background-color: rgba(229, 157, 126, 0.15) !important;
+    color: #e59d7e !important;
+}
+
+html[data-theme='dark'] div.zeitinfo > .admonition-title::after {
+    color: #e59d7e !important;
+}

formatierung/admonitions.md

@@ -91,6 +91,17 @@ Weiterführende Literaturhinweise oder zusätzliche (externe) Materialien werden
 ````
 `````
 
+`````{admonition} Bearbeitungszeit
+:class: zeitinfo
+Dieser Admonition-Typ wird verwendet, um die voraussichtliche Bearbeitungszeit für Aufgaben oder Kapitel anzugeben.
+````
+```{admonition} Bearbeitungszeit/Zeitinfo
+:class: zeitinfo
+Informiert Lernende über den voraussichtlichen Zeitaufwand für Abschnitte oder Aufgaben.
+```
+````
+`````
+
 ``````{admonition} Zitierhinweis
 :class: citation-information
 ```{literalinclude} ../CITATION.bib