change highlight color for search result

2026-09-24 00:28:18 +00:00 · 2023-05-24 16:17:45 -03:00
parent b16a3bd3b6
commit 8735db3bf4
24 changed files with 2 additions and 2 deletions
@@ -11,7 +11,7 @@ const global = (props: StyleFunctionProps) => ({
    'font-variant-ligatures': 'no-contextual',
  },
  mark: {
-    bgColor: 'yellow.200',
+    bgColor: mode('green.100', 'green.800')(props),
    color: 'inherit',
  },
  'svg *::selection': {
@@ -114,7 +114,7 @@ const SearchBar = ({ isHomepage }: Props) => {
        />
      </PopoverTrigger>
      <PopoverContent w={ `${ menuWidth.current }px` } maxH={{ base: '300px', lg: '500px' }} overflowY="scroll" ref={ menuRef }>
-        <PopoverBody py={ 6 }>
+        <PopoverBody py={ 6 } sx={ isHomepage ? { mark: { bgColor: 'green.100' } } : {} }>
          <SearchBarSuggest query={ query } redirectCheckQuery={ redirectCheckQuery } searchTerm={ searchTerm } onItemClick={ handleItemClick }/>
        </PopoverBody>
      </PopoverContent>