Handle dark mode for inline code

Signed-off-by: Joe Fusco <[email protected]>
wp-graphql · Oct 31, 2023 · 80540d6 · 80540d6
1 parent d3a1d16
commit 80540d6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/Prose.jsx b/components/Prose.jsx
@@ -19,7 +19,7 @@ export function Prose({ as: Component = 'div', className, ...props }) {
         // hr
         'dark:prose-hr:border-slate-800',
         // code
-        'prose-code:rounded-md prose-code:border prose-code:border-solid prose-code:border-gray-200 prose-code:bg-gray-100 prose-code:px-2.5 prose-code:py-0.5 prose-code:tracking-wide prose-code:before:content-none prose-code:after:content-none',
+        'prose-code:rounded-md prose-code:border prose-code:border-solid prose-code:border-gray-200 prose-code:bg-gray-100 prose-code:px-2.5 prose-code:py-0.5 prose-code:tracking-wide prose-code:before:content-none prose-code:after:content-none dark:prose-code:border-gray-700 dark:prose-code:bg-gray-800',
       )}
       {...props}
     />

diff --git a/wp-blocks/AcfFieldTypeSettingsBlock.js b/wp-blocks/AcfFieldTypeSettingsBlock.js
@@ -12,7 +12,7 @@ export function AcfFieldTypeSettingsBlock({fieldTypeSettingsBlockFields}) {
         return (
           <div key={id} className="mb-4">
             <h3 className="mb-2">{name}</h3>
-            <code className="whitespace-nowrap text-gray-400">{acfFieldName}</code>
+            <code className="">{acfFieldName}</code>
             <ul>
               <li className={description ? '' : 'italic text-gray-400'}>
                 {description || 'Description not yet documented'}