Style bugfixes

src/pages/settings/components/Theming/ThemeModal.tsx

@@ -246,7 +246,7 @@ function ThemeModal({
 								<ColorSwatch
 									onClick={() => {
 										closeBackgroundPicker();
-										setColorId('searchBackground');
+										setColorId('searchColor');
 										openPicker();
 										setColorValue(selectedTheme.searchColor);
 									}}
@@ -338,7 +338,7 @@ function ThemeModal({
 															borderColor: colorValue,
 														});
 														break;
-													case 'searchBackground':
+													case 'searchColor':
 														setSelectedTheme({
 															...selectedTheme,
 															searchColor: colorValue,

src/pages/settings/components/Theming/ThemeModalContent.tsx

@@ -31,6 +31,14 @@ export default function ThemeModalContent({ selectedTheme }: { selectedTheme: Th
 				disabled
 				w={'80%'}
 				classNames={selectClasses}
+				className={selectClasses.searchExample}
+				styles={{
+					input: {
+						color: selectedTheme?.primaryColor,
+						borderBottom: `thin solid ${selectedTheme?.borderColor}`,
+						backgroundColor: `color-mix(in srgb, ${selectedTheme?.searchColor}, transparent 50%)`,
+					},
+				}}
 				data={[
 					{
 						label: 'Google Search',