enhance(ui): polish popover accent color

resources/css/shui.css

@@ -15,12 +15,12 @@ html {
   .ui__dropdown-menu-item,
   div[data-radix-popper-content-wrapper] div[role=menuitem] {
     &:focus, &:hover {
-      background-color: var(--lx-gray-04, hsl(var(--accent)));
+      /* background-color: var(--lx-gray-04, hsl(var(--accent))); */
     }
   }
 
   div[data-radix-popper-content-wrapper] div[role=menu] {
-    background-color: var(--lx-gray-03, hsl(var(--popover)));
+    /* background-color: var(--lx-gray-03, hsl(var(--popover))); */
   }
 
   &:not([data-color=logseq]) {

src/main/frontend/common.css

@@ -389,7 +389,7 @@ button.menu:focus {
 
 .menu-links-wrapper,
 .menu-links-outer {
-  @apply py-2 rounded-md shadow-lg overflow-y-auto border bg-popovelx min-w-[12rem];
+  @apply py-2 rounded-md shadow-lg overflow-y-auto border bg-popover min-w-[12rem];
 
   max-height: calc(100vh - 100px) !important;
 }

src/main/frontend/components/editor.css

@@ -42,7 +42,7 @@
   }
 
   &[data-modal-name] {
-    @apply bg-popovelx border overflow-x-hidden overflow-y-auto rounded-lg py-1;
+    @apply bg-popover border overflow-x-hidden overflow-y-auto rounded-lg py-1;
   }
 
   &[data-modal-name="commands"],

src/main/frontend/ui.css

@@ -110,7 +110,7 @@
   &-panel {
     @apply relative rounded-md shadow-lg border border-gray-06 overflow-hidden;
 
-    background: or(--ls-modal-panel-color, --lx-gray-04, --ls-secondary-background-color);
+    background: or(--ls-modal-panel-color, --lx-gray-02, --ls-secondary-background-color);
 
     .panel-content {
       overflow-y: auto;
@@ -277,7 +277,7 @@ html.is-mobile {
 }
 
 .dropdown-wrapper {
-  @apply border min-w-[12rem] rounded-md bg-popovelx overflow-hidden;
+  @apply border min-w-[12rem] rounded-md bg-popover overflow-hidden;
 
   .menu-links-wrapper {
     @apply border-0;