Updates to theme editor and weather icon

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

@@ -85,7 +85,6 @@ export function ThemeModal({
 			setDefaultTheme(selectedTheme);
 		}
 	}, [selectedTheme]);
-
 	return (
 		<Modal.Root
 			size={'75%'}
@@ -138,7 +137,7 @@ export function ThemeModal({
 						bg={'var(--mantine-color-background-0)'}
 						style={{ zIndex: -1 }}
 					/>
-					{playlists.length > 0 && !isMobile && (
+					{playlists.length > 0 && !isMobile && !isNew && !duplicate && (
 						<Card
 							pos={'absolute'}
 							top={0}
@@ -233,6 +232,7 @@ export function ThemeModal({
 							pickerOpen={pickerOpen}
 							setSelectedTheme={setSelectedTheme}
 							handleClose={handleClose}
+							duplicate={duplicate}
 							setDuplicate={setDuplicate}
 						/>
 					)}

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

@@ -34,6 +34,7 @@ export function ThemeEditor({
 	closePicker,
 	handleClose,
 	handleSaveTheme,
+	duplicate,
 	setDuplicate,
 }: {
 	backgroundList: string[];
@@ -47,6 +48,7 @@ export function ThemeEditor({
 	closePicker: () => void;
 	handleClose: () => void;
 	handleSaveTheme: () => void;
+	duplicate: boolean;
 	setDuplicate: (duplicate: boolean) => void;
 }) {
 	const [query, setQuery] = useState('');
@@ -621,7 +623,12 @@ export function ThemeEditor({
 								</Tooltip>
 								<Button
 									onClick={() => {
-										setSelectedTheme({ ...defaultTheme });
+										!duplicate
+											? setSelectedTheme({ ...defaultTheme })
+											: setSelectedTheme({
+													...defaultTheme,
+													name: `${defaultTheme.name} copy`,
+												});
 									}}
 								>
 									Reset Changes