Release 1.4.4: admonition card tints follow --adt-admonition-* tokens.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: AMDphreak

CHANGELOG.adoc

@@ -14,6 +14,10 @@ Entries below are in **chronological order** by date: prior release, then the **
 * *Docs:* Clarify product roles — Valentus release bundle already includes dark mode; overlay / ui-module examples use Default UI (do not stack this package on Valentus `ui-bundle.zip`).
 * *CI:* Release workflow fixes (`v*.*.*` tag filter, `workflow_dispatch`, lockfile); npm publish via trusted publishing (OIDC) — no `NPM_TOKEN`.
 
+== [1.4.4] - 2026-08-08
+
+* *Fix:* Admonition card tints/borders use `var(--adt-admonition-*, …)` so TIP (etc.) match site tokens / Valentus pills instead of a second hardcoded green. See link:changelog-details/2026-08-08%20-%20admonition%20tint%20uses%20tokens.adoc[Detailed notes].
+
 == [1.4.3] - 2026-08-08
 
 * *Fix:* Admonitions — bordered card wraps TIP/NOTE label + body (`table` chrome; cells transparent). Corrects 1.4.1 which only cleared the label wash while leaving TIP outside the border. See link:changelog-details/2026-08-08%20-%20admonition%20card%20wraps%20tip%20label.adoc[Detailed notes].

changelog-details/2026-08-08 - admonition tint uses tokens.adoc

@@ -0,0 +1,6 @@
+= 2026-08-08 — Admonition card tint uses tokens
+
+Dark-mode tip/note/… table tints and left borders read
+`var(--adt-admonition-*, <Antora fallback>)` so they track the same tokens
+Valentus uses for TIP pills and card chrome. Sites override once; do not hardcode
+a second tip green in overlay CSS.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "antora-dark-mode",
-  "version": "1.4.3",
+  "version": "1.4.4",
   "description": "Dark mode supplemental UI for Antora — slot-based overlay, toggle, FOUC prevention, and CSS overrides.",
   "keywords": [
     "antora",

supplemental-ui/css/site-extra.css

@@ -249,30 +249,36 @@ html.dark-theme .doc .admonitionblock .title {
   color: #ffffff;
 }
 
-/* Specific admonition types: tint the outer card (table), not the TIP label cell */
+/* Specific admonition types: tint the outer card (table), not the TIP label cell.
+   Use the same --adt-admonition-* tokens as Valentus pill/card chrome (fallback = Antora defaults). */
 html.dark-theme .doc .admonitionblock.tip > table {
   background-color: #1a2a1a !important;
-  background: color-mix(in srgb, #41af46 14%, #25262b) !important;
+  background: color-mix(in srgb, var(--adt-admonition-tip, #41af46) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-tip, #41af46) !important;
 }
 
 html.dark-theme .doc .admonitionblock.note > table {
   background-color: #1a1a2a !important;
-  background: #1a1a2a !important;
+  background: color-mix(in srgb, var(--adt-admonition-note, #217ee7) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-note, #217ee7) !important;
 }
 
 html.dark-theme .doc .admonitionblock.warning > table {
   background-color: #2a2a1a !important;
-  background: #2a2a1a !important;
+  background: color-mix(in srgb, var(--adt-admonition-warning, #e18114) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-warning, #e18114) !important;
 }
 
 html.dark-theme .doc .admonitionblock.caution > table {
   background-color: #2a1a1a !important;
-  background: #2a1a1a !important;
+  background: color-mix(in srgb, var(--adt-admonition-caution, #a0439c) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-caution, #a0439c) !important;
 }
 
 html.dark-theme .doc .admonitionblock.important > table {
   background-color: #2a1a2a !important;
-  background: #2a1a2a !important;
+  background: color-mix(in srgb, var(--adt-admonition-important, #d32f2f) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-important, #d32f2f) !important;
 }
 
 html.dark-theme .quoteblock blockquote,

ui-modules/packages/dark-mode/ui/css/site-extra.css

@@ -249,30 +249,36 @@ html.dark-theme .doc .admonitionblock .title {
   color: #ffffff;
 }
 
-/* Specific admonition types: tint the outer card (table), not the TIP label cell */
+/* Specific admonition types: tint the outer card (table), not the TIP label cell.
+   Use the same --adt-admonition-* tokens as Valentus pill/card chrome (fallback = Antora defaults). */
 html.dark-theme .doc .admonitionblock.tip > table {
   background-color: #1a2a1a !important;
-  background: color-mix(in srgb, #41af46 14%, #25262b) !important;
+  background: color-mix(in srgb, var(--adt-admonition-tip, #41af46) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-tip, #41af46) !important;
 }
 
 html.dark-theme .doc .admonitionblock.note > table {
   background-color: #1a1a2a !important;
-  background: #1a1a2a !important;
+  background: color-mix(in srgb, var(--adt-admonition-note, #217ee7) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-note, #217ee7) !important;
 }
 
 html.dark-theme .doc .admonitionblock.warning > table {
   background-color: #2a2a1a !important;
-  background: #2a2a1a !important;
+  background: color-mix(in srgb, var(--adt-admonition-warning, #e18114) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-warning, #e18114) !important;
 }
 
 html.dark-theme .doc .admonitionblock.caution > table {
   background-color: #2a1a1a !important;
-  background: #2a1a1a !important;
+  background: color-mix(in srgb, var(--adt-admonition-caution, #a0439c) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-caution, #a0439c) !important;
 }
 
 html.dark-theme .doc .admonitionblock.important > table {
   background-color: #2a1a2a !important;
-  background: #2a1a2a !important;
+  background: color-mix(in srgb, var(--adt-admonition-important, #d32f2f) 14%, #25262b) !important;
+  border-left-color: var(--adt-admonition-important, #d32f2f) !important;
 }
 
 html.dark-theme .quoteblock blockquote,