diff --git a/components/styles/cards/desktop.tsx b/components/styles/cards/desktop.tsx
index 182bda0..784f87f 100644
--- a/components/styles/cards/desktop.tsx
+++ b/components/styles/cards/desktop.tsx
@@ -45,7 +45,7 @@ const Card = styled.div<OnlinePropType>`
     }
     return ret;
   }};
-  background-color: ${({ theme }) => theme.colors.background};
+  background-color: ${({ theme }) => theme.colors.backgroundAlt ? theme.colors.backgroundAlt : theme.colors.background};
 
 
   transition-property: max-height, margin-bottom;
diff --git a/public/data/themes.json b/public/data/themes.json
index 0080308..ed306a4 100644
--- a/public/data/themes.json
+++ b/public/data/themes.json
@@ -17,6 +17,7 @@
       "themeId": 1,
       "colors": {
         "background": "#161616",
+        "backgroundAlt": "#000000",
         "primary": "#00AAFF",
         "secondary": "#FF5500",
         "online": "#2BFF00",
@@ -29,6 +30,7 @@
       "themeId": 2,
       "colors": {
         "background": "#000000",
+        "backgroundAlt": "#161616",
         "primary": "#00AAFF",
         "secondary": "#FF5500",
         "online": "#2BFF00",
@@ -41,6 +43,7 @@
       "themeId": 3,
       "colors": {
         "background": "#000000",
+        "backgroundAlt": "#161616",
         "primary": "#886aff",
         "secondary": "#E1FF6A",
         "online": "#00ff00",
@@ -55,7 +58,6 @@
       "backgroundOffset": "60%",
       "colors": {
         "background": "#0008",
-        "backgroundAlt": "#000d",
         "primary": "#ccc",
         "secondary": "#00C7C7",
         "online": "#00ff00",