cherry-muse 1.0.1

package/src/sass/core/Footnote.scss

@@ -0,0 +1,21 @@
+.cherry {
+  .footnote:not(a) {
+    .footnote-title {
+      font-size: 1.25rem;
+      margin-top: -2.375rem;
+      background-color: var(--bg-color);
+      width: 3.75rem;
+      margin-bottom: 1rem;
+    }
+
+    padding-top: 1.25rem;
+    border-top: 1px solid var(--border-color);
+    margin-top: 3.125rem;
+
+    .one-footnote {
+      color: var(--text-color);
+      margin-bottom:1rem;
+      border-bottom: 1px dotted var(--border-color);
+    }
+  }
+}

package/src/sass/core/FrontMatterVars.scss

@@ -0,0 +1,19 @@
+.cherry-editor{
+  .cm-vars-container{
+    color: #888888;
+  }
+  .cm-vars-text{
+    color: #4EC9B0;
+  }
+}
+
+.theme__dark .cherry-editor {
+  .cm-vars-container{
+    color: #6B6B6B;
+  }
+  .cm-vars-text{
+    color: #2EFFDC;
+    text-decoration: underline;
+    text-decoration-color: rgba(46, 255, 220, 0.3);
+  }
+}

package/src/sass/core/Header.scss

@@ -0,0 +1,103 @@
+.cherry-previewer {
+  word-break: break-all;
+
+  $heading-font-weight: 700;
+  $heading-line-height: 1.1;
+  $heading-color: var(--text-color);
+  $small-font-weight: normal;
+  $small-line-height: 1;
+  $small-color: var(--active-file-border-color);
+  $heading-margins: 1.3rem;
+  $small-font-size-h1-h3: 65%;
+  $small-font-size-h4-h6: 75%;
+  $heading-sizes: (2.25em, 1.75em, 1.5em, 1.25em, 1.1em, 1em);
+  $small-margins: 0.8rem;
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .h1,
+  .h2,
+  .h3,
+  .h4,
+  .h5,
+  .h6 {
+    font-family: inherit;
+    font-weight: $heading-font-weight;
+    line-height: $heading-line-height;
+    color: $heading-color;
+    a{
+      color: $heading-color;
+      &.anchor{
+        color: var(--primary-color);
+        display: none;
+      }
+
+    }
+    &:hover{
+      a.anchor{
+        display: inline;
+      }
+    }
+
+
+    small,
+    .small {
+      font-weight: $small-font-weight;
+      line-height: $small-line-height;
+      color: $small-color;
+    }
+  }
+
+  h1,.h1{
+    line-height: 1.2;
+  }
+  h2,.h2{
+    line-height: 1.225;
+  }
+  h3,.h3{
+    line-height: 1.43;
+  }
+  h1,h2,.h1,.h2{
+    border-bottom: 1px solid var(--active-file-bg-color);
+  }
+  h1,
+  h2,
+  h3,
+  .h1,
+  .h2,
+  .h3 {
+    margin-top: $heading-margins;
+    margin-bottom: $heading-margins;
+
+    small,
+    .small {
+      font-size: $small-font-size-h1-h3;
+    }
+  }
+
+  h4,
+  h5,
+  h6,
+  .h4,
+  .h5,
+  .h6 {
+    margin-top: $small-margins;
+    margin-bottom: $small-margins;
+
+    small,
+    .small {
+      font-size: $small-font-size-h4-h6;
+    }
+  }
+
+  @each $size, $index in $heading-sizes {
+    h#{1 + $index - 1},
+    .h#{1 + $index - 1} {
+      font-size: $size;
+    }
+  }
+}

package/src/sass/core/Hr.scss

@@ -0,0 +1,10 @@
+.cherry-previewer {
+  hr {
+    height: 0;
+    border: 0;
+    border-top: 2px solid var(--border-color2);
+    margin: 1rem 0;
+    box-sizing: content-box;
+    overflow: visible;
+  }
+}

package/src/sass/core/Iframe.scss

@@ -0,0 +1,36 @@
+.cherry-editor{
+  .cm-iframe-marker{
+    color: #888888;
+  }
+  .cm-iframe-url{
+    color: #4EC9B0;
+  }
+}
+
+.theme__dark .cherry-editor {
+  .cm-iframe-marker {
+    color: #6B6B6B;
+  }
+  .cm-iframe-url {
+    color: #2EFFDC;
+    text-decoration: underline;
+    text-decoration-color: rgba(46, 255, 220, 0.3);
+  }
+}
+
+.cherry-preview{
+  iframe{
+    border-radius: 3px;
+    border: none;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    background: #fff;
+    overflow: hidden;
+  }
+}
+
+.theme__dark .cherry-preview {
+  iframe {
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+    background: #1e1e1e;
+  }
+}

