From bc06fc23ee12f78d50f43fe581033aad4bf9e38f Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Fri, 24 May 2019 03:59:28 +0300
Subject: [PATCH 01/12] Change imagedowloader class

---
 .../imagedownloader/imagedownloader.template.html         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/imagedownloader/imagedownloader.template.html b/src/components/imagedownloader/imagedownloader.template.html
index 831e882ed9..0d7c200bed 100644
--- a/src/components/imagedownloader/imagedownloader.template.html
+++ b/src/components/imagedownloader/imagedownloader.template.html
@@ -10,15 +10,15 @@
         <div class="flex align-items-center justify-content-center flex-wrap-wrap" style="margin: 2em 0;">
 
             <div style="margin: 0;">
-                <label for="selectImageProvider" style="display: inline-block;">${LabelSource}</label>
-                <select id="selectImageProvider" style="padding-left:.5em;padding-right:0;display: inline-block;width:auto!important;">
+                <div class="selectContainer">
+                    <select id="selectImageProvider" name="selectImageProvider" is="emby-select" label="${LabelSource}">
                     <option value="">${All}</option>
                 </select>
             </div>
 
             <div style="margin-left:1em;">
-                <label for="selectBrowsableImageType" style="display: inline-block;">${LabelType}</label>
-                <select id="selectBrowsableImageType" style="padding-left:.5em;padding-right:0;display: inline-block;width:auto!important;">
+                <div class="selectContainer">
+                    <select id="selectBrowsableImageType" name="selectBrowsableImageType" is="emby-select" label="${LabelType}">
                     <option value="Primary">${Primary}</option>
                     <option value="Art">${Art}</option>
                     <option value="Backdrop">${Backdrop}</option>

From 069ff009a824cbc1a54e4cc4d9d509e0bf791a3c Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Fri, 24 May 2019 04:00:19 +0300
Subject: [PATCH 02/12] upadet purple haze button css

