Fixed some styles

src/App.tsx

@@ -71,7 +71,7 @@ function App() {
 										width: '100%',
 										height: '100%',
 										position: 'fixed',
-										background: `linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), no-repeat center url(backgrounds/${theme.backgroundImage})`,
+										background: `linear-gradient(${theme.backgroundColor}33, ${theme.backgroundColor}33), no-repeat center url(assets/backgrounds/${theme.backgroundImage})`,
 										backgroundSize: 'cover',
 										zIndex: -1,
 									}}

src/pages/homepage/components/Applications.tsx

@@ -21,7 +21,6 @@ function Applications({ contentType, isMobile }: any) {
 					</Text>
 					<Stack
 						style={{
-							background: 'var(--color-background)',
 							gap: '.25rem',
 							backgroundSize: 'cover',
 							borderBottom: '0px solid',

src/pages/settings/components/ThemeModalContent.tsx

@@ -73,7 +73,7 @@ export default function ThemeModalContent({ selectedTheme }: any) {
 		<Stack
 			style={{
 				width: '100%',
-				background: `linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), no-repeat center url(backgrounds/${selectedTheme.backgroundImage})`,
+				background: `linear-gradient(${selectedTheme.backgroundColor}33, ${selectedTheme.backgroundColor}33), no-repeat center url(assets/backgrounds/${selectedTheme.backgroundImage})`,
 				backgroundSize: 'cover',
 				backgroundColor: selectedTheme.backgroundColor,
 				borderRadius: '10px',
@@ -107,7 +107,6 @@ export default function ThemeModalContent({ selectedTheme }: any) {
 			</Text>
 			<Stack
 				style={{
-					background: selectedTheme.backgroundColor,
 					gap: '.25rem',
 					backgroundSize: 'cover',
 					borderBottom: '0px solid',