diff --git a/create-themes.py b/create-themes.py
index 63f8409..c88304b 100644
--- a/create-themes.py
+++ b/create-themes.py
@@ -44,7 +44,7 @@ def average_color(fname):
     fname.parent.mkdir(parents=True, exist_ok=True)
     with fname.open("w") as f:
         f.write("---\n# From https://github.com/basnijholt/lovelace-ios-themes")
-    for background in Path("themes").glob("homekit-bg-*.jpg"):
+    for background in sorted(Path("themes").glob("homekit-bg-*.jpg")):
         color = background.stem.split("homekit-bg-")[-1]
         if color in BACKGROUND_COLORS:
             app_header_background_color = BACKGROUND_COLORS[color]
diff --git a/manual-install/ios-themes.yaml b/manual-install/ios-themes.yaml
index 72df7bf..10b48b1 100644
--- a/manual-install/ios-themes.yaml
+++ b/manual-install/ios-themes.yaml
@@ -1,11 +1,11 @@
 ---
 # From https://github.com/basnijholt/lovelace-ios-themes
 #
-# iOS Light Mode Theme - dark-green
+# iOS Light Mode Theme - blue-red
 #
-ios-light-mode-dark-green-alternative:
+ios-light-mode-blue-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -50,6 +50,7 @@ ios-light-mode-dark-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -68,7 +69,7 @@ ios-light-mode-dark-green-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -89,11 +90,11 @@ ios-light-mode-dark-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - dark-green
+# iOS Light Mode Theme - blue-red
 #
-ios-light-mode-dark-green:
+ios-light-mode-blue-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -138,6 +139,7 @@ ios-light-mode-dark-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -156,7 +158,7 @@ ios-light-mode-dark-green:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -177,11 +179,11 @@ ios-light-mode-dark-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-green
+# iOS Dark Mode Theme - blue-red
 #
-ios-dark-mode-dark-green-alternative:
+ios-dark-mode-blue-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -226,6 +228,7 @@ ios-dark-mode-dark-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -244,7 +247,7 @@ ios-dark-mode-dark-green-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -265,11 +268,11 @@ ios-dark-mode-dark-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-green
+# iOS Dark Mode Theme - blue-red
 #
-ios-dark-mode-dark-green:
+ios-dark-mode-blue-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -314,6 +317,7 @@ ios-dark-mode-dark-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -332,7 +336,7 @@ ios-dark-mode-dark-green:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -353,11 +357,11 @@ ios-dark-mode-dark-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-blue
+# iOS Light Mode Theme - dark-blue
 #
-ios-light-mode-light-blue-alternative:
+ios-light-mode-dark-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -402,6 +406,7 @@ ios-light-mode-light-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -420,7 +425,7 @@ ios-light-mode-light-blue-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -441,11 +446,11 @@ ios-light-mode-light-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-blue
+# iOS Light Mode Theme - dark-blue
 #
-ios-light-mode-light-blue:
+ios-light-mode-dark-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -490,6 +495,7 @@ ios-light-mode-light-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -508,7 +514,7 @@ ios-light-mode-light-blue:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -529,11 +535,11 @@ ios-light-mode-light-blue:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-blue
+# iOS Dark Mode Theme - dark-blue
 #
-ios-dark-mode-light-blue-alternative:
+ios-dark-mode-dark-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -578,6 +584,7 @@ ios-dark-mode-light-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -596,7 +603,7 @@ ios-dark-mode-light-blue-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -617,11 +624,11 @@ ios-dark-mode-light-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-blue
+# iOS Dark Mode Theme - dark-blue
 #
-ios-dark-mode-light-blue:
+ios-dark-mode-dark-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -666,6 +673,7 @@ ios-dark-mode-light-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -684,7 +692,7 @@ ios-dark-mode-light-blue:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -705,11 +713,11 @@ ios-dark-mode-light-blue:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-green
+# iOS Light Mode Theme - dark-green
 #
