From 6b53e9ed292bce0a5c5fe445564d95458cacb8fb Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Sat, 2 Feb 2019 13:47:12 +0900
Subject: [PATCH] [Client] Fix #4086

---
 CHANGELOG.md                                          | 1 +
 src/client/app/desktop/views/components/drive.vue     | 4 ++--
 src/client/app/mobile/views/components/users-list.vue | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5c14fe9da4..4da370e410 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,7 @@ unreleased
 * おすすめのアンケートでミュートユーザーのものは表示しないように
 * おすすめのアンケートで凍結済みユーザーのものは表示しないように
 * 画像でないファイルのサムネイルとしてオリジナルファイルを返してしまうのを修正
+* ダークモードで読みにくいボタンがあるのを修正
 
 10.80.0
 ----------
diff --git a/src/client/app/desktop/views/components/drive.vue b/src/client/app/desktop/views/components/drive.vue
index fe2ddf7624..7513f002a7 100644
--- a/src/client/app/desktop/views/components/drive.vue
+++ b/src/client/app/desktop/views/components/drive.vue
@@ -30,13 +30,13 @@
 				<x-folder v-for="folder in folders" :key="folder.id" class="folder" :folder="folder"/>
 				<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid -->
 				<div class="padding" v-for="n in 16"></div>
-				<button v-if="moreFolders">{{ $t('@.load-more') }}</button>
+				<ui-button v-if="moreFolders">{{ $t('@.load-more') }}</ui-button>
 			</div>
 			<div class="files" ref="filesContainer" v-if="files.length > 0">
 				<x-file v-for="file in files" :key="file.id" class="file" :file="file"/>
 				<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid -->
 				<div class="padding" v-for="n in 16"></div>
-				<button v-if="moreFiles" @click="fetchMoreFiles">{{ $t('@.load-more') }}</button>
+				<ui-button v-if="moreFiles" @click="fetchMoreFiles">{{ $t('@.load-more') }}</ui-button>
 			</div>
 			<div class="empty" v-if="files.length == 0 && folders.length == 0 && !fetching">
 				<p v-if="draghover">{{ $t('empty-draghover') }}</p>
diff --git a/src/client/app/mobile/views/components/users-list.vue b/src/client/app/mobile/views/components/users-list.vue
index 71d996f82e..edbb124536 100644
--- a/src/client/app/mobile/views/components/users-list.vue
+++ b/src/client/app/mobile/views/components/users-list.vue
@@ -7,10 +7,10 @@
 	<div class="users" v-if="!fetching && users.length != 0">
 		<mk-user-preview v-for="u in users" :user="u" :key="u.id"/>
 	</div>
-	<button class="more" v-if="!fetching && next != null" @click="more" :disabled="moreFetching">
+	<ui-button class="more" v-if="!fetching && next != null" @click="more" :disabled="moreFetching">
 		<span v-if="!moreFetching">{{ $t('@.load-more') }}</span>
 		<span v-if="moreFetching">{{ $t('@.loading') }}<mk-ellipsis/></span>
-	</button>
+	</ui-button>
 	<p class="no" v-if="!fetching && users.length == 0">
 		<slot></slot>
 	</p>