From e34e53f140d05b6db7dea086d12edf0723f6e967 Mon Sep 17 00:00:00 2001
From: Abdul Wahab <32850166+abdulwahabone@users.noreply.github.com>
Date: Thu, 9 Jul 2026 21:19:35 +0500
Subject: [PATCH] Fix docs UI polish (#358)

* Fix docs UI polish

* Add CI retrigger spacing

* Remove CI retrigger spacing

* Fix docs demo after panel light mode

* Revert "Fix docs demo after panel light mode"

This reverts commit 3b2ffd37af7fdef538015b39b953e3d002e416db.

* Scope docs demo after panel by theme

* Use lacquer black for docs demo after panel

* Use lacquer token for docs demo after panel
---
 site/styles/docs-kinpaku.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/site/styles/docs-kinpaku.css b/site/styles/docs-kinpaku.css
index f31b66572..83ad7d612 100644
--- a/site/styles/docs-kinpaku.css
+++ b/site/styles/docs-kinpaku.css
@@ -1454,6 +1454,10 @@ html.light .docs-kinpaku .prose .code-block code {
   border-bottom-color: var(--ks-kinpaku);
 }
 
+.docs-kinpaku .prose #what-goes-where + table td:first-child code {
+  white-space: nowrap;
+}
+
 @media (max-width: 760px) {
   .docs-kinpaku .prose table {
     display: block;
@@ -1690,9 +1694,7 @@ html.light .docs-kinpaku .prose .code-block code {
   /* Doc.astro initSplitCompare uses skewAngle: 0 — vertical seam, not the
      angled default from sub-pages.css / main.css. */
   clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%);
-  background:
-    linear-gradient(90deg, oklch(8% 0.006 95 / 0.92), oklch(10% 0.006 95 / 0.96)),
-    radial-gradient(circle at 82% 26%, oklch(78% 0.12 82 / 0.14), transparent 12rem);
+  background: var(--ks-lacquer);
 }
 
 .docs-kinpaku .docs-command-demo .split-divider {