-ios-light-mode-light-green-alternative:
+ios-light-mode-dark-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -754,6 +762,7 @@ ios-light-mode-light-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -772,7 +781,7 @@ ios-light-mode-light-green-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -793,11 +802,11 @@ ios-light-mode-light-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-green
+# iOS Light Mode Theme - dark-green
 #
-ios-light-mode-light-green:
+ios-light-mode-dark-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -842,6 +851,7 @@ ios-light-mode-light-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -860,7 +870,7 @@ ios-light-mode-light-green:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -881,11 +891,11 @@ ios-light-mode-light-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-green
+# iOS Dark Mode Theme - dark-green
 #
-ios-dark-mode-light-green-alternative:
+ios-dark-mode-dark-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -930,6 +940,7 @@ ios-dark-mode-light-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -948,7 +959,7 @@ ios-dark-mode-light-green-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -969,11 +980,11 @@ ios-dark-mode-light-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-green
+# iOS Dark Mode Theme - dark-green
 #
-ios-dark-mode-light-green:
+ios-dark-mode-dark-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1018,6 +1029,7 @@ ios-dark-mode-light-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1036,7 +1048,7 @@ ios-dark-mode-light-green:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1057,11 +1069,11 @@ ios-dark-mode-light-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - orange
+# iOS Light Mode Theme - light-blue
 #
-ios-light-mode-orange-alternative:
+ios-light-mode-light-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1106,6 +1118,7 @@ ios-light-mode-orange-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1124,7 +1137,7 @@ ios-light-mode-orange-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1145,11 +1158,11 @@ ios-light-mode-orange-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - orange
+# iOS Light Mode Theme - light-blue
 #
-ios-light-mode-orange:
+ios-light-mode-light-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1194,6 +1207,7 @@ ios-light-mode-orange:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1212,7 +1226,7 @@ ios-light-mode-orange:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1233,11 +1247,11 @@ ios-light-mode-orange:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - orange
+# iOS Dark Mode Theme - light-blue
 #
-ios-dark-mode-orange-alternative:
+ios-dark-mode-light-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1282,6 +1296,7 @@ ios-dark-mode-orange-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1300,7 +1315,7 @@ ios-dark-mode-orange-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1321,11 +1336,11 @@ ios-dark-mode-orange-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - orange
+# iOS Dark Mode Theme - light-blue
 #
-ios-dark-mode-orange:
+ios-dark-mode-light-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1370,6 +1385,7 @@ ios-dark-mode-orange:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1388,7 +1404,7 @@ ios-dark-mode-orange:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1409,11 +1425,11 @@ ios-dark-mode-orange:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - blue-red
+# iOS Light Mode Theme - light-green
 #
-ios-light-mode-blue-red-alternative:
+ios-light-mode-light-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1458,6 +1474,7 @@ ios-light-mode-blue-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1476,7 +1493,7 @@ ios-light-mode-blue-red-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1497,11 +1514,11 @@ ios-light-mode-blue-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - blue-red
+# iOS Light Mode Theme - light-green
 #
-ios-light-mode-blue-red:
+ios-light-mode-light-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1546,6 +1563,7 @@ ios-light-mode-blue-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1564,7 +1582,7 @@ ios-light-mode-blue-red:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1585,11 +1603,11 @@ ios-light-mode-blue-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - blue-red
+# iOS Dark Mode Theme - light-green
 #
-ios-dark-mode-blue-red-alternative:
+ios-dark-mode-light-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1634,6 +1652,7 @@ ios-dark-mode-blue-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1652,7 +1671,7 @@ ios-dark-mode-blue-red-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1673,11 +1692,11 @@ ios-dark-mode-blue-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - blue-red
+# iOS Dark Mode Theme - light-green
 #
-ios-dark-mode-blue-red:
+ios-dark-mode-light-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1722,6 +1741,7 @@ ios-dark-mode-blue-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1740,7 +1760,7 @@ ios-dark-mode-blue-red:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1761,11 +1781,11 @@ ios-dark-mode-blue-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - red
+# iOS Light Mode Theme - orange
 #
