color tweaks to handle changes in mkdocs-material v9

Signed-off-by: Morgan Bentell <mbentell@spotify.com>

.changeset/hungry-pianos-unite.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+Minor visual tweaks in response to changes in mkdocs-material v9

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;

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>
   );
 };

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;