From 7704bef3ac2b410ce383a45a27a45f10478824c6 Mon Sep 17 00:00:00 2001
From: Phan An <me@phanan.net>
Date: Tue, 9 Aug 2022 18:30:11 +0200
Subject: [PATCH] chore: use accent color for song/artist/album cards

---
 resources/assets/js/components/song/SongCard.vue | 6 +++---
 resources/assets/sass/partials/_mixins.scss      | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resources/assets/js/components/song/SongCard.vue b/resources/assets/js/components/song/SongCard.vue
index 7c49d81f..48c21e19 100644
--- a/resources/assets/js/components/song/SongCard.vue
+++ b/resources/assets/js/components/song/SongCard.vue
@@ -68,11 +68,11 @@ article {
   align-items: center;
 
   &:focus, &:focus-within {
-    box-shadow: 0 0 1px 1px var(--color-highlight);
+    box-shadow: 0 0 1px 1px var(--color-accent);
   }
 
   &.playing {
-    color: var(--color-highlight);
+    color: var(--color-accent);
   }
 
   button {
@@ -172,7 +172,7 @@ article {
         color: var(--color-text-primary);
 
         &:hover {
-          color: var(--color-highlight);
+          color: var(--color-accent);
         }
       }
     }
diff --git a/resources/assets/sass/partials/_mixins.scss b/resources/assets/sass/partials/_mixins.scss
index d103eec7..32deb73e 100644
--- a/resources/assets/sass/partials/_mixins.scss
+++ b/resources/assets/sass/partials/_mixins.scss
@@ -41,7 +41,7 @@
     }
 
     &:focus, &:focus-within {
-      box-shadow: 0 0 1px 1px var(--color-highlight);
+      box-shadow: 0 0 1px 1px var(--color-accent);
     }
 
     &:hover .right, &:focus-within .right {
@@ -112,7 +112,7 @@
       }
 
       &:focus, &:hover {
-        color: var(--color-highlight);
+        color: var(--color-accent);
       }
     }