chore(docs): description links are dark mode compatible

adobe · Feb 15, 2024 · cd93b99 · cd93b99
1 parent 9ba2dfa
commit cd93b99
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/site/includes/exampleContent.pug b/site/includes/exampleContent.pug
@@ -1,6 +1,9 @@
+-
+  const withThemeCompatibleLinks = (markdown) => markdown.replace(/<a href/g, '<a class="spectrum-Link" href');
+
 if example.description
   .spectrum-Typography
-    section.spectrum-CSSExample-description.spectrum-Body.spectrum-Body--sizeM!= util.markdown.render(example.description)
+    section.spectrum-CSSExample-description.spectrum-Body.spectrum-Body--sizeM!= util.markdown.render(withThemeCompatibleLinks(example.description))
 
 if example.details
   .spectrum-Typography

diff --git a/site/templates/siteComponent.pug b/site/templates/siteComponent.pug
@@ -43,6 +43,9 @@
 
   let status = dnaStatusTranslation[component.dnaStatus] || component.dnaStatus;
 
+  const withThemeCompatibleLinks = (markdown) => markdown.replace(/<a href/g, '<a class="spectrum-Link" href');
+
+
 doctype html
 html(lang='en-US' dir="ltr").spectrum.spectrum--light.spectrum--medium
   head
@@ -152,7 +155,7 @@ html(lang='en-US' dir="ltr").spectrum.spectrum--light.spectrum--medium
                   section.spectrum-InLineAlert-content
                     p This component has been deprecated.
                       if component.deprecationNotice
-                        span!= util.markdown.render(component.deprecationNotice)
+                        span!= util.markdown.render(withThemeCompatibleLinks(component.deprecationNotice))
 
               table.spectrum-CSSComponent-detailsTable
                 tr.spectrum-Body
@@ -219,7 +222,7 @@ html(lang='en-US' dir="ltr").spectrum.spectrum--light.spectrum--medium
                     a(href="#usage").spectrum-BigSubtleLink Usage notes
                   hr.spectrum-Divider.spectrum-Divider--large
                 section.spectrum-CSSComponent-description
-                  div.spectrum-Body.spectrum-Body--sizeM!= util.markdown.render(component.description)
+                  div.spectrum-Body.spectrum-Body--sizeM!= util.markdown.render(withThemeCompatibleLinks(component.description))
 
               if examples.length
                 header.spectrum-CSSComponent-sectionHeading(id="variants")