From 8bc7dcec820bb625e4cef02970221d1a7f673746 Mon Sep 17 00:00:00 2001 From: Carlos Esteban Lopez Date: Mon, 6 Mar 2023 12:53:48 -0500 Subject: [PATCH] fix(plugin-api-docs): Fix dark theme Swagger's clear button font color Signed-off-by: Carlos Esteban Lopez --- .changeset/orange-experts-hug.md | 5 +++++ .../components/OpenApiDefinitionWidget/OpenApiDefinition.tsx | 3 +++ 2 files changed, 8 insertions(+) create mode 100644 .changeset/orange-experts-hug.md diff --git a/.changeset/orange-experts-hug.md b/.changeset/orange-experts-hug.md new file mode 100644 index 0000000000..1bf8b4a7d7 --- /dev/null +++ b/.changeset/orange-experts-hug.md @@ -0,0 +1,5 @@ +--- +'@backstage/plugin-api-docs': patch +--- + +Fix dark theme Swagger's clear button font color. diff --git a/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx b/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx index cff21dcf78..c67088476b 100644 --- a/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx +++ b/plugins/api-docs/src/components/OpenApiDefinitionWidget/OpenApiDefinition.tsx @@ -25,6 +25,9 @@ const useStyles = makeStyles(theme => ({ fontFamily: theme.typography.fontFamily, color: theme.palette.text.primary, + ['& .btn-clear']: { + color: theme.palette.text.primary, + }, [`& .scheme-container`]: { backgroundColor: theme.palette.background.default, },