From d9cfc2e668e54563b821b8f968fa33fd6bced5c4 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Mon, 25 May 2020 10:06:57 +0100
Subject: [PATCH 1/3] Minor changes to Apple TV theme

Modified progress bar.
Small modification to shape of cards
---
 src/themes/appletv/theme.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css
index 760038ad72..15c702d379 100644
--- a/src/themes/appletv/theme.css
+++ b/src/themes/appletv/theme.css
@@ -293,9 +293,22 @@ html {
 
 .emby-checkbox:checked + span + .checkboxOutline,
 .itemProgressBarForeground {
-    background-color: #00a4dc;
+    background: rgb(0, 210, 201); 
+    background: -moz-linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
+    background: -webkit-linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
+    background: linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
 }
 
+.itemProgressBar{
+    background: rgba(230, 230, 230, 0.8);
+    height: 0.18rem;
+}
+
+.innerCardFooter {
+    border-radius: 0.14rem;
+    margin: 6px 8px 6px 8px;
+}    
+
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border-color: #00a4dc;
 }
@@ -445,6 +458,10 @@ html {
     border-color: #00a4dc !important;
 }
 
+.cardContent-button, .itemDetailImage, .cardOverlayContainer {
+    border-radius: 7px;
+}    
+
 .metadataSidebarIcon {
     color: #00a4dc;
 }

From 633392e5276a36c1f15e4d5966c341a72d97c6d0 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Mon, 25 May 2020 10:25:01 +0100
Subject: [PATCH 2/3] Update theme.css

minor formatting changes
---
 src/themes/appletv/theme.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css
index 15c702d379..d354affeb2 100644
--- a/src/themes/appletv/theme.css
+++ b/src/themes/appletv/theme.css
@@ -293,13 +293,13 @@ html {
 
 .emby-checkbox:checked + span + .checkboxOutline,
 .itemProgressBarForeground {
-    background: rgb(0, 210, 201); 
+    background: rgb(0, 210, 201);
     background: -moz-linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
     background: -webkit-linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
     background: linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
 }
 
-.itemProgressBar{
+.itemProgressBar {
     background: rgba(230, 230, 230, 0.8);
     height: 0.18rem;
 }
@@ -307,7 +307,7 @@ html {
 .innerCardFooter {
     border-radius: 0.14rem;
     margin: 6px 8px 6px 8px;
-}    
+}
 
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
     border-color: #00a4dc;
@@ -458,9 +458,11 @@ html {
     border-color: #00a4dc !important;
 }
 
-.cardContent-button, .itemDetailImage, .cardOverlayContainer {
+.cardContent-button,
+.itemDetailImage,
+.cardOverlayContainer {
     border-radius: 7px;
-}    
+}
 
 .metadataSidebarIcon {
     color: #00a4dc;

From f3994d9e8f961d0495d747bbb9c5b2d81320a3f9 Mon Sep 17 00:00:00 2001
From: Influence365 <Influence365@gmail.com>
Date: Mon, 25 May 2020 12:11:28 +0100
Subject: [PATCH 3/3] Update theme.css

Changed px to rem
Removed fallback for background
---
 src/themes/appletv/theme.css | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css
index d354affeb2..b3ce2c7e92 100644
--- a/src/themes/appletv/theme.css
+++ b/src/themes/appletv/theme.css
@@ -293,9 +293,6 @@ html {
 
 .emby-checkbox:checked + span + .checkboxOutline,
 .itemProgressBarForeground {
-    background: rgb(0, 210, 201);
-    background: -moz-linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
-    background: -webkit-linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
     background: linear-gradient(90deg, rgba(0, 210, 201, 1) 0%, rgba(13, 194, 98, 1) 28%, rgba(0, 75, 185, 1) 100%);
 }
 
@@ -306,7 +303,7 @@ html {
 
 .innerCardFooter {
     border-radius: 0.14rem;
-    margin: 6px 8px 6px 8px;
+    margin: 0.4rem 0.5rem 0.4rem 0.5rem;
 }
 
 .emby-checkbox:focus:not(:checked) + span + .checkboxOutline {
@@ -461,7 +458,7 @@ html {
 .cardContent-button,
 .itemDetailImage,
 .cardOverlayContainer {
-    border-radius: 7px;
+    border-radius: 0.5rem;
 }
 
 .metadataSidebarIcon {