clean styles

apps/app/src/components/PageEditor/CodeMirrorEditor.module.scss

@@ -12,6 +12,8 @@
   @import '~codemirror/theme/eclipse';
 
   .CodeMirror {
+    font-family: var(--font-family-monospace);
+
     pre.CodeMirror-line.grw-cm-header-line {
       padding-top: 0.16em;
       padding-bottom: 0.08em;
@@ -97,7 +99,7 @@
       .card-body {
         min-width: 30em;
         padding-bottom: 0;
-        font-family: monospace;
+        font-family: var(--font-family-monospace);
         color: bs.$text-muted;
       }
       ul > li {

apps/app/src/components/PageEditor/DrawioModal.tsx

@@ -20,7 +20,7 @@ import { type DrawioConfig, DrawioCommunicationHelper } from './DrawioCommunicat
 const logger = loggerFactory('growi:components:DrawioModal');
 
 const headerColor = '#334455';
-const fontFamily = "Lato, -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif";
+const fontFamily = "-apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif";
 
 const drawioConfig: DrawioConfig = {
   css: `
@@ -32,7 +32,7 @@ const drawioConfig: DrawioConfig = {
     font-size: 8pt !important;
   }
   `,
-  customFonts: ['Lato', 'Charter'],
+  customFonts: ['Charter'],
   compressXml: true,
 };
 

apps/app/src/styles/_variables.scss

@@ -9,8 +9,6 @@ $grw-marker-blue: #6cf;
 $grw-marker-cyan: #6ff;
 $grw-marker-green: #6f6;
 
-$font-family-monospace-not-strictly: Monaco, Menlo, Consolas, 'Courier New', MeiryoKe_Gothic, monospace;
-
 //== Layout
 $grw-navbar-height: 52px;
 $grw-navbar-border-width: 3.3333px;

apps/app/src/styles/atoms/_code.scss

@@ -6,7 +6,6 @@
  */
 code:not([class^='language-']) {
   padding: 2px 4px;
-  font-family: var.$font-family-monospace-not-strictly;
   border: 1px solid;
   border-radius: bs.$border-radius;
 }

packages/preset-themes/src/styles/_variables.scss

@@ -9,8 +9,6 @@ $grw-marker-blue: #6cf;
 $grw-marker-cyan: #6ff;
 $grw-marker-green: #6f6;
 
-$font-family-monospace-not-strictly: Monaco, Menlo, Consolas, 'Courier New', MeiryoKe_Gothic, monospace;
-
 //== Layout
 $grw-navbar-height: 52px;
 $grw-navbar-border-width: 3.3333px;