From 25d61793f298bf1dee3571c7005362c9fa94c62c Mon Sep 17 00:00:00 2001 From: Raghunandan Date: Mon, 27 Mar 2023 18:02:32 +0200 Subject: [PATCH 1/2] Use link color from palette Signed-off-by: Raghunandan --- .../src/reader/transformers/styles/rules/variables.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts b/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts index 908cb39faf..07a667ed8e 100644 --- a/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts +++ b/plugins/techdocs/src/reader/transformers/styles/rules/variables.ts @@ -14,8 +14,8 @@ * limitations under the License. */ -import { RuleOptions } from './types'; import { alpha, lighten } from '@material-ui/core'; +import { RuleOptions } from './types'; export default ({ theme }: RuleOptions) => ` /*================== Variables ==================*/ @@ -133,7 +133,7 @@ export default ({ theme }: RuleOptions) => ` /* TYPESET */ --md-typeset-font-size: 1rem; --md-typeset-color: var(--md-default-fg-color); - --md-typeset-a-color: var(--md-accent-fg-color); + --md-typeset-a-color: ${theme.palette.link}; --md-typeset-table-color: ${theme.palette.text.primary}; --md-typeset-del-color: ${ theme.palette.type === 'dark' From 847a1eee3daed9d8620bbe57e52e1b686f4dedeb Mon Sep 17 00:00:00 2001 From: Raghunandan Date: Mon, 27 Mar 2023 18:59:58 +0200 Subject: [PATCH 2/2] add changeset Signed-off-by: Raghunandan --- .changeset/olive-cycles-join.md | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 .changeset/olive-cycles-join.md diff --git a/.changeset/olive-cycles-join.md b/.changeset/olive-cycles-join.md new file mode 100644 index 0000000000..e902c181c2 --- /dev/null +++ b/.changeset/olive-cycles-join.md @@ -0,0 +1,7 @@ +--- +'@backstage/plugin-techdocs': patch +--- + +Change anchor links color in Techdocs content + +With the color (mkdocs supplied) used for anchor links the background and foreground colors do not have a sufficient contrast ratio. Using the link color from theme palette.