Style bugfix

src/pages/settings/components/Theming/Backgrounds/BackgroundModal.tsx

@@ -111,9 +111,11 @@ export function BackgroundModal({
 										paddingTop: 0,
 									}}
 									styles={
-										theme.textShadowsEnabled && {
-											label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-										}
+										theme.textShadowsEnabled
+											? {
+													label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+												}
+											: undefined
 									}
 									rightSection={
 										isLoading ? (

src/pages/settings/components/Theming/Backgrounds/EditBackground.tsx

@@ -49,9 +49,11 @@ export function EditBackground({
 					label='New Name'
 					onChange={(e) => setRename(e.target.value)}
 					styles={
-						theme.textShadowsEnabled && {
-							label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
-						}
+						theme.textShadowsEnabled
+							? {
+									label: { boxShadow: '2px 2px var(--mantine-color-border-0)' },
+								}
+							: undefined
 					}
 				/>
 				<Card

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

@@ -298,9 +298,9 @@ export function ThemeModal({
 										className={textClasses.sectionTitle}
 										classNames={textClasses}
 										style={{
-											textShadow:
-												theme.textShadowsEnabled &&
-												'1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)',
+											textShadow: theme.textShadowsEnabled
+												? '1px 1px 1px color-mix(in srgb, var(--mantine-color-accent-0), transparent 50%)'
+												: undefined,
 										}}
 									>
 										Change {colorId}