cherry-muse 1.0.1

package/src/sass/core/Table.scss

@@ -0,0 +1,127 @@
+.cherry-previewer {
+
+  table {
+    margin: 0.8em 0;
+    padding: 0;
+    word-break: initial;
+    border-collapse: collapse;
+    tr {
+      border: 1px solid var(--table-border-color);
+      margin: 0;
+      padding: 0;
+
+      &:nth-child(2n),
+      thead {
+        background-color: var(--table-bg-color);
+      }
+
+      th,
+      td {
+        border: 1px solid var(--table-border-color);
+        margin: 0;
+        padding: 0.375rem 0.8125rem;
+
+        &:first-child {
+          margin-top: 0;
+        }
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      th {
+        font-weight: bold;
+        border-bottom: 0;
+        background-color: var(--table-bg-color);
+      }
+    }
+  }
+
+}
+.cherry-table-container {
+  max-width: 100%;
+  overflow-x: auto;
+
+
+}
+
+.cherry-insert-table-menu {
+  display: block;
+  position: fixed;
+  // z-index: 100;
+  top: 3rem;
+  left:  3rem;
+  border-collapse: separate;
+  box-shadow: var(--shadow);
+  padding: 0.5rem;
+  border-radius: var(--border-radius);
+  width: auto!important;
+  height: auto;
+
+  &-item {
+    padding: 0.5rem;
+    border: var(--border);
+
+    &.active {
+      background-color: var(--hover-bg-color);
+    }
+  }
+}
+
+.cherry-previewer-table-content-handler {
+  .cherry-previewer-table-content-handler__input {
+    position: absolute;
+    textarea {
+      width: 100%;
+      height: 100%;
+      border: 0;
+      box-sizing: border-box;
+      resize: none;
+      outline: 1px solid var(--primary-color);
+      word-break: break-all;
+    }
+  }
+}
+.cherry-previewer-table-hover-handler {
+  position: absolute;
+  pointer-events: none;
+  z-index: 999;
+  &-container {
+    position: relative;
+    height: 100%;
+    padding: 0;
+    margin: 0;
+    list-style-type: none;
+  }
+  &__symbol {
+    pointer-events: auto;
+    display: flex;
+    justify-content: center;
+    position: absolute;
+    color: var(--primary-color);
+    width: 0.9rem;
+    height: 0.9rem;
+    line-height: 0.9rem;
+    border: 0;
+    background-color: transparent;
+    cursor: pointer;
+    transition: all 0.3s;
+    &:hover {
+      background-color: var(--primary-color);
+      color: var(--bg-color);
+    }
+  }
+}
+
+.cherry-editor{
+  .cm-table-split{
+    color: var(--codemirror-operator-color);
+  }
+  .cm-table-line{
+    color: var(--codemirror-operator-inner-color);
+  }
+  .cm-table-position{
+    color: var(--codemirror-operator-text-color);
+  }
+}

package/src/sass/core/Toc.scss

@@ -0,0 +1,28 @@
+.cherry-previewer{
+.toc {
+    margin-bottom: 1rem;
+    padding-left: 0;
+
+    .toc-title {
+      font-size: 1.5rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .toc-li {
+      border-bottom: var(--border);
+      list-style: none;
+
+      a {
+        text-decoration: none;
+        color: var(--textColor);
+
+        &:hover {
+          color: var(--primary-color);
+        }
+        &.anchor{
+          display: none;
+        }
+      }
+    }
+  }
+}

package/src/sass/google-fonts.scss

@@ -0,0 +1,34 @@
+@import url("https://fonts.loli.net/css2?family=Material+Symbols+Outlined");
+
+
+.cherry{
+
+  .material-symbols-outlined {
+    font-family: "Material Symbols Outlined", serif;
+    font-weight: normal;
+    font-style: normal;
+    font-size: 1.4rem;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    -webkit-font-feature-settings: "liga";
+    -webkit-font-smoothing: antialiased;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
+    margin: 0 0.3rem;
+  }
+
+}
+
+
+
+.cherry-dropdown {
+  .material-symbols-outlined {
+    margin-right: 0.6rem;
+  }
+}

package/src/sass/index.scss

@@ -0,0 +1,3 @@
+@use '~codemirror/lib/codemirror.css';
+
+@import './cherry.scss';

package/src/sass/prism/dark.scss

@@ -0,0 +1,131 @@
+/* PrismJS 1.23.0
+https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
+/**
+ * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
+ * Based on https://github.com/chriskempson/tomorrow-theme
+ * @author Rose Pritchard
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+  color: #ccc;
+  background: none;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 1em;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+  background: #2d2d2d;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #999;
+}
+
+.token.punctuation {
+  color: #ccc;
+}
+
+.token.tag,
+.token.attr-name,
+.token.namespace,
+.token.deleted {
+  color: #e2777a;
+}
+
+.token.function-name {
+  color: #6196cc;
+}
+
+.token.boolean,
+.token.number,
+.token.function {
+  color: #f08d49;
+}
+
+.token.property,
+.token.class-name,
+.token.constant,
+.token.symbol {
+  color: #f8c555;
+}
+
+.token.selector,
+.token.important,
+.token.atrule,
+.token.keyword,
+.token.builtin {
+  color: #cc99cd;
+}
+
+.token.string,
+.token.char,
+.token.attr-value,
+.token.regex,
+.token.variable {
+  color: #7ec699;
+}
+
+.token.operator,
+.token.entity,
+.token.url {
+  color: #67cdcc;
+  background: none;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+.token.inserted {
+  color: green;
+}
+
+code[class*="language-"],
+pre[class*="language-"]{
+  text-shadow: none;
+}
+

package/src/sass/prism/light.scss

@@ -0,0 +1,143 @@
+/* PrismJS 1.23.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	font-size: 1em;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	/* This background color was intended by the author of this theme. */
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+

package/src/sass/variables/colors.scss

@@ -0,0 +1,96 @@
+:root {
+  --bg-color: #ffffff; /*背景色*/
+  --text-color: #333333; /*文本颜色*/
+
+  --hover-bg-color: rgba(229, 229, 229, 0.59); /*浮动的背景色*/
+  --hover-text-color: inherit;
+
+
+  --primary-color: #428bca; /* color of primary buttons */
+  --primary-btn-border-color: #285e8e;
+  --primary-btn-text-color: #fff;
+
+
+  --border-radius: 0.5rem;
+  --border-color:#e9e9e9;
+  --panel-border-color: #777777;
+  --border-color2: #e2e2e2;
+  --border: 1px solid var(--border-color);
+
+  --disabled-text-color:#777;
+  --shadow:0 0 0.8rem rgba(128, 145, 165, 0.2);
+  --shadow-bold:0 0 1rem rgba(92, 92, 92, 0.2);
+  --line-height:1.5;
+
+  --font-family: "Open Sans","Clear Sans", "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif;
+  --monospace: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubuntu Mono', 'Courier New', 'andale mono', 'lucida console', monospace;
+  --font-size: 1rem;
+
+  --code-bg:#fafafa;
+  --blur-text-color: #C8C8C8;
+
+
+  --bg-on-bg-color:#ebf3ff;
+
+
+  --table-bg-color:#f8f8f8;
+  --table-border-color:#dfe2e5;
+
+  --codemirror-operator-text-color: #ff8f7a;  /* 珊瑚红，温暖活泼 */
+  --codemirror-operator-color: #5cacff;  /* 天蓝色，清新明亮 */
+  --codemirror-operator-inner-color: #ff3333;  /* 鲜红色，醒目有力 */
+
+  --drag-bg-color: #dfe6ee;
+
+  --editor-mask-bg: rgba(0, 0, 0, 0.2);
+  --previewer-mask-bg: rgba(0, 0, 0, 0.4);
+
+  --active-file-border-color: #e9e9e9;
+}
+
+.theme__dark {
+  --bg-color: #1e1e1e; /* 稍微调亮一点，提高可读性 */
+  --text-color: #e6e6e6; /* 略微调亮文本颜色 */
+
+  --hover-bg-color: rgba(60, 60, 60, 0.59); /* 提高对比度 */
+  --hover-text-color: inherit;
+
+  --primary-color: #60a5e8; /* 调亮主色调，提高可见度 */
+  --primary-btn-border-color: #4785c4;
+  --primary-btn-text-color: #ffffff;
+
+  --border-color: #3a3a3a;
+  --panel-border-color: #838383;
+  --border-color2: #404040;
+  --border: 1px solid var(--border-color);
+
+  --disabled-text-color: #808080;
+  --shadow: 0 0 0.8rem rgba(0, 0, 0, 0.35);
+  --shadow-bold: 0 0 1rem rgba(0, 0, 0, 0.45);
+
+  --code-bg: #282828;
+  --blur-text-color: #595959;
+
+  --bg-on-bg-color: #2b3544;
+
+  --table-bg-color: #282828;
+  --table-border-color: #383838;
+
+  --codemirror-operator-text-color: #ff9f8d;  /* 夜间模式珊瑚红 */
+  --codemirror-operator-color: #6eb4ff;  /* 夜间模式天蓝色 */
+  --codemirror-operator-inner-color: #ff4d4d;  /* 夜间模式鲜红色 */
+
+  --drag-bg-color: #2d3642; /* 添加夜间模式的拖动条颜色 */
+
+  --editor-mask-bg: rgba(0, 0, 0, 0.3);
+  --previewer-mask-bg: rgba(0, 0, 0, 0.5);
+
+  --active-file-border-color: #3a3a3a;
+}
+
+
+
+
+
+
+