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 5c14fe9da..4da370e41 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 fe2ddf762..7513f002a 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 71d996f82..edbb12453 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>