fix: prose code fallback color for old browsers. closes: #2715

saadeghi · Jan 2, 2024 · 0471a04 · 0471a04
1 parent 2e54712
commit 0471a04
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/styled/typography.css b/src/components/styled/typography.css
@@ -20,8 +20,11 @@
   & :where(code):not(:where([class~="not-prose"] *, pre *)) {
     padding: 1px 8px;
     border-radius: var(--rounded-badge);
-    background-color: theme(colors.base-content/0.1);
     font-weight: initial;
+    background-color: theme(colors.base-content/0.1);
+    @supports not (color: oklch(0 0 0)) {
+      background-color: theme(colors.base-300);
+    }
   }
   & :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::before,
   & :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *))::after {