feat: 夜间模式精修

open-isle-cli/src/components/BaseInput.vue

@@ -57,7 +57,7 @@ export default {
   width: calc(100% - 40px);
   padding: 15px 20px;
   border-radius: 10px;
-  border: 1px solid #ccc;
+  border: 1px solid var(--normal-border-color);
   gap: 10px;
 }
 

open-isle-cli/src/components/Dropdown.vue

@@ -213,7 +213,7 @@ export default {
 }
 
 .dropdown-display {
-  border: 1px solid #ccc;
+  border: 1px solid var(--normal-border-color);
   border-radius: 5px;
   padding: 5px 10px;
   cursor: pointer;
@@ -233,7 +233,7 @@ export default {
   left: 0;
   right: 0;
   background: var(--background-color);
-  border: 1px solid #ccc;
+  border: 1px solid var(--normal-border-color);
   z-index: 10;
   max-height: 200px;
   min-width: 350px;
@@ -251,7 +251,7 @@ export default {
   display: flex;
   align-items: center;
   padding: 5px;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid var(--normal-border-color);
 }
 
 .dropdown-search input {
@@ -272,11 +272,11 @@ export default {
 }
 
 .dropdown-option.selected {
-  background-color: #f5f5f5;
+  background-color: var(--menu-selected-background-color);
 }
 
 .dropdown-option:hover {
-  background-color: #f5f5f5;
+  background-color: var(--menu-selected-background-color);
 }
 
 .option-icon {

open-isle-cli/src/components/DropdownMenu.vue

@@ -72,7 +72,7 @@ export default {
   top: 100%;
   right: 0;
   background-color: var(--menu-background-color);
-  border: 1px solid #ddd;
+  border: 1px solid var(--normal-border-color);
   border-radius: 4px;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
   z-index: 10;

open-isle-cli/src/components/PostEditor.vue

@@ -77,12 +77,6 @@ export default {
       vditorInstance.value = new Vditor(props.editorId, {
         placeholder: '请输入正文...',
         height: 450,
-        theme: 'classic',
-        preview: {
-          theme: { current: 'light' },
-          actions: [],
-          markdown: { toc: false }
-        },
         toolbar: [
           'emoji',
           'bold',
@@ -148,7 +142,7 @@ export default {
 
 <style scoped>
 .post-editor-container {
-  border: 1px solid #e2e2e2;
+  border: 1px solid var(--normal-border-color);
   position: relative;
 }
 
@@ -158,7 +152,7 @@ export default {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(255, 255, 255, 0.6);
+  background: var(--menu-selected-background-color);
   display: flex;
   align-items: center;
   justify-content: center;