fix: don't use transparent effect on linux with settings

desktop/src/components/SettingsModal.tsx

@@ -1,5 +1,6 @@
 import { ModifyState, cx } from '~/lib/utils'
 import SettingsPage from '~/pages/settings/Page'
+import * as os from '@tauri-apps/plugin-os'
 
 interface SettingsModalProps {
 	visible: boolean
@@ -8,7 +9,8 @@ interface SettingsModalProps {
 export default function SettingsModal({ visible, setVisible }: SettingsModalProps) {
 	if (visible) {
 		return (
-			<div className={cx('modal modal-open backdrop-blur-3xl !bg-base-100 dark:!bg-transparent overflow-y-auto')}>
+			// Don't use transparent background on Linux since the backdrop doesn't work!
+			<div className={cx('modal modal-open backdrop-blur-3xl !bg-base-100 overflow-y-auto', os.platform() != 'linux' && 'dark:!bg-transparent')}>
 				<SettingsPage setVisible={setVisible} />
 			</div>
 		)