-ios-light-mode-red-alternative:
+ios-light-mode-orange-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1810,6 +1830,7 @@ ios-light-mode-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1828,7 +1849,7 @@ ios-light-mode-red-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1849,11 +1870,11 @@ ios-light-mode-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - red
+# iOS Light Mode Theme - orange
 #
-ios-light-mode-red:
+ios-light-mode-orange:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1898,6 +1919,7 @@ ios-light-mode-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1916,7 +1938,7 @@ ios-light-mode-red:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1937,11 +1959,11 @@ ios-light-mode-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - red
+# iOS Dark Mode Theme - orange
 #
-ios-dark-mode-red-alternative:
+ios-dark-mode-orange-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1986,6 +2008,7 @@ ios-dark-mode-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2004,7 +2027,7 @@ ios-dark-mode-red-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2025,11 +2048,11 @@ ios-dark-mode-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - red
+# iOS Dark Mode Theme - orange
 #
-ios-dark-mode-red:
+ios-dark-mode-orange:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2074,6 +2097,7 @@ ios-dark-mode-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2092,7 +2116,7 @@ ios-dark-mode-red:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2113,11 +2137,11 @@ ios-dark-mode-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - dark-blue
+# iOS Light Mode Theme - red
 #
-ios-light-mode-dark-blue-alternative:
+ios-light-mode-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2162,6 +2186,7 @@ ios-light-mode-dark-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2180,7 +2205,7 @@ ios-light-mode-dark-blue-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2201,11 +2226,11 @@ ios-light-mode-dark-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - dark-blue
+# iOS Light Mode Theme - red
 #
-ios-light-mode-dark-blue:
+ios-light-mode-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2250,6 +2275,7 @@ ios-light-mode-dark-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2268,7 +2294,7 @@ ios-light-mode-dark-blue:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2289,11 +2315,11 @@ ios-light-mode-dark-blue:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-blue
+# iOS Dark Mode Theme - red
 #
-ios-dark-mode-dark-blue-alternative:
+ios-dark-mode-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2338,6 +2364,7 @@ ios-dark-mode-dark-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2356,7 +2383,7 @@ ios-dark-mode-dark-blue-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2377,11 +2404,11 @@ ios-dark-mode-dark-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-blue
+# iOS Dark Mode Theme - red
 #
-ios-dark-mode-dark-blue:
+ios-dark-mode-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/local/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2426,6 +2453,7 @@ ios-dark-mode-dark-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2444,7 +2472,7 @@ ios-dark-mode-dark-blue:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
diff --git a/settings-light-dark.yaml b/settings-light-dark.yaml
index 061c8ed..823ea0e 100644
--- a/settings-light-dark.yaml
+++ b/settings-light-dark.yaml
@@ -4,6 +4,9 @@ divider_color:
 ha_card_background:
   dark: rgba(10, 10, 10, 0.4)
   light: rgba(245, 245, 245, 0.4)
+rgb_card_background:
+  dark: rgb(10, 10, 10)
+  light: rgb(245, 245, 245)
 label_badge_red:
   dark: rgba(255, 159, 9, 0.7)
   light: rgba(255, 149, 9, 0.7)
diff --git a/template.jinja2 b/template.jinja2
index 09967eb..e030174 100644
--- a/template.jinja2
+++ b/template.jinja2
@@ -48,6 +48,7 @@ ios-{{ which }}-mode-{{ color }}{{ suffix }}:
   ha-card-border-radius: 20px
   ha-card-background: {{  ha_card_background }}
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: {{ rgb_card_background }} # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
diff --git a/themes/ios-themes.yaml b/themes/ios-themes.yaml
index 1e0211f..b504102 100644
--- a/themes/ios-themes.yaml
+++ b/themes/ios-themes.yaml
@@ -1,11 +1,11 @@
 ---
 # From https://github.com/basnijholt/lovelace-ios-themes
 #
-# iOS Light Mode Theme - dark-green
+# iOS Light Mode Theme - blue-red
 #
