From 38e0eeb41a335709d3d998493b12972406d5c50c Mon Sep 17 00:00:00 2001
From: Morgan Bentell <mbentell@spotify.com>
Date: Wed, 22 Mar 2023 18:34:20 +0100
Subject: [PATCH] color tweaks to handle changes in mkdocs-material v9

Signed-off-by: Morgan Bentell <mbentell@spotify.com>
---
 .changeset/hungry-pianos-unite.md                      |  5 +++++
 plugins/techdocs-node/src/stages/generate/techdocs.ts  |  2 +-
 .../src/reader/transformers/copyToClipboard.tsx        | 10 +++++++---
 .../src/reader/transformers/styles/rules/layout.ts     |  5 +++++
 4 files changed, 18 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/hungry-pianos-unite.md

diff --git a/.changeset/hungry-pianos-unite.md b/.changeset/hungry-pianos-unite.md
new file mode 100644
index 0000000000..c762b9c2a3
--- /dev/null
+++ b/.changeset/hungry-pianos-unite.md
@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+Minor visual tweaks in response to changes in mkdocs-material v9
diff --git a/plugins/techdocs-node/src/stages/generate/techdocs.ts b/plugins/techdocs-node/src/stages/generate/techdocs.ts
index 2f88e1a8ad..d2ad0021be 100644
--- a/plugins/techdocs-node/src/stages/generate/techdocs.ts
+++ b/plugins/techdocs-node/src/stages/generate/techdocs.ts
@@ -53,7 +53,7 @@ export class TechdocsGenerator implements GeneratorBase {
    * The default docker image (and version) used to generate content. Public
    * and static so that techdocs-node consumers can use the same version.
    */
-  public static readonly defaultDockerImage = 'spotify/techdocs:v1.1.0';
+  public static readonly defaultDockerImage = 'spotify/techdocs:v1.2.0';
   private readonly logger: Logger;
   private readonly containerRunner?: ContainerRunner;
   private readonly options: GeneratorConfig;
diff --git a/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx b/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx
index 422bbb10ce..28a6c789b6 100644
--- a/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx
+++ b/plugins/techdocs/src/reader/transformers/copyToClipboard.tsx
@@ -23,7 +23,7 @@ import {
   SvgIcon,
   Tooltip,
 } from '@material-ui/core';
-import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
 import type { Transformer } from './transformer';
 import useCopyToClipboard from 'react-use/lib/useCopyToClipboard';
 
@@ -69,9 +69,13 @@ const CopyToClipboardButton = ({ text }: CopyToClipboardButtonProps) => {
       onClose={handleClose}
       leaveDelay={1000}
     >
-      <Button className="md-clipboard md-icon" onClick={handleClick}>
+      <IconButton
+        style={{ color: 'inherit' }}
+        className="md-clipboard md-icon"
+        onClick={handleClick}
+      >
         <CopyToClipboardIcon />
-      </Button>
+      </IconButton>
     </CopyToClipboardTooltip>
   );
 };
diff --git a/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts b/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts
index 979a616f01..c5e69e6084 100644
--- a/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts
+++ b/plugins/techdocs/src/reader/transformers/styles/rules/layout.ts
@@ -21,6 +21,11 @@ const SIDEBAR_WIDTH = '224px';
 export default ({ theme, sidebar }: RuleOptions) => `
 /*==================  Layout  ==================*/
 
+/* mkdocs material v9 compat */
+.md-nav__title {
+  color: var(--md-default-fg-color);
+}
+
 .md-grid {
   max-width: 100%;
   margin: 0;