upd: 微调配色和样式

src/renderer/components/ContextMenu.vue

@@ -117,6 +117,7 @@ export default defineComponent({
   color: var(--g-foreground-color);
   min-width: 9em;
   cursor: default;
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 }
 
 .menu > li.separator {

src/renderer/components/ModalUi.vue

@@ -122,6 +122,7 @@ export default defineComponent({
   background: var(--g-color-95);
   margin: auto;
   padding: 10px;
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 }
 
 textarea {

src/renderer/components/Preview.vue

@@ -295,7 +295,6 @@ export default defineComponent({
 }
 
 .action-bar > div {
-  /* background: #4e4e4e; */
   padding: .3em;
   border-radius: 2px;
   height: 26px;
@@ -326,7 +325,7 @@ export default defineComponent({
 .outline {
   position: fixed;
   right: 2em;
-  background: var(--g-color-90);
+  background: var(--g-color-85);
   color: var(--g-color-10);
   font-size: 14px;
   max-height: 3.2em;
@@ -341,6 +340,7 @@ export default defineComponent({
 .outline:hover {
   max-height: 75vh;
   max-width: 20em;
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 }
 
 .outline > .catalog {
@@ -357,7 +357,7 @@ export default defineComponent({
 }
 
 .outline > .catalog > div:hover {
-  background: var(--g-color-80);
+  background: var(--g-color-75);
 }
 
 .convert {
@@ -370,7 +370,7 @@ export default defineComponent({
   position: fixed;
   right: 2em;
   /* bottom: 40px; */
-  background: var(--g-color-90);
+  background: var(--g-color-85);
   color: var(--g-color-10);
   font-size: 14px;
   overflow: hidden;
@@ -392,7 +392,7 @@ export default defineComponent({
 }
 
 .scroll-to-top:hover {
-  background: var(--g-color-96);
+  background: var(--g-color-80);
 }
 
 .scroll-to-top.hide {

src/renderer/components/QuickOpen.vue

@@ -330,6 +330,7 @@ export default defineComponent({
   background: var(--g-color-95);
   margin: auto;
   padding: 10px;
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 }
 
 .result {

src/renderer/components/Setting.vue

@@ -180,6 +180,7 @@ export default defineComponent({
   margin: auto;
   padding: 10px;
   color: var(--g-color-5);
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 
   h3 {
     margin-top: 0;

src/renderer/components/StatusBarMenu.vue

@@ -129,6 +129,7 @@ export default defineComponent({
   position: fixed;
   bottom: 20px;
   box-sizing: border-box;
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 }
 
 .list li {

src/renderer/components/Toast.vue

@@ -44,6 +44,7 @@ export default defineComponent({
   border-radius: 50px;
   text-align: center;
   word-break: break-all;
+  box-shadow: rgba(0, 0, 0 , 0.3) 2px 2px 10px;
 }
 
 .toast-warning {