From 1b13b10f7cefadd00f580a04577f3b950d2cbf3c Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Thu, 30 Jan 2025 12:37:17 +0100
Subject: [PATCH] style(front): subtle border for cards in dark-mode

---
 front/src/components/audio/ChannelCard.vue | 1 +
 front/src/style/colors.scss                | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/front/src/components/audio/ChannelCard.vue b/front/src/components/audio/ChannelCard.vue
index 06f8b6319..523b798ae 100644
--- a/front/src/components/audio/ChannelCard.vue
+++ b/front/src/components/audio/ChannelCard.vue
@@ -49,6 +49,7 @@ const updatedAgo = computed(() => moment(props.object.artist?.modification_date)
     :tags="object.artist?.tags ?? []"
     class="artist-card"
     :to="{name: 'channels.detail', params: {id: urlId}}"
+    solid
     small
   >
     <template #topright>
diff --git a/front/src/style/colors.scss b/front/src/style/colors.scss
index 443c9eb1a..5e916ae77 100644
--- a/front/src/style/colors.scss
+++ b/front/src/style/colors.scss
@@ -533,7 +533,7 @@
   .solid, .alert>.actions>button, button:not(:is(.ghost,.outline,.tabs-item)) {
     color: var(--color);
     background-color:var(--background-color);
-    border: 1px solid var(--background-color);
+    border: 1px solid var(--fw-gray-850);
 
     &.interactive:not(:has(.interactive:hover)) {
       &:hover {