Adopt --code-font-family

hassio/src/addon-view/config/hassio-addon-config.ts

@@ -175,7 +175,7 @@ class HassioAddonConfig extends LitElement {
         }
         iron-autogrow-textarea {
           width: 100%;
-          font-family: monospace;
+          font-family: var(--code-font-family, monospace);
         }
         .syntaxerror {
           color: var(--error-color);

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;

src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-discovery-payload.ts

@@ -83,6 +83,7 @@ class MQTTDiscoveryPayload extends LitElement {
         font-size: 0.9em;
         padding-left: 4px;
         padding-right: 4px;
+        font-family: var(--code-font-family, monospace);
       }
     `;
   }

src/panels/config/devices/device-detail/integration-elements/mqtt/mqtt-messages.ts

@@ -174,6 +174,7 @@ class MQTTMessages extends LitElement {
         margin: 0;
         padding-left: 4px;
         padding-right: 4px;
+        font-family: var(--code-font-family, monospace);
       }
     `;
   }

src/panels/config/integrations/integration-panels/mqtt/mqtt-subscribe-card.ts

@@ -155,6 +155,9 @@ class MqttSubscribeCard extends LitElement {
         font-size: 80%;
         color: var(--secondary-text-color);
       }
+      pre {
+        font-family: var(--code-font-family, monospace);
+      }
     `;
   }
 }

src/panels/config/integrations/integration-panels/zwave/zwave-log-dialog.js

@@ -10,6 +10,9 @@ class ZwaveLogDialog extends EventsMixin(PolymerElement) {
   static get template() {
     return html`
     <style include="ha-style-dialog">
+      pre {
+        font-family: var(--code-font-family, monospace);
+      }
     </style>
       <ha-paper-dialog id="pwaDialog" with-backdrop="" opened="{{_opened}}">
         <h2>OpenZwave internal logfile</h2>

src/panels/config/integrations/integration-panels/zwave/zwave-usercodes.js

@@ -29,6 +29,10 @@ class ZwaveUsercodes extends PolymerElement {
           padding-right: 24px;
           padding-bottom: 24px;
         }
+
+        pre {
+          font-family: var(--code-font-family, monospace);
+        }
       </style>
       <div class="content">
         <ha-card header="Node user codes">

src/panels/config/logs/dialog-system-log-detail.ts

@@ -202,6 +202,7 @@ class DialogSystemLogDetail extends LitElement {
         }
         pre {
           margin-bottom: 0;
+          font-family: var(--code-font-family, monospace);
         }
         .heading {
           display: flex;

src/panels/developer-tools/event/event-subscribe-card.ts

@@ -143,6 +143,9 @@ class EventSubscribeCard extends LitElement {
       .event:last-child {
         border-bottom: 0;
       }
+      pre {
+        font-family: var(--code-font-family, monospace);
+      }
     `;
   }
 }

src/panels/developer-tools/service/developer-tools-service.js

@@ -75,6 +75,7 @@ class HaPanelDevService extends LocalizeMixin(PolymerElement) {
 
         pre {
           margin: 0;
+          font-family: var(--code-font-family, monospace);
         }
 
         h1 {

src/panels/lovelace/cards/hui-error-card.ts

@@ -50,6 +50,9 @@ export class HuiErrorCard extends LitElement implements LovelaceCard {
         user-select: text;
         cursor: default;
       }
+      pre {
+        font-family: var(--code-font-family, monospace);
+      }
     `;
   }
 }