fix: arrow color

deps/shui/src/logseq/shui/ui.cljs

@@ -36,6 +36,7 @@
 (def popover popup-core/popover)
 (def popover-trigger popup-core/popover-trigger)
 (def popover-content popup-core/popover-content)
+(def popover-arrow popup-core/popover-arrow)
 
 (def tooltip (util/lsui-wrap "Tooltip"))
 (def tooltip-trigger (util/lsui-wrap "TooltipTrigger"))
@@ -123,4 +124,4 @@
 (def popup-hide! popup-core/hide!)
 (def popup-hide-all! popup-core/hide-all!)
 
-(def multi-select-content select-multi/x-select-content)
+(def multi-select-content select-multi/x-select-content)

resources/css/shui.css

@@ -302,4 +302,17 @@ html[data-theme=dark] {
       @apply mb-1.5;
     }
   }
-}
+}
+
+.popper-arrow {
+    fill: white;
+    filter: drop-shadow(0 0 3px var(--lx-gray-12));
+    clip-path: inset(0 -10px -10px -10px);
+}
+
+.dark-theme {
+    .popper-arrow {
+        /* FIXME: set the best color for different themes */
+        fill: none;
+    }
+}

src/main/frontend/components/whiteboard.cljs

@@ -74,9 +74,10 @@
            {}
            (shui/button {:variant :ghost :size :sm
                          :class "opacity-75 hover:opacity-100"}
-             refs-count))
+                        refs-count))
           (shui/popover-content
            {:on-open-auto-focus #(.preventDefault %)}
+           (shui/popover-arrow {:class-name "popper-arrow"})
            [:div {:class classname}
             (reference/block-linked-references block-uuid)])))))))