|
|
@@ -41,12 +41,14 @@ const Calendar = dynamic(
|
|
|
},
|
|
|
);
|
|
|
|
|
|
-// Preset chips should look identical in light/dark.
|
|
|
-// We intentionally keep them "white pill" style in both modes (consistent + readable).
|
|
|
+// Preset chips:
|
|
|
+// - Light mode: black background + white text (high contrast)
|
|
|
+// - Dark mode: keep white pills (reads well on dark surfaces)
|
|
|
const PRESET_BADGE_CLASS = [
|
|
|
- "bg-white text-black border-border",
|
|
|
- "hover:bg-white/90",
|
|
|
- "dark:bg-white dark:text-black",
|
|
|
+ "bg-black text-white border-black",
|
|
|
+ "hover:bg-black/90",
|
|
|
+ "dark:bg-white dark:text-black dark:border-border",
|
|
|
+ "dark:hover:bg-white/90",
|
|
|
].join(" ");
|
|
|
|
|
|
export default function SearchDateRangePicker({
|
