use css class to indicate broken links in generated guide/api docs. [skip ci]

extensions/apidoc/helpers/ApiMarkdownTrait.php

@@ -48,7 +48,7 @@ trait ApiMarkdownTrait
                     ];
 
                     return [
-                        ['brokenApiLink', '<span style="background: #f00;">' . $typeName . '::' . $subjectName . '</span>'],
+                        ['brokenApiLink', '<span class="broken-link">' . $typeName . '::' . $subjectName . '</span>'],
                         $offset
                     ];
                 } else {
@@ -71,7 +71,7 @@ trait ApiMarkdownTrait
                         ];
 
                         return [
-                            ['brokenApiLink', '<span style="background: #ff0;">' . $type->name . '</span><span style="background: #f00;">::' . $subjectName . '</span>'],
+                            ['brokenApiLink', '<span class="broken-link">' . $type->name . '::' . $subjectName . '</span>'],
                             $offset
                         ];
                     }
@@ -104,7 +104,7 @@ trait ApiMarkdownTrait
             ];
 
             return [
-                ['brokenApiLink', '<span style="background: #f00;">' . $object . '</span>'],
+                ['brokenApiLink', '<span class="broken-link">' . $object . '</span>'],
                 $offset
             ];
         }

extensions/apidoc/templates/bootstrap/assets/css/style.css

@@ -208,3 +208,6 @@ h1:hover .hashlink, h2:hover .hashlink, h3:hover .hashlink, h4:hover .hashlink,
     width: 100%;
 }
 
+.broken-link {
+    background: lightpink;
+}