From f40a443621e1776844575a531821622874d29100 Mon Sep 17 00:00:00 2001 From: Alex Lorenzi Date: Tue, 3 Sep 2024 13:10:41 -0400 Subject: [PATCH] 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 --- .../techdocs/src/reader/transformers/styles/rules/typeset.ts | 1 + .../techdocs/src/reader/transformers/styles/rules/variables.ts | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/plugins/techdocs/src/reader/transformers/styles/rules/typeset.ts b/plugins/techdocs/src/reader/transformers/styles/rules/typeset.ts index c682008a4d..680e58e182 100644 --- a/plugins/techdocs/src/reader/transformers/styles/rules/typeset.ts +++ b/plugins/techdocs/src/reader/transformers/styles/rules/typeset.ts @@ -113,6 +113,7 @@ ${headings.reduce((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; diff --git a/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts b/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts index 3999430efb..7ffe76c5fb 100644 --- a/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts +++ b/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)