@cherry-markdown/cherry-markdown-dev 0.9.4-dev.202507290929.f928c5e → 0.9.4-dev.202507301106.2016926

package/dist/cherry-markdown.css

@@ -4063,7 +4063,8 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   border-radius: 5px;
   z-index: 11;
   box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-  background: var(--oc-white);
+  background: var(--base-editor-bg);
+  border: 1px solid var(--base-border-color);
 }
 .cherry .footnote.hidden {
   display: none;
@@ -4267,7 +4268,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   }
 }
 .cherry .cherry-highlight-line {
-  animation: changeBgColor 3s;
+  animation: changeBgColor 1s;
 }
 
 @media print {
@@ -4520,8 +4521,8 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 .cherry .cherry-shortcut-key-config-panel-wrapper {
   background-color: var(--shortcut-key-config-panel-bg);
   color: var(--shortcut-key-config-panel-text-color);
-  width: 280px !important;
-  height: 420px !important;
+  width: 300px !important;
+  height: 518px !important;
 }
 .cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner {
   width: 100%;
@@ -4545,6 +4546,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   font-size: 12px;
   transition: var(--shortcut-panel-transition);
   user-select: none;
+  background-color: var(--dropdown-item-hover-bg);
 }
 .cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs .shortcut-tab:hover {
   background-color: var(--dropdown-item-hover-bg);
@@ -4734,6 +4736,8 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
+  box-shadow: var(--accordion-shadow);
+  margin-bottom: 5px;
 }
 .cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .shortcut-settings-btn {
   height: auto;
@@ -5588,8 +5592,8 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 .cherry-mask-code-block {
   width: 100%;
   padding-top: 50px;
-  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
-  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--toolbar-bg)));
+  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, var(--toolbar-bg) 100%);
   text-align: center;
   position: absolute;
   left: 0;
@@ -5631,6 +5635,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
 .cherry-previewer-codeBlock-hover-handler {
   z-index: 0;
   position: absolute;
+  margin-top: -20px;
   pointer-events: none;
 }
 .cherry-previewer-codeBlock-hover-handler * {
@@ -5646,7 +5651,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   height: 25px;
   cursor: pointer;
   float: right;
-  top: 15px;
+  top: 35px;
   border-radius: 5px;
   box-shadow: 5px 0 5px rgba(0, 0, 0, 0.05);
   transition: all 0.3s;
@@ -5731,7 +5736,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   background-color: var(--toolbar-bg);
   border: 1px solid var(--base-border-color);
   border-radius: 6px;
-  padding: 6px 36px 6px 12px;
+  padding: 5px 36px 5px 12px;
   cursor: pointer;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
@@ -6123,7 +6128,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  background: rgba(255, 255, 255, 0.2);
+  background: rgba(255, 255, 255, 0.8666666667);
   margin-right: 8px;
   box-sizing: border-box;
   user-select: none;
@@ -6505,7 +6510,7 @@ div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
   }
 }
 .cherry-markdown.theme__dark .cherry-highlight-line {
-  animation: changeBgColorDark 3s;
+  animation: changeBgColorDark 1s;
 }
 
 /*