drop random gradients

src/components/AlbumItem.vue

@@ -1,9 +1,7 @@
 <script setup>
-import { useRand } from '@/scripts/colors.js';
 import { useI18n } from '@/stores/misc.js';
 
-const rand = useRand(),
-  { t } = useI18n();
+const { t } = useI18n();
 
 defineProps({
   name: String,
@@ -11,7 +9,6 @@ defineProps({
     type: String,
     default: '',
   },
-  grad: String,
   art: {
     type: String,
     default: '/1x1.png',
@@ -45,7 +42,6 @@ defineEmits(['open-album']);
   margin: auto;
 }
 .card-bg {
-  --grad: v-bind('grad || rand');
   height: 13rem;
   width: 13rem;
 }

src/components/Artist.vue

@@ -117,7 +117,7 @@ p.more {
 }
 .subs:hover,
 .subs[data-active='true'] {
-  background-color: var(--color-foreground);
+  background: var(--color-gradient);
   color: var(--color-background);
   background-clip: border-box;
 }

src/components/Btn.vue

@@ -19,7 +19,7 @@ defineEmits(['click']);
   color: var(--color-text);
   padding: 0;
   line-height: 0;
-  background: var(--color-foreground);
+  background: var(--color-gradient);
   border-radius: 50%;
   vertical-align: -1rem;
   text-align: center;
@@ -27,7 +27,7 @@ defineEmits(['click']);
   margin-right: auto;
 }
 .bi-play {
-  color: var(--color-background-soft);
+  color: var(--color-background);
   box-shadow: 0 0 1rem var(--color-foreground);
   transition: all 0.4s ease;
 }

src/components/Library.vue

@@ -4,8 +4,7 @@ import { ref, reactive, watch, onMounted } from 'vue';
 import AlbumItem from './AlbumItem.vue';
 import Modal from './Modal.vue';
 
-import { useRand, parseThumb } from '@/scripts/colors.js';
-import { useStore } from '@/scripts/util.js';
+import { useStore, parseThumb } from '@/scripts/util.js';
 
 import {
   useListPlaylists,
@@ -444,7 +443,6 @@ onMounted(async () => {
     <div class="grid-3">
       <AlbumItem
         :name="t('title.offline')"
-        :grad="useRand()"
         @open-album="OpenOffline" />
       <AlbumItem
         v-for="i in list"
@@ -452,7 +450,6 @@ onMounted(async () => {
         :name="i.name"
         :author="t('title.songs') + ' • ' + i.urls.length"
         :art="parseThumb(i.urls[0]?.url, proxy)"
-        :grad="useRand()"
         @open-album="Open(i.name)" />
     </div>
 

src/components/SongItem.vue

@@ -4,7 +4,6 @@ import { ref } from 'vue';
 import AddToPlaylist from '@/components/AddToPlaylist.vue';
 
 import { getJsonAuth } from '@/scripts/fetch.js';
-import { useRand } from '@/scripts/colors.js';
 import { useStore, useShare } from '@/scripts/util.js';
 import { useUpdatePlaylist } from '@/scripts/db.js';
 
@@ -12,8 +11,7 @@ import { useResults, useArtist } from '@/stores/results.js';
 import { useData, usePlayer } from '@/stores/player.js';
 import { useI18n } from '@/stores/misc.js';
 
-const rand = useRand(),
-  data = useData(),
+const data = useData(),
   results = useResults(),
   player = usePlayer(),
   artist = useArtist(),
@@ -193,7 +191,6 @@ button.bi-three-dots-vertical {
   padding: 0.5rem;
 }
 .song-bg {
-  --grad: v-bind('rand');
   width: 120px;
   height: 120px;
 }