Merge pull request #8218 from lorsatti/fix/swagger-style

Add missing styles to Swagger (dark mode)

.changeset/yellow-apes-brush.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-api-docs': patch
+---
+
+Adjusted some styles in the OpenAPI definition, for elements which were barely readable in dark mode.

plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx

@@ -61,12 +61,13 @@ const useStyles = makeStyles(theme => ({
       [`& .opblock .opblock-summary-operation-id, 
           .opblock .opblock-summary-path,
           .opblock .opblock-summary-path__deprecated,
-          .opblock .opblock-section-header h4,
+          .opblock h4,
+          .opblock h5,
+          .opblock a,
+          .opblock li,
           .parameter__name,
           .response-col_status,
           .response-col_links,
-          .responses-inner h4,
-          .responses-inner h5,
           .opblock-section-header .btn,
           .tab li,
           .info li,
@@ -89,6 +90,7 @@ const useStyles = makeStyles(theme => ({
         color: theme.palette.text.disabled,
       },
       [`& .opblock-description-wrapper p,
+          .opblock-description-wrapper li,
           .opblock-external-docs-wrapper p,
           .opblock-title_normal p,
           .response-control-media-type__accept-message,