fix border color

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -516,6 +516,13 @@ ul.pagination {
   }
 }
 
+/*
+ * drawio
+ */
+.drawio-viewer {
+  border-color: $border-color-global;
+}
+
 /*
  * modal
  */

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -401,6 +401,13 @@ $dropdown-link-active-bg: $bgcolor-dropdown-link-active;
   }
 }
 
+/*
+ * drawio
+ */
+.drawio-viewer {
+  border-color: $border-color-global;
+}
+
 /*
  * admin settings
  */

packages/remark-drawio-plugin/src/components/Drawio.module.scss

@@ -1,4 +1,4 @@
-.mxgraph-container {
+.drawio-viewer {
   margin: 20px 0;
   border: 1px solid transparent;
   border-radius: 4px;

packages/remark-drawio-plugin/src/components/Drawio.tsx

@@ -34,7 +34,7 @@ export const Drawio = (props: Props): JSX.Element => {
   return (
     <div
       key={`drawio-viewer-${diagramIndex}`}
-      className={`mxgraph-container ${styles['mxgraph-container']}`}
+      className={`drawio-viewer ${styles['drawio-viewer']}`}
       data-begin-line-number-of-markdown={bol}
       data-end-line-number-of-markdown={eol}
     >