From 365fd7a9a85b6dde6c867dad0f0b2dbfedfecb82 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Sat, 1 Nov 2025 17:57:04 +0900
Subject: [PATCH] friend localtion adapting dark theme

---
 .../scss/themes/_theme.dark_styles.scss       | 84 +++++++++++++++++++
 src/views/FriendLocation/FriendLocation.vue   |  1 -
 2 files changed, 84 insertions(+), 1 deletion(-)

diff --git a/src/assets/scss/themes/_theme.dark_styles.scss b/src/assets/scss/themes/_theme.dark_styles.scss
index 634f3b01..2ef6e01b 100644
--- a/src/assets/scss/themes/_theme.dark_styles.scss
+++ b/src/assets/scss/themes/_theme.dark_styles.scss
@@ -127,6 +127,90 @@ button {
     background-color: hsl($--theme-hue, $--theme-saturation, 18%);
 }
 
+.friend-view {
+    color: $--theme-text-2;
+
+    .friend-view__toolbar,
+    .friend-view__loading-text,
+    .friend-view__slider-label,
+    .friend-view__settings-label {
+        color: $--theme-text-2;
+    }
+
+    .friend-view__search :deep(.el-input__wrapper) {
+        background: $--theme-bg-4;
+        box-shadow: inset 0 0 0 1px $--theme-border-2;
+    }
+
+    .friend-view__instances {
+        background: none;
+    }
+
+    .friend-view__instance {
+        background: hsla($--theme-hue, $--theme-saturation, 18%, 0.28);
+        border-radius: 14px;
+        border: 1px solid hsla($--theme-hue, $--theme-saturation, 42%, 0.15);
+        box-sizing: border-box;
+    }
+
+    .friend-view__instance-header,
+    .friend-view__divider {
+        color: $--theme-text-1;
+    }
+
+    .friend-view__instance-count {
+        color: rgba($--theme-text-1, 0.6);
+    }
+
+    .friend-view__divider::before,
+    .friend-view__divider::after {
+        background: hsla($--theme-hue, $--theme-saturation, 48%, 0.15);
+    }
+
+    .friend-view__empty {
+        color: rgba($--theme-text-1, 0.45);
+    }
+
+    .friend-view__loading {
+        color: $--theme-text-2;
+    }
+}
+
+.friend-view .friend-card {
+    background: hsla($--theme-hue, $--theme-saturation, 18%, 0.72) !important;
+    border: 1px solid hsla($--theme-hue, $--theme-saturation, 50%, 0.18) !important;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
+
+    &:hover {
+        box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45);
+    }
+
+    .friend-card__name {
+        color: $--theme-text-1;
+    }
+
+    .friend-card__signature {
+        color: rgba($--theme-text-1, 0.65);
+    }
+
+    .friend-card__world {
+        background: hsla($--theme-hue, $--theme-saturation, 44%, 0.22);
+        color: rgba($--theme-text-1, 0.8);
+    }
+
+    .friend-card__location {
+        color: rgba($--theme-text-1, 0.85);
+    }
+
+    .friend-card__status-dot {
+        border: 2px solid rgba(0, 0, 0, 0.55);
+    }
+
+    .friend-card__avatar {
+        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.55);
+    }
+}
+
 .el-pagination .btn-next,
 .el-pagination .btn-prev {
     color: $--theme-text-2;
diff --git a/src/views/FriendLocation/FriendLocation.vue b/src/views/FriendLocation/FriendLocation.vue
index 3bac309e..cf7a22b0 100644
--- a/src/views/FriendLocation/FriendLocation.vue
+++ b/src/views/FriendLocation/FriendLocation.vue
@@ -722,7 +722,6 @@
     .friend-view__instances {
         display: grid;
         gap: 18px;
-        padding: 6px;
         box-sizing: border-box;
     }