Fix the background color

Author: hasparus

src/app/conf/2025/schedule/_components/filters.tsx

@@ -99,7 +99,7 @@ function FiltersCombobox({
             {label}
           </Combobox.Label>
         )}
-        <label className="relative w-full border border-neu-500 p-2 focus-within:outline-none focus-within:ring focus-within:ring-neu-300 dark:focus-within:ring-neu-200">
+        <label className="relative w-full border border-neu-500 bg-neu-0 p-2 focus-within:outline-none focus-within:ring focus-within:ring-neu-300 dark:focus-within:ring-neu-200">
           <Combobox.Input
             value={query}
             onChange={e => setQuery(e.target.value)}

src/app/conf/2025/schedule/_components/session-list.tsx

@@ -134,23 +134,12 @@ export function SessionList({
         <Filters
           categories={filterCategories}
           filterState={filtersState}
-          onFilterChange={(category, option, checked) => {
+          onFilterChange={(category, newSelectedOptions) => {
             setFiltersState(prev => ({
               ...prev,
-              [category]: checked
-                ? [...prev[category as CategoryName], option]
-                : prev[category as CategoryName].filter(
-                    option => option !== option,
-                  ),
+              [category]: newSelectedOptions,
             }))
           }}
-          onReset={() => {
-            setFiltersState({
-              Audience: [],
-              "Talk category": [],
-              "Event type": [],
-            })
-          }}
         />
       )}
       {Object.entries(sessionsState).length === 0 ? (
@@ -171,7 +160,7 @@ export function SessionList({
                     <NextLink
                       key={session.id}
                       className={`${clsx(
-                        "white flex flex-col overflow-hidden rounded-md text-current shadow-2xl hover:no-underline focus:no-underline",
+                        "flex flex-col overflow-hidden rounded-md text-current shadow-2xl hover:no-underline focus:no-underline",
                       )} ${minimalVersion ? "bg-[#251f30]" : ""}`}
                       href={
                         minimalVersion

src/app/conf/_design-system/button.tsx

@@ -57,7 +57,7 @@ export type ButtonProps =
 
 export function Button(props: ButtonProps) {
   const className = clsx(
-    "relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none data-[variant=tertiary]:bg-neu-900/10 data-[variant=tertiary]:text-neu-900 data-[variant=tertiary]:hover:bg-neu-900/[.125] data-[variant=tertiary]:active:bg-neu-800/20 data-[variant=tertiary]:ring-1 data-[variant=tertiary]:ring-inset data-[variant=tertiary]:ring-neu-900/20",
+    "relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 data-[variant=tertiary]:bg-neu-100 data-[variant=tertiary]:text-neu-900 data-[variant=tertiary]:hover:bg-neu-200 data-[variant=tertiary]:active:bg-neu-300 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none dark:data-[variant=tertiary]:bg-neu-900/10 dark:data-[variant=tertiary]:text-neu-900 dark:data-[variant=tertiary]:hover:bg-neu-900/[.125] dark:data-[variant=tertiary]:active:bg-neu-800/20 dark:data-[variant=tertiary]:ring-1 dark:data-[variant=tertiary]:ring-inset dark:data-[variant=tertiary]:ring-neu-900/20",
     props.className,
   )