Merge pull request #26439 from backstage/techdocs-table-styles

feat (techdocs): Table styles

.changeset/twenty-jobs-repeat.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+Enhanced the table hover effect with a lighter color and updated the border radius to align with Backstage's theme styling

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)