[Client] Fix #4086

CHANGELOG.md

@@ -10,6 +10,7 @@ unreleased
 * おすすめのアンケートでミュートユーザーのものは表示しないように
 * おすすめのアンケートで凍結済みユーザーのものは表示しないように
 * 画像でないファイルのサムネイルとしてオリジナルファイルを返してしまうのを修正
+* ダークモードで読みにくいボタンがあるのを修正
 
 10.80.0
 ----------

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>

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>