radiant-docs 0.1.37 → 0.1.39

package/template/src/styles/global.css

@@ -55,6 +55,9 @@
   --border-light: var(--color-neutral-100);
   --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
+  --rd-code-surface: #ffffff;
+  --rd-code-tab-edge-bg: var(--rd-code-surface);
+  --rd-code-tab-edge-border: var(--color-neutral-200);
 }
 
 /* 3. Dark Mode */
@@ -77,6 +80,13 @@
   --border-light: color-mix(in srgb, var(--color-neutral-800) 50%, transparent);
   --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.556 0 0);
+  --rd-code-surface: color-mix(
+    in srgb,
+    var(--color-neutral-800) 55%,
+    var(--color-neutral-900) 45%
+  );
+  --rd-code-tab-edge-bg: var(--rd-code-surface);
+  --rd-code-tab-edge-border: var(--color-neutral-800);
 }
 
 @variant dark (&:where(.dark, .dark *));
@@ -141,9 +151,42 @@
   }
 }
 
+/* Markdown table styling */
+.prose-rules :where(table) {
+  @apply w-full overflow-hidden rounded-xl border border-neutral-200 shadow-xs dark:border-neutral-800;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.prose-rules :where(thead th) {
+  @apply bg-neutral-50 dark:bg-neutral-900/60;
+}
+
+.prose-rules :where(th, td) {
+  @apply border-b border-neutral-200 px-4 py-2 align-top dark:border-neutral-800;
+}
+
+.prose-rules :where(th + th, td + td) {
+  @apply border-l border-neutral-200 dark:border-neutral-800;
+}
+
+.prose-rules :where(tbody tr:last-child td) {
+  @apply border-b-0;
+}
+
 /* Code single-line styling */
 :is(.prose, .prose-rules) :not(pre) > code {
-  @apply px-1 py-px bg-neutral-100/90 text-neutral-600 rounded-md font-mono font-medium border border-neutral-200/80 after:hidden before:hidden;
+  @apply px-1 py-px bg-neutral-100/90 text-neutral-600 rounded-md font-mono font-medium border border-neutral-200/80 after:hidden before:hidden dark:bg-neutral-800/80 dark:text-neutral-200 dark:border-neutral-700/80;
+}
+
+[data-rd-code-theme] [data-rd-token] {
+  color: var(--rd-token-color, currentColor);
+  background-color: var(--rd-token-bg, transparent);
+}
+
+.dark [data-rd-code-theme] [data-rd-token] {
+  color: var(--rd-token-color-dark, var(--rd-token-color, currentColor));
+  background-color: var(--rd-token-bg-dark, var(--rd-token-bg, transparent));
 }
 
 /* Keep nested blockquote content flush with the quote container edges */
@@ -203,22 +246,11 @@
   );
 }
 
-:root {
-  --theme-transition: 0ms; /* Default is instant */
-}
-
-/* When the switching class is active, force ALL transitions 
-   to use our synchronized duration */
-.is-switching-theme * {
-  --theme-transition: 200ms; /* Set your desired sync speed */
-
-  transition-duration: var(--theme-transition) !important;
-  transition-property:
-    background-color, border-color, color, fill, stroke !important;
-}
-/* Ensure the pill slider is NOT affected by the forced color duration 
-   so its movement remains independent */
-.is-switching-theme .anchor-pill {
-  transition-duration: 200ms !important;
-  transition-property: left, width, background-color !important;
+/* While toggling the root theme class, disable transitions for one frame
+   so all dark/light styles flip atomically. */
+.is-switching-theme *,
+.is-switching-theme *::before,
+.is-switching-theme *::after {
+  transition-duration: 0ms !important;
+  transition-delay: 0ms !important;
 }