fix: compensation comboboxes in dark mode (#14273)

Author: richardsolomou

src/components/CompensationCalculator/Combobox.tsx

@@ -84,7 +84,7 @@ export const Combobox = (props: ComboboxProps) => {
                         leaveFrom="opacity-100"
                         leaveTo="opacity-0"
                     >
-                        <HeadlessCombobox.Options className="absolute top-full mt-1 w-full bg-white  rounded p-0 z-[50] text-sm max-h-[12rem] overflow-y-scroll py-1 focus:outline-none space-y-1 shadow-xl border border-black/10">
+                        <HeadlessCombobox.Options className="absolute top-full mt-1 w-full bg-white dark:bg-accent-dark dark:text-primary-dark rounded p-0 z-[50] text-sm max-h-[12rem] overflow-y-scroll py-1 focus:outline-none space-y-1 shadow-xl border border-black/10">
                             {filteredOptions.length === 0 && query !== '' ? (
                                 <div className="px-2.5 py-1 text-sm text-gray">No results</div>
                             ) : (

src/components/CompensationCalculator/index.tsx

@@ -208,7 +208,7 @@ export const CompensationCalculator = ({
                     <Section title="Level" description={descriptions['level'] && descriptions['level']}>
                         {breakpoints.sm ? (
                             <RadioGroup as="div" className="block" value={level} onChange={setItem('level')}>
-                                <div className="w-full inline-flex flex-col items-stretch md:flex-row md:items-center bg-white  rounded divide-y md:divide-y-0 md:divide-x divide-black/10 overflow-hidden shadow-sm border border-black/10 text-sm mt-1.5">
+                                <div className="w-full inline-flex flex-col items-stretch md:flex-row md:items-center bg-white dark:bg-accent-dark rounded divide-y md:divide-y-0 md:divide-x divide-black/10 overflow-hidden shadow-sm border border-black/10 text-sm mt-1.5">
                                     {Object.entries(levelModifier).map(([level, modifier]) => (
                                         <RadioGroup.Option
                                             as="button"