---
 src/components/themes/purple-haze/theme.css | 47 ++++++++++++++++-----
 1 file changed, 37 insertions(+), 10 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index edcf051fcf..45acd353f4 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -83,26 +83,53 @@ progress::-moz-progress-bar {
 progress::-webkit-progress-value {
     border-radius: .4em;
 }
-
 .fab,
 .raised {
     background: rgba(0, 0, 0, .5);
     color: rgba(255, 255, 255, .87)
 }
 
-.fab:focus,
-.raised:focus {
-    background: rgba(0, 0, 0, .7)
-}
-
-.button-submit {
+.submit,
+.btnBrowse,
+.mini,
+.btnRefresh,
+.button-submit,
+.viewTabButton,
+.button-cancel,
+.button-alt,
+.btnOption,
+.block {
     background: #48C3C8;
-    color: #f8f8fe
+    color: rgba(255, 255, 255, .87)
 }
 
-.button-submit:hover {
+.alphaPickerButton:hover,
+.submit:hover,
+.btnBrowse:hover,
+.mini:hover,
+.btnRefresh:hover,
+.button-submit:hover,
+.viewTabButton:hover,
+.button-cancel:hover,
+.button-alt:hover,
+.btnOption:hover,
+.block:hover {
     background: #0ce8d6;
-    color: #f8f8fe
+    color: rgba(255, 255, 255, .87)
+}
+
+#btnRestart,
+#btnDeleteImage,
+#btnShutdown {
+    background: #48C3C8;
+    color: rgba(255, 255, 255, .87)
+}
+
+#btnRestart:hover,
+#btnDeleteImage:hover,
+#btnShutdown:hover {
+    background: #0ce8d6;
+    color: rgba(255, 255, 255, .87)
 }
 
 .checkboxLabel {

From e67f637d0eadfbe3c3198aa056c7c9e49bddc688 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Sun, 26 May 2019 01:53:44 +0300
Subject: [PATCH 03/12] upadet purple haze button css and hover

---
 src/components/themes/purple-haze/theme.css | 23 +++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 45acd353f4..8fdf9dfebe 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -83,10 +83,11 @@ progress::-moz-progress-bar {
 progress::-webkit-progress-value {
     border-radius: .4em;
 }
+
 .fab,
 .raised {
     background: rgba(0, 0, 0, .5);
-    color: rgba(255, 255, 255, .87)
+    color: rgba(255, 255, 255, .87);
 }
 
 .submit,
@@ -95,14 +96,15 @@ progress::-webkit-progress-value {
 .btnRefresh,
 .button-submit,
 .viewTabButton,
-.button-cancel,
 .button-alt,
 .btnOption,
 .block {
     background: #48C3C8;
-    color: rgba(255, 255, 255, .87)
+    color: rgb(0, 0, 0)
 }
 
+.fab:hover,
+.raised:hover,
 .alphaPickerButton:hover,
 .submit:hover,
 .btnBrowse:hover,
@@ -110,7 +112,6 @@ progress::-webkit-progress-value {
 .btnRefresh:hover,
 .button-submit:hover,
 .viewTabButton:hover,
-.button-cancel:hover,
 .button-alt:hover,
 .btnOption:hover,
 .block:hover {
@@ -118,11 +119,21 @@ progress::-webkit-progress-value {
     color: rgba(255, 255, 255, .87)
 }
 
+.button-cancel {
+    background: #D8E6FF;
+    color: rgb(0, 0, 0)
+}
+
+.button-cancel:hover{
+    background: #0ce8d6;
+    color: rgba(255, 255, 255, .87)
+}
+
 #btnRestart,
 #btnDeleteImage,
 #btnShutdown {
     background: #48C3C8;
-    color: rgba(255, 255, 255, .87)
+    color: rgb(0, 0, 0)
 }
 
 #btnRestart:hover,
@@ -142,7 +153,7 @@ progress::-webkit-progress-value {
 .paperListLabel,
 .textareaLabelUnfocused {
     color: #bbb;
-    color: rgba(255, 255, 255, .7)
+    color: rgba(255, 255, 255, 0.7)
 }
 
 .inputLabelFocused,

From c14c603feb56697816ace4748132af17e8fe81de Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Sun, 26 May 2019 22:10:24 +0300
Subject: [PATCH 04/12] update close div and secondery color

---
 .../imagedownloader.template.html             | 32 +++++++++--------
 src/components/themes/purple-haze/theme.css   | 35 ++++++++-----------
 2 files changed, 31 insertions(+), 36 deletions(-)

diff --git a/src/components/imagedownloader/imagedownloader.template.html b/src/components/imagedownloader/imagedownloader.template.html
index 0d7c200bed..2adc573de6 100644
--- a/src/components/imagedownloader/imagedownloader.template.html
+++ b/src/components/imagedownloader/imagedownloader.template.html
@@ -12,25 +12,27 @@
             <div style="margin: 0;">
                 <div class="selectContainer">
                     <select id="selectImageProvider" name="selectImageProvider" is="emby-select" label="${LabelSource}">
-                    <option value="">${All}</option>
-                </select>
+                        <option value="">${All}</option>
+                    </select>
+                </div>
             </div>
 
             <div style="margin-left:1em;">
                 <div class="selectContainer">
                     <select id="selectBrowsableImageType" name="selectBrowsableImageType" is="emby-select" label="${LabelType}">
-                    <option value="Primary">${Primary}</option>
-                    <option value="Art">${Art}</option>
-                    <option value="Backdrop">${Backdrop}</option>
-                    <option value="Banner">${Banner}</option>
-                    <option value="Box">${Box}</option>
-                    <option value="BoxRear">${BoxRear}</option>
-                    <option value="Disc">${Disc}</option>
-                    <option value="Logo">${Logo}</option>
-                    <option value="Menu">${Menu}</option>
-                    <option value="Screenshot">${Screenshot}</option>
-                    <option value="Thumb">${Thumb}</option>
-                </select>
+                        <option value="Primary">${Primary}</option>
+                        <option value="Art">${Art}</option>
+                        <option value="Backdrop">${Backdrop}</option>
+                        <option value="Banner">${Banner}</option>
+                        <option value="Box">${Box}</option>
+                        <option value="BoxRear">${BoxRear}</option>
+                        <option value="Disc">${Disc}</option>
+                        <option value="Logo">${Logo}</option>
+                        <option value="Menu">${Menu}</option>
+                        <option value="Screenshot">${Screenshot}</option>
+                        <option value="Thumb">${Thumb}</option>
+                    </select>
+                </div>
             </div>
             <div class="availableImagesPaging" style="margin-left:1em;"></div>
             <label style="margin: 0 0 0 1em;width:auto;">
@@ -41,4 +43,4 @@
 
         <div class="availableImagesList vertical-wrap centered"></div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 8fdf9dfebe..2c04014957 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -90,19 +90,27 @@ progress::-webkit-progress-value {
     color: rgba(255, 255, 255, .87);
 }
 
+#btnRestart,
+#btnDeleteImage,
+#btnShutdown,
 .submit,
 .btnBrowse,
 .mini,
 .btnRefresh,
+.btnManual,
 .button-submit,
 .viewTabButton,
 .button-alt,
-.btnOption,
-.block {
+.btnOption {
     background: #48C3C8;
     color: rgb(0, 0, 0)
 }
 
+#btnResetPassword:hover,
+#btnRestart:hover,
+#btnDeleteImage:hover,
+#btnShutdown:hover,
+.button-cancel:hover,
 .fab:hover,
 .raised:hover,
 .alphaPickerButton:hover,
@@ -114,35 +122,20 @@ progress::-webkit-progress-value {
 .viewTabButton:hover,
 .button-alt:hover,
 .btnOption:hover,
+.btnManual:hover,
 .block:hover {
     background: #0ce8d6;
     color: rgba(255, 255, 255, .87)
 }
 
+#btnResetPassword,
+.btnForgotPassword,
+.btnCancel,
 .button-cancel {
     background: #D8E6FF;
     color: rgb(0, 0, 0)
 }
 
-.button-cancel:hover{
-    background: #0ce8d6;
-    color: rgba(255, 255, 255, .87)
-}
-
-#btnRestart,
-#btnDeleteImage,
-#btnShutdown {
-    background: #48C3C8;
-    color: rgb(0, 0, 0)
-}
-
-#btnRestart:hover,
-#btnDeleteImage:hover,
-#btnShutdown:hover {
-    background: #0ce8d6;
-    color: rgba(255, 255, 255, .87)
-}
-
 .checkboxLabel {
     color: inherit
 }

From d316556817ee439e0a14a09db61fe24b63a334da Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Wed, 29 May 2019 03:11:19 +0300
Subject: [PATCH 05/12] update label primery and secondery btn

---
 src/components/themes/purple-haze/theme.css | 66 +++++++++++++++------
 1 file changed, 47 insertions(+), 19 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 2c04014957..70b158a917 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -65,7 +65,7 @@ html {
 }
 
 .paper-icon-button-light:focus {
-    color: #48C3C8;
+    color: #8ae9c1;
 }
 
 progress {
@@ -90,6 +90,15 @@ progress::-webkit-progress-value {
     color: rgba(255, 255, 255, .87);
 }
 
+div[data-role=controlgroup] a.ui-btn-active {
+    background: #55828b !important;
+    color: #e1e5f2 !important
+}
+
+a[data-role=button] {
+    background: #022b3a !important;
+}
+
 #btnRestart,
 #btnDeleteImage,
 #btnShutdown,
@@ -102,8 +111,8 @@ progress::-webkit-progress-value {
 .viewTabButton,
 .button-alt,
 .btnOption {
-    background: #48C3C8;
-    color: rgb(0, 0, 0)
+    background: rgb(135, 187, 162);
+    color: rgb(225, 229, 242)
 }
 
 #btnResetPassword:hover,
@@ -124,7 +133,7 @@ progress::-webkit-progress-value {
 .btnOption:hover,
 .btnManual:hover,
 .block:hover {
-    background: #0ce8d6;
+    background: rgb(12, 232, 214);
     color: rgba(255, 255, 255, .87)
 }
 
@@ -132,27 +141,45 @@ progress::-webkit-progress-value {
 .btnForgotPassword,
 .btnCancel,
 .button-cancel {
-    background: #D8E6FF;
-    color: rgb(0, 0, 0)
+    background: rgb(85, 130, 139);
+    color: rgb(225, 229, 242)
+}
+
+h1,
+h2,
+h3 {
+    color: rgb(160, 238, 192);
+}
+
+.itemName{
+    color: rgb(241, 247, 238)
+}
+
+.textareaLabel,
+.sectionTitle,
+.fieldDescription,
+.checkboxLabel {
+    color: rgb(201, 228, 202)
 }
 
 .checkboxLabel {
     color: inherit
 }
 
+.selectLabel,
+.checkboxLabel,
 .checkboxListLabel,
 .inputLabel,
 .inputLabelUnfocused,
 .paperListLabel,
 .textareaLabelUnfocused {
-    color: #bbb;
-    color: rgba(255, 255, 255, 0.7)
+    color: rgb(191, 219, 247);
 }
 
 .inputLabelFocused,
 .selectLabelFocused,
 .textareaLabelFocused {
-    color: #48C3C8
+    color: rgb(138, 233, 193)
 }
 
 .checkboxOutline {
@@ -175,6 +202,7 @@ progress::-webkit-progress-value {
 .cardOverlayContainer {
     border-radius: 0.8em;
 }
+
 .visualCardBox .cardOverlayContainer {
     border-bottom-right-radius: 0em;
     border-bottom-left-radius: 0em;
@@ -269,7 +297,7 @@ progress::-webkit-progress-value {
 }
 
 .alphaPickerButton-tv:focus {
-    background: #0ce8d6;
+    background: #8ae9c1;
     color: #f8f8fe !important
 }
 
@@ -316,7 +344,7 @@ progress::-webkit-progress-value {
 
 .emby-input:focus,
 .emby-textarea:focus {
-    border-color: #48C3C8
+    border-color: #8ae9c1
 }
 
 .emby-select-withcolor {
@@ -331,16 +359,16 @@ progress::-webkit-progress-value {
 }
 
 .emby-select-withcolor:focus {
-    border-color: #48C3C8 !important
+    border-color: #8ae9c1 !important
 }
 
 .emby-select-tv-withcolor:focus {
-    background-color: #48C3C8 !important;
+    background-color: #8ae9c1 !important;
     color: #fff !important
 }
 
 .emby-checkbox:checked+span+.checkboxOutline {
-    border-color: #48C3C8
+    border-color: #8ae9c1
 }
 
 .emby-checkbox:focus+span+.checkboxOutline {
@@ -348,7 +376,7 @@ progress::-webkit-progress-value {
 }
 
 .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
-    border-color: #48C3C8;
+    border-color: #8ae9c1;
 }
 
 .emby-checkbox:checked+span+.checkboxOutline,
@@ -390,7 +418,7 @@ progress::-webkit-progress-value {
 }
 
 .emby-button-focusscale:focus {
-    background: #48C3C8;
+    background: #8ae9c1;
     color: #f8f8fe
 }
 
@@ -408,7 +436,7 @@ progress::-webkit-progress-value {
 }
 
 .emby-tab-button.emby-button-tv:focus {
-    color: #48C3C8;
+    color: #8ae9c1;
     background: 0 0
 }
 
@@ -460,7 +488,7 @@ progress::-webkit-progress-value {
 
 .guide-date-tab-button.emby-tab-button-active,
 .guide-date-tab-button:focus {
-    color: #48C3C8
+    color: #8ae9c1
 }
 
 .guide-date-tab-button.emby-button-tv:focus {
@@ -501,7 +529,7 @@ progress::-webkit-progress-value {
 }
 
 .card:focus .card-focuscontent {
-    border-color: #48C3C8
+    border-color: #8ae9c1
 }
 
 .layout-desktop ::-webkit-scrollbar {

From faa6040516699b94d45d891670d9f79175cad1b5 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Thu, 30 May 2019 00:13:49 +0300
Subject: [PATCH 06/12] Remove duplicate code and reduceing scrollbar width

---
 src/components/themes/purple-haze/theme.css | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 70b158a917..74facd4676 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -202,7 +202,6 @@ h3 {
 .cardOverlayContainer {
     border-radius: 0.8em;
 }
-
 .visualCardBox .cardOverlayContainer {
     border-bottom-right-radius: 0em;
     border-bottom-left-radius: 0em;
@@ -368,18 +367,13 @@ h3 {
 }
 
 .emby-checkbox:checked+span+.checkboxOutline {
-    border-color: #8ae9c1
+    background-color: #8ae9c1
 }
 
 .emby-checkbox:focus+span+.checkboxOutline {
-    border-color: #fff;
-}
-
-.emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
     border-color: #8ae9c1;
 }
 
-.emby-checkbox:checked+span+.checkboxOutline,
 .itemProgressBarForeground {
     background-color: #48C3C8
 }
@@ -400,12 +394,11 @@ h3 {
 
 .mainDrawer {
     color: #f8f8fe;
-    background: rgba(0, 0, 0, .5);
+    background: rgba(0, 0, 0, .5)
 }
 
 .drawer-open {
     background-color: #030322
-
 }
 
 .navMenuOption:hover {
@@ -533,7 +526,7 @@ h3 {
 }
 
 .layout-desktop ::-webkit-scrollbar {
-    width: 1em;
+    width: .4em;
     height: 1em
 }
 
@@ -542,7 +535,7 @@ h3 {
 }
 
 ::-webkit-scrollbar-track-piece {
-    background-color: #3b3b3b
+    background-color: rgba(59, 59, 59, 0.5)
 }
 
 ::-webkit-scrollbar-thumb:horizontal,

From 8bff9279977582186b1206d91c7ec3dedb619c45 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Thu, 30 May 2019 01:05:03 +0300
Subject: [PATCH 07/12] Update scrollbar for fierfox

---
 src/components/themes/purple-haze/theme.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 74facd4676..29bc0dc750 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -530,6 +530,12 @@ h3 {
     height: 1em
 }
 
+.layout-desktop,
+.scrollY {
+    scrollbar-width: thin;
+    scrollbar-color: #888 rgba(59, 59, 59, 0.5)
+}
+
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }

From 82aacf1c48296fb914859000ea683517290c59f3 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Thu, 30 May 2019 03:43:38 +0300
Subject: [PATCH 08/12] Remove .emby-checkbox:focus+span+.checkboxOutline
 border

---
 src/components/themes/purple-haze/theme.css | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 29bc0dc750..70615cf0cd 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -370,10 +370,6 @@ h3 {
     background-color: #8ae9c1
 }
 
-.emby-checkbox:focus+span+.checkboxOutline {
-    border-color: #8ae9c1;
-}
-
 .itemProgressBarForeground {
     background-color: #48C3C8
 }

From 1d07d513ea51d79f1fd0a2d8e73c39e95d9a0467 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Sun, 2 Jun 2019 00:25:44 +0300
Subject: [PATCH 09/12] update text colors and checkbox

---
 src/components/themes/purple-haze/theme.css | 49 +++++++++++----------
 1 file changed, 26 insertions(+), 23 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 70615cf0cd..2060d9b8e6 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -39,7 +39,7 @@ html {
 
 .dialog,
 html {
-    background-color: #0e0f2d
+    background-color: #230c33
 }
 
 .backgroundContainer {
@@ -96,7 +96,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 }
 
 a[data-role=button] {
-    background: #022b3a !important;
+    background: rgba(2, 43, 58, 0.521) !important;
 }
 
 #btnRestart,
@@ -111,7 +111,7 @@ a[data-role=button] {
 .viewTabButton,
 .button-alt,
 .btnOption {
-    background: rgb(135, 187, 162);
+    background: rgb(72, 195, 200);
     color: rgb(225, 229, 242)
 }
 
@@ -141,25 +141,19 @@ a[data-role=button] {
 .btnForgotPassword,
 .btnCancel,
 .button-cancel {
-    background: rgb(85, 130, 139);
-    color: rgb(225, 229, 242)
+    background: rgba(0, 0, 0, .5);
+    color: rgba(255, 255, 255, .87);
 }
 
-h1,
-h2,
-h3 {
-    color: rgb(160, 238, 192);
-}
-
-.itemName{
-    color: rgb(241, 247, 238)
+.itemName {
+    color: #f1f7ee
 }
 
 .textareaLabel,
 .sectionTitle,
 .fieldDescription,
 .checkboxLabel {
-    color: rgb(201, 228, 202)
+    color: #f1f7ee
 }
 
 .checkboxLabel {
@@ -179,7 +173,7 @@ h3 {
 .inputLabelFocused,
 .selectLabelFocused,
 .textareaLabelFocused {
-    color: rgb(138, 233, 193)
+    color: #8ae9c1
 }
 
 .checkboxOutline {
@@ -367,11 +361,20 @@ h3 {
 }
 
 .emby-checkbox:checked+span+.checkboxOutline {
-    background-color: #8ae9c1
+    background-color: #030322;
+    border:2px solid rgb(72, 195, 200);
+}
+
+.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
+    color: rgb(12, 232, 214);
+}
+
+.emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
+    border:2px solid #ddd;
 }
 
 .itemProgressBarForeground {
-    background-color: #48C3C8
+    background-color: rgb(12, 232, 214);
 }
 
 .itemProgressBarForeground-recording {
@@ -381,7 +384,7 @@ h3 {
 .countIndicator,
 .fullSyncIndicator,
 .playedIndicator {
-    background: #48C3C8
+    background: rgb(12, 232, 214);
 }
 
 .fullSyncIndicator {
@@ -521,17 +524,17 @@ h3 {
     border-color: #8ae9c1
 }
 
-.layout-desktop ::-webkit-scrollbar {
-    width: .4em;
-    height: 1em
-}
-
 .layout-desktop,
 .scrollY {
     scrollbar-width: thin;
     scrollbar-color: #888 rgba(59, 59, 59, 0.5)
 }
 
+.layout-desktop ::-webkit-scrollbar {
+    width: .4em;
+    height: 1em
+}
+
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
 }

From d976734d61d6f9f8d4eee50112f9f3e79e2d596b Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Sun, 2 Jun 2019 00:35:09 +0300
Subject: [PATCH 10/12] update icon hover color

---
 src/components/themes/purple-haze/theme.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index 2060d9b8e6..debc83c137 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -59,7 +59,7 @@ html {
 }
 
 .paper-icon-button-light:hover {
-    color: #48C3C8;
+    color: rgb(12, 232, 214);
     background-color: rgba(0,164,220, .2);
     transition: 0.2s;
 }

From aafddb38d2e0b031a14ef4575b85ad774f6688c4 Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Tue, 4 Jun 2019 23:37:49 +0300
Subject: [PATCH 11/12] update focus

---
 src/components/themes/purple-haze/theme.css | 24 ++++++++++++---------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index debc83c137..f3a8a684cd 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -65,7 +65,7 @@ html {
 }
 
 .paper-icon-button-light:focus {
-    color: #8ae9c1;
+    color: #ff77f1;
 }
 
 progress {
@@ -173,7 +173,7 @@ a[data-role=button] {
 .inputLabelFocused,
 .selectLabelFocused,
 .textareaLabelFocused {
-    color: #8ae9c1
+    color: #ff77f1
 }
 
 .checkboxOutline {
@@ -290,7 +290,7 @@ a[data-role=button] {
 }
 
 .alphaPickerButton-tv:focus {
-    background: #8ae9c1;
+    background: #ff77f1;
     color: #f8f8fe !important
 }
 
@@ -337,7 +337,7 @@ a[data-role=button] {
 
 .emby-input:focus,
 .emby-textarea:focus {
-    border-color: #8ae9c1
+    border-color: #ff77f1
 }
 
 .emby-select-withcolor {
@@ -352,11 +352,11 @@ a[data-role=button] {
 }
 
 .emby-select-withcolor:focus {
-    border-color: #8ae9c1 !important
+    border-color: #ff77f1 !important
 }
 
 .emby-select-tv-withcolor:focus {
-    background-color: #8ae9c1 !important;
+    background-color: #ff77f1 !important;
     color: #fff !important
 }
 
@@ -370,7 +370,11 @@ a[data-role=button] {
 }
 
 .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
-    border:2px solid #ddd;
+    border:2px solid #ff77f1;
+}
+
+.emby-checkbox:focus+span+.checkboxOutline {
+    border-color: #ff77f1;
 }
 
 .itemProgressBarForeground {
@@ -428,7 +432,7 @@ a[data-role=button] {
 }
 
 .emby-tab-button.emby-button-tv:focus {
-    color: #8ae9c1;
+    color: #ff77f1;
     background: 0 0
 }
 
@@ -480,7 +484,7 @@ a[data-role=button] {
 
 .guide-date-tab-button.emby-tab-button-active,
 .guide-date-tab-button:focus {
-    color: #8ae9c1
+    color: #ff77f1
 }
 
 .guide-date-tab-button.emby-button-tv:focus {
@@ -521,7 +525,7 @@ a[data-role=button] {
 }
 
 .card:focus .card-focuscontent {
-    border-color: #8ae9c1
+    border-color: #ff77f1
 }
 
 .layout-desktop,

From ad0d4c2d403497a37d77c1455b9486188c9bc8ba Mon Sep 17 00:00:00 2001
From: grafixeyehero <grafixeyehero>
Date: Mon, 10 Jun 2019 21:04:05 +0300
Subject: [PATCH 12/12] add focus

---
 src/components/themes/purple-haze/theme.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/themes/purple-haze/theme.css b/src/components/themes/purple-haze/theme.css
index f3a8a684cd..843b573059 100644
--- a/src/components/themes/purple-haze/theme.css
+++ b/src/components/themes/purple-haze/theme.css
@@ -90,6 +90,11 @@ progress::-webkit-progress-value {
     color: rgba(255, 255, 255, .87);
 }
 
+.fab:focus,
+.raised:focus {
+    background: #ff77f1
+}
+
 div[data-role=controlgroup] a.ui-btn-active {
     background: #55828b !important;
     color: #e1e5f2 !important
@@ -99,9 +104,7 @@ a[data-role=button] {
     background: rgba(2, 43, 58, 0.521) !important;
 }
 
-#btnRestart,
 #btnDeleteImage,
-#btnShutdown,
 .submit,
 .btnBrowse,
 .mini,
@@ -137,6 +140,10 @@ a[data-role=button] {
     color: rgba(255, 255, 255, .87)
 }
 
+.button-submit:focus {
+    background: #ff77f1
+}
+
 #btnResetPassword,
 .btnForgotPassword,
 .btnCancel,