fix: updated the hover effect on the table to a lighter colour and used the theme border radius so they match the rest of the Backstage styling a bit more

Signed-off-by: Alex Lorenzi <alorenzi@spotify.com>

plugins/techdocs/src/reader/transformers/styles/rules/typeset.ts

@@ -113,6 +113,7 @@ ${headings.reduce<string>((style, heading) => {
   border: 1px solid var(--md-default-fg-color);
   border-bottom: none;
   border-collapse: collapse;
+  border-radius: ${theme.shape.borderRadius}px;
 }
 .md-typeset table:not([class]) th {
   font-weight: bold;

plugins/techdocs/src/reader/transformers/styles/rules/variables.ts

@@ -139,7 +139,7 @@ export default ({ theme }: RuleOptions) => `
   --md-typeset-color: var(--md-default-fg-color);
   --md-typeset-a-color: ${theme.palette.link};
   --md-typeset-table-color: ${theme.palette.text.primary};
-  --md-typeset-table-color--light: ${alpha(theme.palette.text.primary, 0.5)};
+  --md-typeset-table-color--light: ${alpha(theme.palette.text.primary, 0.05)};
   --md-typeset-del-color: ${
     theme.palette.type === 'dark'
       ? alpha(theme.palette.error.dark, 0.5)