From 27f530babdcb7a1ba6349d8129215073a1f5dd3f Mon Sep 17 00:00:00 2001 From: Piccar Date: Wed, 9 Feb 2022 21:01:49 +0100 Subject: [PATCH 1/2] Added a hovereffect on listItems for all themes --- src/themes/appletv/theme.css | 8 ++++++++ src/themes/blueradiance/theme.css | 8 ++++++++ src/themes/dark/theme.css | 8 ++++---- src/themes/light/theme.css | 8 ++++---- src/themes/purplehaze/theme.css | 8 ++++++++ src/themes/wmc/theme.css | 6 +++++- 6 files changed, 37 insertions(+), 9 deletions(-) diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index 849ef0b93..a964e90d5 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -271,6 +271,14 @@ html { background: rgba(0, 0, 0, 0.2); } +.listItem:hover { + background: rgba(0, 0, 0, 0.1); +} + +.actionSheetMenuItem:hover { + background-color: #ddd; +} + .progressring-spiner { border-color: #00a4dc; } diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index f27abfc11..f8fb23717 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -261,6 +261,14 @@ html { background: rgba(0, 0, 0, 0.3); } +.listItem:hover { + background: rgba(0, 0, 0, 0.15); +} + +.actionSheetMenuItem:hover { + background-color: rgba(0, 0, 0, 0.5); +} + .progressring-spiner { border-color: #00a4dc; } diff --git a/src/themes/dark/theme.css b/src/themes/dark/theme.css index f599ade05..5de1414a9 100644 --- a/src/themes/dark/theme.css +++ b/src/themes/dark/theme.css @@ -172,10 +172,6 @@ html { opacity: 0.5; } -.actionSheetMenuItem:hover { - background-color: #242424; -} - .toast { background: #303030; color: #fff; @@ -238,6 +234,10 @@ html { background: #333; } +.listItem:hover { + background: #242424; +} + .progressring-spiner { border-color: #00a4dc; } diff --git a/src/themes/light/theme.css b/src/themes/light/theme.css index 24e40431c..6f9bee393 100644 --- a/src/themes/light/theme.css +++ b/src/themes/light/theme.css @@ -200,10 +200,6 @@ html { color: #fff; } -.actionSheetMenuItem:hover { - background-color: #ddd; -} - .toast { background: #303030; color: rgba(255, 255, 255, 0.87); @@ -266,6 +262,10 @@ html { } .listItem:focus { + background: #bbb; +} + +.listItem:hover { background: #ddd; } diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index 132418712..93e4c467c 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -347,6 +347,14 @@ a[data-role=button] { background: rgba(0, 0, 0, 0.3); } +.listItem:hover { + background: #12122f; +} + +.actionSheetMenuItem:hover { + background-color: rgba(0, 0, 0, 0.5); +} + .progressring-spiner { border-color: #48c3c8; } diff --git a/src/themes/wmc/theme.css b/src/themes/wmc/theme.css index 92175f309..92d3b1cdd 100644 --- a/src/themes/wmc/theme.css +++ b/src/themes/wmc/theme.css @@ -241,7 +241,11 @@ html { } .listItem:focus { - background: #333; + background: rgba(0, 0, 0, 0.2); +} + +.listItem:hover { + background: rgba(0, 0, 0, 0.4); } .progressring-spiner { From 1ed16d6ac19026814a50c638d1891c8a24ce1f70 Mon Sep 17 00:00:00 2001 From: Piccar Date: Thu, 10 Feb 2022 12:46:27 +0100 Subject: [PATCH 2/2] Removed Duplicates --- src/themes/appletv/theme.css | 4 ---- src/themes/blueradiance/theme.css | 4 ---- src/themes/purplehaze/theme.css | 4 ---- 3 files changed, 12 deletions(-) diff --git a/src/themes/appletv/theme.css b/src/themes/appletv/theme.css index a964e90d5..7fe029aeb 100644 --- a/src/themes/appletv/theme.css +++ b/src/themes/appletv/theme.css @@ -189,10 +189,6 @@ html { color: #fff; } -.actionSheetMenuItem:hover { - background-color: #ddd; -} - .toast { background: #303030; color: rgba(255, 255, 255, 0.87); diff --git a/src/themes/blueradiance/theme.css b/src/themes/blueradiance/theme.css index f8fb23717..a75674b19 100644 --- a/src/themes/blueradiance/theme.css +++ b/src/themes/blueradiance/theme.css @@ -184,10 +184,6 @@ html { opacity: 0.5; } -.actionSheetMenuItem:hover { - background-color: rgba(0, 0, 0, 0.5); -} - .toast { background: #303030; color: #fff; diff --git a/src/themes/purplehaze/theme.css b/src/themes/purplehaze/theme.css index 93e4c467c..1541fda33 100644 --- a/src/themes/purplehaze/theme.css +++ b/src/themes/purplehaze/theme.css @@ -277,10 +277,6 @@ a[data-role=button] { opacity: 0.5; } -.actionSheetMenuItem:hover { - background-color: rgba(0, 0, 0, 0.5); -} - .toast { background: #303030; color: #f8f8fe;