fix(style): revert back to default background to make buttons visible again

front/src/components/library/AlbumBase.vue

@@ -144,7 +144,6 @@ const remove = async () => {
 <template>
   <Layout
     main
-    raised
     stack
   >
     <Loader
@@ -174,8 +173,6 @@ const remove = async () => {
       <artist-credit-label
         v-if="artistCredit"
         :artist-credit="artistCredit"
-        default
-        raised
       />
       <!-- Metadata: -->
       <Layout

front/src/components/library/ArtistBase.vue

@@ -137,7 +137,6 @@ const isOpen = useModal('artist-description').isOpen
   <Layout
     stack
     main
-    raised
   >
     <Loader v-if="isLoading" />
     <Header

front/src/components/library/TrackBase.vue

@@ -156,7 +156,6 @@ watch(showDeleteModal, (newValue) => {
 <template>
   <Layout
     main
-    raised
     stack
   >
     <Loader
@@ -203,8 +202,6 @@ watch(showDeleteModal, (newValue) => {
       </template>
       <artist-credit-label
         :artist-credit="track.artist_credit"
-        default
-        raised
       />
       <div class="meta">
         <span>{{ t('components.library.TrackBase.title') }}</span>
@@ -238,16 +235,19 @@ watch(showDeleteModal, (newValue) => {
           v-if="store.state.auth.authenticated"
           :track="track"
           square-small
+          raised
         />
         <TrackPlaylistIcon
           v-if="store.state.auth.authenticated"
           :track="track"
           square-small
+          raised
         />
         <Popover v-model="open">
           <template #default="{ toggleOpen }">
             <OptionsButton
               is-square-small
+              raised
               @click="toggleOpen"
             />
           </template>
@@ -360,7 +360,6 @@ watch(showDeleteModal, (newValue) => {
         :actor="track?.attributed_to"
         :avatar="false"
       />
-
       <time
         :title="track?.creation_date"
         :datetime="track?.creation_date"

front/src/views/channels/DetailBase.vue

@@ -313,6 +313,7 @@ const renderedDescription = computed(() => {
             <OptionsButton
               is-square-small
               @click="toggleOpen"
+              raised
             />
           </template>
           <template #items>
@@ -449,6 +450,7 @@ const renderedDescription = computed(() => {
         </Modal>
         <Button
           secondary
+          raised
           icon="bi-rss"
           square-small
           @click.stop.prevent="showSubscribeModal = true"

front/src/views/playlists/Detail.vue

@@ -154,7 +154,6 @@ const shuffle = () => { }
 
 <template>
   <Layout
-    raised
     main
   >
     <Loader