-ios-light-mode-dark-green-alternative:
+ios-light-mode-blue-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -50,6 +50,7 @@ ios-light-mode-dark-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -68,7 +69,7 @@ ios-light-mode-dark-green-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -89,11 +90,11 @@ ios-light-mode-dark-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - dark-green
+# iOS Light Mode Theme - blue-red
 #
-ios-light-mode-dark-green:
+ios-light-mode-blue-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -138,6 +139,7 @@ ios-light-mode-dark-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -156,7 +158,7 @@ ios-light-mode-dark-green:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -177,11 +179,11 @@ ios-light-mode-dark-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-green
+# iOS Dark Mode Theme - blue-red
 #
-ios-dark-mode-dark-green-alternative:
+ios-dark-mode-blue-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -226,6 +228,7 @@ ios-dark-mode-dark-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -244,7 +247,7 @@ ios-dark-mode-dark-green-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -265,11 +268,11 @@ ios-dark-mode-dark-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-green
+# iOS Dark Mode Theme - blue-red
 #
-ios-dark-mode-dark-green:
+ios-dark-mode-blue-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -314,6 +317,7 @@ ios-dark-mode-dark-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -332,7 +336,7 @@ ios-dark-mode-dark-green:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 89, 71, 0.4)
+  app-header-background-color: rgba(30, 2, 61, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -353,11 +357,11 @@ ios-dark-mode-dark-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-blue
+# iOS Light Mode Theme - dark-blue
 #
-ios-light-mode-light-blue-alternative:
+ios-light-mode-dark-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -402,6 +406,7 @@ ios-light-mode-light-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -420,7 +425,7 @@ ios-light-mode-light-blue-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -441,11 +446,11 @@ ios-light-mode-light-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-blue
+# iOS Light Mode Theme - dark-blue
 #
-ios-light-mode-light-blue:
+ios-light-mode-dark-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -490,6 +495,7 @@ ios-light-mode-light-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -508,7 +514,7 @@ ios-light-mode-light-blue:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -529,11 +535,11 @@ ios-light-mode-light-blue:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-blue
+# iOS Dark Mode Theme - dark-blue
 #
-ios-dark-mode-light-blue-alternative:
+ios-dark-mode-dark-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -578,6 +584,7 @@ ios-dark-mode-light-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -596,7 +603,7 @@ ios-dark-mode-light-blue-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -617,11 +624,11 @@ ios-dark-mode-light-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-blue
+# iOS Dark Mode Theme - dark-blue
 #
-ios-dark-mode-light-blue:
+ios-dark-mode-dark-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -666,6 +673,7 @@ ios-dark-mode-light-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -684,7 +692,7 @@ ios-dark-mode-light-blue:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(1, 195, 220, 0.4)
+  app-header-background-color: rgba(48, 69, 124, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -705,11 +713,11 @@ ios-dark-mode-light-blue:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-green
+# iOS Light Mode Theme - dark-green
 #
-ios-light-mode-light-green-alternative:
+ios-light-mode-dark-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -754,6 +762,7 @@ ios-light-mode-light-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -772,7 +781,7 @@ ios-light-mode-light-green-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -793,11 +802,11 @@ ios-light-mode-light-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - light-green
+# iOS Light Mode Theme - dark-green
 #
-ios-light-mode-light-green:
+ios-light-mode-dark-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -842,6 +851,7 @@ ios-light-mode-light-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -860,7 +870,7 @@ ios-light-mode-light-green:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -881,11 +891,11 @@ ios-light-mode-light-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-green
+# iOS Dark Mode Theme - dark-green
 #
-ios-dark-mode-light-green-alternative:
+ios-dark-mode-dark-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -930,6 +940,7 @@ ios-dark-mode-light-green-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -948,7 +959,7 @@ ios-dark-mode-light-green-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -969,11 +980,11 @@ ios-dark-mode-light-green-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - light-green
+# iOS Dark Mode Theme - dark-green
 #
-ios-dark-mode-light-green:
+ios-dark-mode-dark-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1018,6 +1029,7 @@ ios-dark-mode-light-green:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1036,7 +1048,7 @@ ios-dark-mode-light-green:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(114, 188, 139, 0.4)
+  app-header-background-color: rgba(48, 89, 71, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1057,11 +1069,11 @@ ios-dark-mode-light-green:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - orange
+# iOS Light Mode Theme - light-blue
 #
-ios-light-mode-orange-alternative:
+ios-light-mode-light-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1106,6 +1118,7 @@ ios-light-mode-orange-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1124,7 +1137,7 @@ ios-light-mode-orange-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1145,11 +1158,11 @@ ios-light-mode-orange-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - orange
+# iOS Light Mode Theme - light-blue
 #
-ios-light-mode-orange:
+ios-light-mode-light-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1194,6 +1207,7 @@ ios-light-mode-orange:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1212,7 +1226,7 @@ ios-light-mode-orange:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1233,11 +1247,11 @@ ios-light-mode-orange:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - orange
+# iOS Dark Mode Theme - light-blue
 #
-ios-dark-mode-orange-alternative:
+ios-dark-mode-light-blue-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1282,6 +1296,7 @@ ios-dark-mode-orange-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1300,7 +1315,7 @@ ios-dark-mode-orange-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1321,11 +1336,11 @@ ios-dark-mode-orange-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - orange
+# iOS Dark Mode Theme - light-blue
 #
-ios-dark-mode-orange:
+ios-dark-mode-light-blue:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-blue.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1370,6 +1385,7 @@ ios-dark-mode-orange:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1388,7 +1404,7 @@ ios-dark-mode-orange:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(255, 229, 116, 0.4)
+  app-header-background-color: rgba(1, 195, 220, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1409,11 +1425,11 @@ ios-dark-mode-orange:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - blue-red
+# iOS Light Mode Theme - light-green
 #
-ios-light-mode-blue-red-alternative:
+ios-light-mode-light-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1458,6 +1474,7 @@ ios-light-mode-blue-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1476,7 +1493,7 @@ ios-light-mode-blue-red-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1497,11 +1514,11 @@ ios-light-mode-blue-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - blue-red
+# iOS Light Mode Theme - light-green
 #
-ios-light-mode-blue-red:
+ios-light-mode-light-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1546,6 +1563,7 @@ ios-light-mode-blue-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1564,7 +1582,7 @@ ios-light-mode-blue-red:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1585,11 +1603,11 @@ ios-light-mode-blue-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - blue-red
+# iOS Dark Mode Theme - light-green
 #
-ios-dark-mode-blue-red-alternative:
+ios-dark-mode-light-green-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1634,6 +1652,7 @@ ios-dark-mode-blue-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1652,7 +1671,7 @@ ios-dark-mode-blue-red-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1673,11 +1692,11 @@ ios-dark-mode-blue-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - blue-red
+# iOS Dark Mode Theme - light-green
 #
-ios-dark-mode-blue-red:
+ios-dark-mode-light-green:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-blue-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-light-green.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1722,6 +1741,7 @@ ios-dark-mode-blue-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1740,7 +1760,7 @@ ios-dark-mode-blue-red:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(30, 2, 61, 0.4)
+  app-header-background-color: rgba(114, 188, 139, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1761,11 +1781,11 @@ ios-dark-mode-blue-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - red
+# iOS Light Mode Theme - orange
 #
-ios-light-mode-red-alternative:
+ios-light-mode-orange-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1810,6 +1830,7 @@ ios-light-mode-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1828,7 +1849,7 @@ ios-light-mode-red-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1849,11 +1870,11 @@ ios-light-mode-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - red
+# iOS Light Mode Theme - orange
 #
-ios-light-mode-red:
+ios-light-mode-orange:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1898,6 +1919,7 @@ ios-light-mode-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -1916,7 +1938,7 @@ ios-light-mode-red:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -1937,11 +1959,11 @@ ios-light-mode-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - red
+# iOS Dark Mode Theme - orange
 #
-ios-dark-mode-red-alternative:
+ios-dark-mode-orange-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -1986,6 +2008,7 @@ ios-dark-mode-red-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2004,7 +2027,7 @@ ios-dark-mode-red-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2025,11 +2048,11 @@ ios-dark-mode-red-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - red
+# iOS Dark Mode Theme - orange
 #
-ios-dark-mode-red:
+ios-dark-mode-orange:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-orange.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2074,6 +2097,7 @@ ios-dark-mode-red:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2092,7 +2116,7 @@ ios-dark-mode-red:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(234, 88, 63, 0.4)
+  app-header-background-color: rgba(255, 229, 116, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2113,11 +2137,11 @@ ios-dark-mode-red:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - dark-blue
+# iOS Light Mode Theme - red
 #
-ios-light-mode-dark-blue-alternative:
+ios-light-mode-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2162,6 +2186,7 @@ ios-light-mode-dark-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2180,7 +2205,7 @@ ios-light-mode-dark-blue-alternative:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2201,11 +2226,11 @@ ios-light-mode-dark-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Light Mode Theme - dark-blue
+# iOS Light Mode Theme - red
 #
-ios-light-mode-dark-blue:
+ios-light-mode-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9409"  # from Apple systemOrange light mode
   light-primary-color: "#2c2c2e"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2250,6 +2275,7 @@ ios-light-mode-dark-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(245, 245, 245, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(245, 245, 245) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2268,7 +2294,7 @@ ios-light-mode-dark-blue:
   paper-item-icon-color: "#333333"  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(230, 230, 230, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#FFFFFF"
   code-editor-background-color: "#FFF"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2289,11 +2315,11 @@ ios-light-mode-dark-blue:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-blue
+# iOS Dark Mode Theme - red
 #
-ios-dark-mode-dark-blue-alternative:
+ios-dark-mode-red-alternative:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2338,6 +2364,7 @@ ios-dark-mode-dark-blue-alternative:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2356,7 +2383,7 @@ ios-dark-mode-dark-blue-alternative:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64
@@ -2377,11 +2404,11 @@ ios-dark-mode-dark-blue-alternative:
   codemirror-property: var(--accent-color)
 
 #
-# iOS Dark Mode Theme - dark-blue
+# iOS Dark Mode Theme - red
 #
-ios-dark-mode-dark-blue:
+ios-dark-mode-red:
   # Global
-  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-dark-blue.jpg')"
+  background-image: "center / cover no-repeat fixed url('/hacsfiles/themes/ios-themes/homekit-bg-red.jpg')"
   lovelace-background: var(--background-image)
   primary-color: "#ff9f09"  # from Apple systemOrange dark mode
   light-primary-color: "#B6B6C1"  # (icons on left menu) (light: systemGray5 from iOS dark mode, dark: XXX)
@@ -2426,6 +2453,7 @@ ios-dark-mode-dark-blue:
   ha-card-border-radius: 20px
   ha-card-background: rgba(10, 10, 10, 0.4)
   paper-card-background-color: var(--ha-card-background)
+  rgb-card-background-color: rgb(10, 10, 10) # see https://github.com/basnijholt/lovelace-ios-themes/issues/60
   ha-card-border-width: 0  # https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/82#event-7732695357
   # Toggles
   paper-toggle-button-checked-button-color: "#484848"
@@ -2444,7 +2472,7 @@ ios-dark-mode-dark-blue:
   paper-item-icon-color: white  # also should mini-media-player icon white (but doesn't work by itself)
   more-info-header-background: rgba(25, 25, 25, 0.5)
   lumo-body-text-color: var(--primary-text-color)  # see https://github.com/basnijholt/lovelace-ios-dark-mode-theme/issues/42
-  app-header-background-color: rgba(48, 69, 124, 0.4)
+  app-header-background-color: rgba(234, 88, 63, 0.4)
   markdown-code-background-color: "#464646"
   code-editor-background-color: "#161616"
   clear-background-color: var(--ha-card-background)  # see https://github.com/basnijholt/lovelace-ios-themes/issues/64