package/src/sass/core/Image.scss

@@ -0,0 +1,59 @@
+.cherry-previewer{
+  img ,video,audio {
+    max-width: 100%;
+  }
+  a[target=_blank].cherry-file{
+    padding: 0!important;
+    &::after {
+      content: '';
+      display: none;
+    }
+  }
+
+
+  .cherry-file {
+    max-width:300px;
+    &.cherry-card-list-container{
+      margin: 0!important;
+    }
+    .cherry-card-item{
+      padding: 0;
+      background: var(--primary-color)!important;
+      color: var(--primary-btn-text-color)!important;
+    }
+   .cherry-card-image{
+     font-size: 4rem;
+     position: unset;
+     transform: none;
+     display: flex;
+     align-items: center;
+     margin-left: 1rem;
+   }
+   .cherry-no-desc {
+      display: flex !important;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .cherry-card-desc{
+      display: flex!important;
+      align-items: center; /* 垂直对齐 */
+      justify-content: center;
+      span{
+        position: unset;
+        transform: none;
+
+      }
+    }
+  }
+
+
+}
+.cherry-editor {
+  .cm-s-default {
+    .cm-image-type,.cm-image-split {
+      color: var(--codemirror-operator-inner-color);
+    }
+  }
+
+}

package/src/sass/core/InlineCode.scss

@@ -0,0 +1,10 @@
+.cherry-previewer{
+  :not(pre) > code {
+    border: var(--border);
+    background-color: var(--code-bg);
+    border-radius: var(--border-radius);
+    padding: 0.1rem 0.3rem;
+    margin: 0 0.2rem;
+    font-size: 0.9em;
+  }
+}

package/src/sass/core/InlineMath.scss

@@ -0,0 +1,11 @@
+.cherry-editor{
+  .cm-math-container{
+    color:var(--codemirror-operator-color);
+    font-weight: bold;
+  }
+  .cm-math-text{
+    color:var(--codemirror-operator-text-color);
+  }
+}
+
+

package/src/sass/core/Link.scss

@@ -0,0 +1,16 @@
+.cherry {
+  a[target=_blank] {
+    padding: 0 0.1rem;
+
+    &::after {
+      font-size: 1rem;
+      margin: 0 0.1rem;
+      content: 'open_in_new';
+      inset-inline-start: 0;
+      font-family: "Material Symbols Outlined", serif;
+      line-height: 1rem; /* 与 font-size 相同 */
+      vertical-align: middle; /* 垂直居中 */
+    }
+  }
+
+}

package/src/sass/core/List.scss

@@ -0,0 +1,61 @@
+.cherry-previewer {
+  ul,
+  ol,
+  dl {
+    margin: 0.8em 0;
+  }
+
+  li {
+
+    display: list-item;
+    unicode-bidi: isolate;
+
+    ol, ul {
+      margin: 0 0;
+    }
+
+    p {
+      .first {
+        display: inline-block;
+      }
+
+      margin: .5rem;
+    }
+  }
+
+  ol{
+    list-style-type: decimal;
+  }
+
+  ul {
+    list-style-type: disc;
+  }
+
+
+
+  ul,
+  ol {
+    padding-left: 1.4rem;
+  }
+
+  ul:first-child,
+  ol:first-child {
+    margin-top: 0;
+  }
+
+  ul:last-child,
+  ol:last-child {
+    margin-bottom: 0;
+  }
+
+  div {
+    ul,
+    ol {
+      margin-bottom: 0;
+    }
+  }
+  .check-list-item {
+    list-style: none;
+    margin-top: 0.5rem;
+  }
+}

package/src/sass/core/Mark.scss

@@ -0,0 +1,15 @@
+.cherry-editor{
+  .cm-mark-container{
+    font-size: unset;
+    background: #f0ff0b;
+    color:var(--text-color);
+  }
+}
+
+// 添加夜间模式样式
+.theme__dark .cherry-editor {
+  .cm-mark-container {
+    background: #5c5c00; // 使用较深的黄色，以适应夜间模式
+
+  }
+}

package/src/sass/core/Panel.scss

@@ -0,0 +1,150 @@
+:root {
+  --important-title-color: #230555;
+  --important-bg-color: #f4eefe;
+  --important-border-color: #a371f7;
+  --important-code-bg-color: rgb(163 113 247 / 10%);
+  --info-title-color: #193c47;
+  --info-bg-color: #eef9fd;
+  --info-border-color: #4cb3d4;
+  --info-code-bg-color: rgb(76 179 212 / 10%);
+  --note-title-color: #474748;
+  --note-bg-color: #fdfdfe;
+  --note-border-color: #ccc;
+  --note-code-bg-color: rgb(212 213 216 / 20%);
+  --tip-title-color: #003100;
+  --tip-bg-color: #e6f6e6;
+  --tip-border-color: #009400;
+  --tip-code-bg-color: rgb(0 148 0 / 15%);
+  --warning-title-color: #4d3800;
+  --warning-bg-color: #fff8e6;
+  --warning-border-color: #e6a700;
+  --warning-code-bg-color: rgb(230 167 0 / 15%);
+  --danger-title-color: #4b1113;
+  --danger-bg-color: #ffebec;
+  --danger-border-color: #e13238;
+  --danger-code-bg-color: rgb(225 50 56 / 15%);
+}
+
+.theme__dark {
+  --important-title-color: #f4eefe;
+  --important-bg-color: #230555;
+  --info-title-color: #eef9fd;
+  --info-bg-color: #193c47;
+  --note-title-color: #fdfdfe;
+  --note-bg-color: #474748;
+  --tip-title-color: #e6f6e6;
+  --tip-bg-color: #003100;
+  --warning-title-color: #fff8e6;
+  --warning-bg-color: #4d3800;
+  --danger-title-color: #ffebec;
+  --danger-bg-color: #4b1113;
+}
+
+.cherry-previewer {
+
+  .cherry-panel {
+
+    margin: 1rem 0;
+    padding: .25rem 1rem;
+    border-inline-start-width: .3rem;
+    border-inline-start-style: solid;
+    border-radius: var(--border-radius);
+    color: inherit;
+
+    .cherry-panel--title__not-empty {
+
+      padding: .25rem 1rem;
+      padding-inline-start: 1.75rem;
+      line-height: 1.5;
+      position: relative;
+      font-weight: 600;
+      overflow-wrap: break-word;
+    }
+
+    .cherry-panel--title__not-empty:before {
+      content: " ";
+      position: absolute;
+      inset-inline-start: 0;
+      top: calc(50% - .6125em);
+      width: 1.25em;
+      height: 1.25em;
+      background-position: left;
+      background-repeat: no-repeat;
+
+    }
+
+
+
+    .cherry-panel--title {
+
+      margin: 1rem 0;
+    }
+
+    // 定义面板类型和对应的颜色变量前缀
+    $panel-types: important, info, note, tip, warning, danger;
+
+    // 定义 SVG 颜色
+    $svg-colors: (
+      important: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 981.333a84.992 84.992 0 0 1-84.907-84.906h169.814A84.992 84.992 0 0 1 512 981.333zm384-128H128v-42.666l85.333-85.334v-256A298.325 298.325 0 0 1 448 177.92V128a64 64 0 0 1 128 0v49.92a298.325 298.325 0 0 1 234.667 291.413v256L896 810.667v42.666zm-426.667-256v85.334h85.334v-85.334h-85.334zm0-256V512h85.334V341.333h-85.334z' fill='%23a371f7'/%3E%3C/svg%3E"),
+      info: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%234cb3d4'/%3E%3C/svg%3E"),
+      note:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-11v6h2v-6h-2zm0-4v2h2V7h-2z' fill='%23ccc'/%3E%3C/svg%3E"),
+      tip:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23009400' d='M7.941 18c-.297-1.273-1.637-2.314-2.187-3a8 8 0 1 1 12.49.002c-.55.685-1.888 1.726-2.185 2.998H7.94zM16 20v1a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-1h8zm-3-9.995V6l-4.5 6.005H11v4l4.5-6H13z'/%3E%3C/svg%3E"),
+      warning:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M576.286 752.57v-95.425q0-7.031-4.771-11.802t-11.3-4.772h-96.43q-6.528 0-11.3 4.772t-4.77 11.802v95.424q0 7.031 4.77 11.803t11.3 4.77h96.43q6.528 0 11.3-4.77t4.77-11.803zm-1.005-187.836 9.04-230.524q0-6.027-5.022-9.543-6.529-5.524-12.053-5.524H456.754q-5.524 0-12.053 5.524-5.022 3.516-5.022 10.547l8.538 229.52q0 5.023 5.022 8.287t12.053 3.265h92.913q7.032 0 11.803-3.265t5.273-8.287zM568.25 95.65l385.714 707.142q17.578 31.641-1.004 63.282-8.538 14.564-23.354 23.102t-31.892 8.538H126.286q-17.076 0-31.892-8.538T71.04 866.074q-18.582-31.641-1.004-63.282L455.75 95.65q8.538-15.57 23.605-24.61T512 62t32.645 9.04 23.605 24.61z' fill='%23e6a700'/%3E%3C/svg%3E"),
+      danger:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.523 0 10 4.477 10 10v3.764a2 2 0 0 1-1.106 1.789L18 19v1a3 3 0 0 1-2.824 2.995L14.95 23a2.5 2.5 0 0 0 .044-.33L15 22.5V22a2 2 0 0 0-1.85-1.995L13 20h-2a2 2 0 0 0-1.995 1.85L9 22v.5c0 .171.017.339.05.5H9a3 3 0 0 1-3-3v-1l-2.894-1.447A2 2 0 0 1 2 15.763V12C2 6.477 6.477 2 12 2zm-4 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4z' fill='%23e13238'/%3E%3C/svg%3E"),
+    );
+
+
+    // 使用 `@each` 循环复用样式
+    @each $type in $panel-types {
+      $svg-color: map-get($svg-colors, $type);
+      &.cherry-panel__#{$type} {
+        border-color: var(--#{$type}-border-color);
+        background: var(--#{$type}-bg-color);
+        color: var(--#{$type}-title-color);
+
+        .cherry-panel--title__not-empty:before {
+          background-image: #{$svg-color};
+        }
+
+        .cherry-panel--body {
+          pre {
+            background: var(--#{$type}-code-bg-color);
+          }
+        }
+
+      }
+    }
+
+  }
+  .cherry-text-align{
+    &.cherry-text-align__center {
+      table {
+        margin-left: auto;
+        margin-right: auto;
+      }
+    }
+
+    &.cherry-text-align__right {
+      table {
+        margin-left: auto;
+      }
+    }
+  }
+
+}
+
+.cherry-editor {
+  .cm-panel-container {
+    color: var(--codemirror-operator-color);
+    font-weight: bold;
+  }
+
+  .cm-panel-type {
+    color: var(--codemirror-operator-inner-color);
+  }
+
+  .cm-panel-title {
+    color: var(--codemirror-operator-text-color);
+  }
+}
+

package/src/sass/core/Paragraph.scss

@@ -0,0 +1,6 @@
+.cherry-previewer {
+  p,
+  {
+    margin: 0 0 1rem;
+  }
+}

package/src/sass/core/Size.scss

@@ -0,0 +1,8 @@
+.cherry-editor{
+  .cm-size-container{
+    color: var(--codemirror-operator-color);
+  }
+  .cm-size-number{
+    color: var(--codemirror-operator-text-color);
+  }
+}

package/src/sass/core/Sub.scss

@@ -0,0 +1,5 @@
+.cherry-previewer {
+  sub {
+    vertical-align: sub;
+  }
+}

package/src/sass/core/Suggester.scss

@@ -0,0 +1,62 @@
+
+  .cherry-suggester-panel {
+    display: none;
+    position: absolute;
+    left: 0;
+    top: 0;
+    background: var(--bg-color);
+    // border: 1px solid #ccc;
+    border-radius: var(--border-radius);
+    max-height: 50vh;
+    box-shadow: var(--shadow);
+    overflow-x: hidden;
+    overflow-y: auto;
+
+    .cherry-suggester-panel__item {
+      border: none;
+      white-space: nowrap;
+      min-width: 3.2rem;
+      padding: 0.4rem 0.9rem;
+      color: var(--text-color);
+      display: block;
+      cursor: pointer;
+
+      &.cherry-suggester-panel__item--selected {
+        background-color: var(--hover-bg-color);
+        text-decoration: none;
+        color: var(--primary-color);
+      }
+
+      & > i {
+        display: inline-block;
+        transform: translateY(2px);
+        margin-right: 0.5rem;
+      }
+    }
+    &::-webkit-scrollbar {
+      height: 0.5rem;
+      width: 0.5rem;
+      background: var(--code-bg);
+    }
+    &::-webkit-scrollbar:hover {
+      background:  var(--hover-bg-color);
+    }
+    &::-webkit-scrollbar-thumb {
+      background:  var(--hover-bg-color);
+      -webkit-border-radius: var(--border-radius);
+    }
+    &::-webkit-scrollbar-thumb:hover {
+      background:var(--panel-border-color);
+    }
+    &::-webkit-scrollbar-corner {
+      background: transparent;
+    }
+  }
+  .cherry-suggestion {
+    background-color: var(--bg-on-bg-color);
+    color: var(--text-color);
+    padding: 0.1rem 0.3rem;
+    border-radius: var(--border-radius);
+    cursor: pointer;
+  }
+

package/src/sass/core/Sup.scss

@@ -0,0 +1,5 @@
+.cherry-previewer {
+  sup {
+    vertical-align: super;
+  }
+}