feat: add option to hide embed block border

Author: subframe7536

src/editor/embed.scss

@@ -1,77 +1,54 @@
 @use '../utils.scss';
 
-@include utils.use-no-plugin('.embed-enable') {
-  .cm-embed-block {
+body {
+  --embed-background: var(--bg-editor);
+  --embed-padding: var(--size-4-5) var(--size-4-4);
+  --embed-block-shadow-hover: 0 0 0 1px var(--accent-inactive),
+    inset 0 0 0 1px var(--accent-inactive);
+  --embed-border-start: var(--size-2-1) solid var(--accent-inactive);
+  --embed-border-end: var(--embed-border-start);
+  --embed-border-top: var(--embed-border-start);
+  --embed-border-bottom: var(--embed-border-start);
+
+  // latex block
+  .markdown-source-view.mod-cm6 .cm-embed-block {
+    margin-block: var(--size-4-1) !important;
     border-radius: var(--radius-m) !important;
-    transition: var(--animation);
+    transition: box-shadow var(--animation);
 
     .edit-block-button {
-      border-radius: var(--radius-m) !important;
+      border-radius: var(--radius-s) !important;
       transition: var(--animation);
-      inset-block: 0.2rem;
+      transition-property: background-color, opacity;
       height: fit-content;
     }
   }
+
   .internal-embed.is-loaded:not(.image-embed) {
-    --embed-background: var(--background-primary);
-    --embed-max-height: initial;
     transition: var(--animation);
-    padding: var(--size-4-1) var(--size-2-1) !important;
-
-    :is(.markdown-embed-link, .file-embed-link) {
-      padding: var(--size-2-3);
-      border-radius: var(--radius-m);
-      transition: var(--animation);
-      color: var(--accent-active);
-      top: 0.2rem;
-      right: 0.2rem;
+    transition-property: border-color, background-color;
+    border-radius: var(--radius-m);
+    margin-block: var(--size-4-1) !important;
 
-      &:hover {
-        background-color: var(--nav-item-background-hover);
-      }
+    &:hover {
+      border-color: var(--accent-active);
     }
 
-    .markdown-embed-title {
-      text-align: center;
-      line-height: 2.8;
+    &:is(.mod-empty, .mod-empty-attachment) {
+      border: var(--size-2-1) dotted var(--text-faint);
     }
 
-    &:is(.markdown-embed, .file-embed) {
-      border-radius: var(--radius-m);
+    :is(.markdown-embed-link, .file-embed-link) {
+      border-radius: var(--radius-s);
       transition: var(--animation);
-      margin-block: var(--size-4-1) !important;
-      padding: 0;
-      border: var(--block-outline-width) solid var(--background-modifier-border);
-
-      &:is(.mod-empty, .mod-empty-attachment) {
-        border-style: dotted;
-      }
-
-      .markdown-preview-view {
-        padding: calc(var(--font-text-size) * 1.2)
-          calc(var(--font-text-size) * 1.5);
-        position: initial;
-
-        .markdown-preview-section {
-          min-height: fit-content !important;
-        }
-      }
+      transition-property: color, background-color;
 
       &:hover {
-        border-color: var(--background-modifier-border-hover);
-      }
-
-      &:active {
-        border-color: var(--background-modifier-border-focus);
-      }
-
-      .frontmatter + div {
-        display: none;
+        background-color: var(--nav-item-background-hover);
       }
     }
-
-    svg.link {
-      transform: rotate(90deg);
+    .markdown-embed-title {
+      display: none;
     }
   }
 
@@ -81,6 +58,11 @@
     }
   }
 
+  &.embed-border-hidden {
+    --embed-border-start: none;
+    --embed-background: var(--background-primary-alt);
+  }
+
   &.scrollbar-gutter-reserve.embed-title-right-top
     .internal-embed.is-loaded:not([alt='#'])
     .markdown-embed-heading

src/style-settings/_index.scss

@@ -273,7 +273,6 @@ body:not(.heading-h5-full-line)
 body:not(.heading-h6-full-line)
   .setting-item[data-id='heading-h6-full-line-direction'],
 body:not(.table-colorful) .setting-item[data-id^='setting-table'],
-body:not(.embed-enable) .setting-item[data-id^='embed-title'],
 body:not(.hr-enable) .setting-item[data-id^='setting-hr-icon'],
 body:not(.tag-outline)
   .setting-item:is(

src/style-settings/editor.ts

@@ -554,19 +554,15 @@ export default Settings.create('maple-editor', 'Maple Editor').children([
       },
       'hex',
     ),
-  Settings.ofLevel(1, { title: { en: 'Embed File', zh: '内嵌文件' } })
-    .addClassToggle(
-      'embed-enable',
-      {
-        title: { en: 'Block Style Embed File', zh: '块状内嵌文件' },
-      },
-      { enable: true },
-    )
+  Settings.ofLevel(1, { title: { en: 'Embed Block', zh: '内嵌块' } })
+    .addClassToggle('embed-border-hidden', {
+      title: { en: "Hide Embed Block's Border", zh: '隐藏内嵌块的边框' },
+    })
     .addClassToggle(
       'embed-title-right-top',
       {
         title: {
-          en: 'Move Embed Title to Top Right',
+          en: 'Move Embed File Title to Top Right',
           zh: '内嵌文件标题移至右上角',
         },
         desc: {