ENG-1840: Align advanced search highlight with Roam/BlueprintJS (#1117)

* ENG-1840: Align advanced search highlight with Roam/BlueprintJS styling.

Replace custom purple selection chrome with Blueprint menu-item hover gray for result rows and native active states for filter/sort toolbar buttons.

Co-authored-by: Cursor <cursoragent@cursor.com>

* Fix lint issues in advanced search dialog.

Remove unnecessary querySelector type assertion and unused useMemo import.

Co-authored-by: Cursor <cursoragent@cursor.com>

* change hover color

---------

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: trangdoan982

apps/roam/src/components/AdvancedNodeSearchDialog/AdvancedSearchDialog.tsx

@@ -96,8 +96,8 @@ const ResultRow = ({
     onMouseEnter={onMouseEnter}
     role="option"
     style={{
-      background: active ? "rgba(95, 87, 192, 0.08)" : undefined,
-      boxShadow: active ? "inset 3px 0 0 #5f57c0" : undefined,
+      background: active ? "rgba(167, 182, 194, 0.3)" : undefined,
+      boxShadow: active ? "inset 3px 0 0 rgba(167, 182, 194, 0.3)" : undefined,
     }}
   >
     <Tag minimal style={getTagStyle(nodeConfig)}>

apps/roam/src/components/AdvancedNodeSearchDialog/DiscourseNodeTypeFilter.tsx

@@ -257,7 +257,7 @@ export const DiscourseNodeTypeFilter = ({
         }
         className={
           isTriggerActive
-            ? "!bg-[rgba(95,87,192,0.1)] !text-[#5f57c0]"
+            ? "!bg-[rgba(167, 182, 194, 0.3)] !text-[#5f57c0]"
             : "!text-gray-600 hover:!bg-gray-100 hover:!text-gray-900"
         }
         disabled={!isFilterReady}

apps/roam/src/components/DiscourseNodeSortControl.tsx

@@ -121,7 +121,7 @@ export const DiscourseNodeSortControl = ({
       aria-label={`Sort by ${sortLabel}`}
       className={`${
         isTriggerActive
-          ? "!bg-[rgba(95,87,192,0.1)] !text-[#5f57c0]"
+          ? "!bg-[rgba(167, 182, 194, 0.3)] !text-[#5f57c0]"
           : "!text-gray-600 hover:!bg-gray-100 hover:!text-gray-900"
       }`}
       disabled={disabled}