Adopt --code-font-family

[KTibow]

Proposed change

This makes more cards use the new --code-font-family variable for their <pre> tags.

Type of change

• Dependency upgrade
• Bugfix (non-breaking change which fixes an issue)
• New feature (thank you!)
• Breaking change (fix/feature causing existing functionality to break)
• Code quality improvements to existing code or addition of tests

Kinda both... The feature isn't new, I've added this for the code editor before, so it fixes the bug of partial adoption, but it could also be that it's making the new feature complete.

Example configuration

frontend:
  themes:
    comicsanscode:
      code-font-family: Comic Sans MS

Additional information

• This PR fixes or closes issue: fixes #
• This PR is related to issue:
• Link to documentation pull request:

Checklist

• The code change is tested and works locally.
• There is no commented out code in this PR.
• Tests have been added to verify that the new code works.

If user exposed functionality or configuration variables are added/changed:

• Documentation added/updated for www.home-assistant.io

[ludeeus]

You can skip some places by adding it to ha-markdown instead.

[KTibow]

How could I do that?

[ludeeus]

diff --git a/src/components/ha-markdown.ts b/src/components/ha-markdown.ts
index 978a9797..484776a2 100644
--- a/src/components/ha-markdown.ts
+++ b/src/components/ha-markdown.ts
@@ -72,6 +72,7 @@ class HaMarkdown extends LitElement {
         padding: 16px;
         overflow: auto;
         line-height: 1.45;
+        font-family: var(--code-font-family, monospace);
       }
       ha-markdown-element h2 {
         font-size: 1.5em;

[KTibow]

Thanks for the tip. Now how can I remove redundant code?

[ludeeus]

The same way you added it?

[KTibow]

I don't want to remove it in places where it's actually needed. Just curious if you had some guidance.

[KTibow]

Manually looked through all files, couldn't find any places where I could skip it.