From c13c9114eab4c7247ab4929a22fe6fadb9b981aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Onur=20G=C3=BCm=C3=BC=C5=9F?= <10urgumus@gmail.com>
Date: Mon, 24 Jan 2022 01:13:07 +0300
Subject: [PATCH] match the theme on the artist header play button with more
 (...) button

consistency is the key
---
 src/renderer/style.less | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/renderer/style.less b/src/renderer/style.less
index 61e6dbae..497a29d9 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -3173,9 +3173,10 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
   }
 
   .artist-play {
-    width: 36px;
-    height: 36px;
-    background: var(--keyColor);
+    width: 32px;
+    height: 32px;
+    background: rgba(100, 100, 100, 0.5);
+    box-shadow: var(--ciderShadow-Generic);
     border-radius: 100%;
     box-shadow: var(--mediaItemShadow);
     display: none;
@@ -3185,14 +3186,18 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
     padding: 0px;
 
     &:hover {
-      background: var(--keyColor-rollover);
+      filter: brightness(125%);
     }
 
     &:active {
-      background: var(--keyColor-pressed);
+      filter: brightness(75%);
+      transform: scale(0.98);
+      transition: transform 0s var(--appleEase), box-shadow 0.2s var(--appleEase);
     }
   }
   .artist-title {
+    position: relative;
+    top: -19px;
 
     .artist-play {
       transform: translateY(3px);