style: 优化配色

Tencent · Sep 27, 2024 · ed4d8f4 · ed4d8f4
1 parent 22d691b
commit ed4d8f4
Show file tree

Hide file tree

Showing 9 changed files with 64 additions and 2 deletions.
diff --git a/src/Cherry.config.js b/src/Cherry.config.js
@@ -323,6 +323,16 @@ const defaultConfig = {
          *  - none          标题没有锚点
          */
         anchorStyle: 'default',
+        /**
+         * 是否开启严格模式
+         *    true：严格模式
+         *      # head ⭕️ valid
+         *      #head ❌ invalid
+         *    false：宽松模式
+         *      # head ⭕️ valid
+         *      #head ⭕️ valid
+         */
+        strict: false,
       },
     },
   },

diff --git a/src/sass/themes/blue.scss b/src/sass/themes/blue.scss
@@ -101,13 +101,20 @@ $mdBlockquoteBg: $VIOLET1;
         }
       }
     }
+    /** 选择表格的按钮 */
+    .cherry-insert-table-menu-item {
+      border-color: $toolbarBtnBgHover;
+    }
   }
 
   /** 选中文字时弹出的按钮 */
   .cherry-bubble {
     .cherry-bubble-bottom {
       border-top-color: $toolbarBg;
     }
+    .cherry-bubble-top {
+      border-bottom-color: $toolbarBg;
+    }
     /** 粘贴HTML内容时弹出的选择按钮 */
     &.cherry-switch-paste {
 

diff --git a/src/sass/themes/dark.scss b/src/sass/themes/dark.scss
@@ -75,13 +75,20 @@ $mdSvgTextColor: rgb(250, 160, 0);
         }
       }
     }
+    /** 选择表格的按钮 */
+    .cherry-insert-table-menu-item {
+      border-color: $toolbarBtnBgHover;
+    }
   }
 
   /** 选中文字时弹出的按钮 */
   .cherry-bubble {
     .cherry-bubble-bottom {
       border-top-color: $toolbarBg;
     }
+    .cherry-bubble-top {
+      border-bottom-color: $toolbarBg;
+    }
     /** 粘贴HTML内容时弹出的选择按钮 */
     &.cherry-switch-paste {
 

diff --git a/src/sass/themes/green.scss b/src/sass/themes/green.scss
@@ -89,13 +89,20 @@ $mdBlockquoteBg: $GREEN1;
         }
       }
     }
+    /** 选择表格的按钮 */
+    .cherry-insert-table-menu-item {
+      border-color: $toolbarBtnBgHover;
+    }
   }
 
   /** 选中文字时弹出的按钮 */
   .cherry-bubble {
     .cherry-bubble-bottom {
       border-top-color: $toolbarBg;
     }
+    .cherry-bubble-top {
+      border-bottom-color: $toolbarBg;
+    }
     /** 粘贴HTML内容时弹出的选择按钮 */
     &.cherry-switch-paste {
 

diff --git a/src/sass/themes/light.scss b/src/sass/themes/light.scss
@@ -75,13 +75,20 @@ $mdBlockquoteBg: rgb(231, 245, 255);
         }
       }
     }
+    /** 选择表格的按钮 */
+    .cherry-insert-table-menu-item {
+      border-color: $toolbarBtnBgHover;
+    }
   }
 
   /** 选中文字时弹出的按钮 */
   .cherry-bubble {
     .cherry-bubble-bottom {
       border-top-color: $toolbarBg;
     }
+    .cherry-bubble-top {
+      border-bottom-color: $toolbarBg;
+    }
     /** 粘贴HTML内容时弹出的选择按钮 */
     &.cherry-switch-paste {
 

diff --git a/src/sass/themes/red.scss b/src/sass/themes/red.scss
@@ -89,13 +89,20 @@ $mdBlockquoteBg: $PINK1;
         }
       }
     }
+    /** 选择表格的按钮 */
+    .cherry-insert-table-menu-item {
+      border-color: $toolbarBtnBgHover;
+    }
   }
 
   /** 选中文字时弹出的按钮 */
   .cherry-bubble {
     .cherry-bubble-bottom {
       border-top-color: $toolbarBg;
     }
+    .cherry-bubble-top {
+      border-bottom-color: $toolbarBg;
+    }
     /** 粘贴HTML内容时弹出的选择按钮 */
     &.cherry-switch-paste {
 

diff --git a/src/sass/themes/violet.scss b/src/sass/themes/violet.scss
@@ -88,13 +88,20 @@ $mdBlockquoteBg: $VIOLET1;
         }
       }
     }
+    /** 选择表格的按钮 */
+    .cherry-insert-table-menu-item {
+      border-color: $toolbarBtnBgHover;
+    }
   }
 
   /** 选中文字时弹出的按钮 */
   .cherry-bubble {
     .cherry-bubble-bottom {
       border-top-color: $toolbarBg;
     }
+    .cherry-bubble-top {
+      border-bottom-color: $toolbarBg;
+    }
     /** 粘贴HTML内容时弹出的选择按钮 */
     &.cherry-switch-paste {
 

diff --git a/src/sass/variable.scss b/src/sass/variable.scss
@@ -11,8 +11,8 @@ $monospaceFont: 'Menlo', 'Liberation Mono', 'Consolas', 'DejaVu Sans Mono', 'Ubu
 $fontSize: 16px;
 $fontSizeLarge: 18px;
 $lineHeight: 27px;
-$editorBg: #f8fafb;
-$previewBg: #f8fafb;
+$editorBg: #FFF;
+$previewBg: #FFF;
 $fontColor: #3f4a56;
 $linkColor: #3582fb;
 $linkHoverColor: #056bad;

diff --git a/types/cherry.d.ts b/types/cherry.d.ts
@@ -320,6 +320,16 @@ export interface CherryEngineOptions {
        *  - none          标题没有锚点
        */
       anchorStyle?: 'default' | 'autonumber' | 'none',
+      /**
+       * 是否开启严格模式
+       *    true：严格模式
+       *      # head ⭕️ valid
+       *      #head ❌ invalid
+       *    false：宽松模式
+       *      # head ⭕️ valid
+       *      #head ⭕️ valid
+       */
+      strict?: boolean,
     },
   };
   /** 自定义语法 */