diff --git a/src/App.tsx b/src/App.tsx
index db419e2..066ac76 100644
--- a/src/App.tsx
+++ b/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,
 									}}
diff --git a/src/assets/backgrounds/redporsche.jpg b/src/assets/backgrounds/redporsche.jpg
new file mode 100644
index 0000000..73d81f1
Binary files /dev/null and b/src/assets/backgrounds/redporsche.jpg differ
diff --git a/src/pages/homepage/components/Applications.tsx b/src/pages/homepage/components/Applications.tsx
index 42e7d37..1c10663 100644
--- a/src/pages/homepage/components/Applications.tsx
+++ b/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',
diff --git a/src/pages/settings/components/ThemeModalContent.tsx b/src/pages/settings/components/ThemeModalContent.tsx
index 2c76b4e..1fefca7 100644
--- a/src/pages/settings/components/ThemeModalContent.tsx
+++ b/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',