nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-21 17:12:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Dark mode switcher

Browse Source
This commit is contained in:
Peter Papp
2021-07-23 17:16:42 +02:00
parent be2690fd1c
commit 32d54fa50e
113 changed files with 565 additions and 452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/components/FilesView/FileItemGrid.vue
View File

@@ -10,7 +10,7 @@
<CheckBox v-if="mobileMultiSelect" :is-clicked="isClicked" class="check-box"/>
<!--If is file or image, then link item-->
<span v-if="isFile || (isImage && !item.thumbnail)" class="file-icon-text text-theme">
<span v-if="isFile || (isImage && !item.thumbnail)" class="file-icon-text text-theme dark-text-theme">
{{ item.mimetype }}
</span>
@@ -35,12 +35,12 @@
<!--Shared Icon-->
<div v-if="$checkPermission('master') && item.shared" class="item-shared">
<link-icon size="12" class="shared-icon text-theme" />
<link-icon size="12" class="shared-icon text-theme dark-text-theme" />
</div>
<!--Participant owner Icon-->
<div v-if="$checkPermission('master') && item.author !== 'user'" class="item-shared">
<user-plus-icon size="12" class="shared-icon text-theme" />
<user-plus-icon size="12" class="shared-icon text-theme dark-text-theme" />
</div>
<!--Filesize-->
@@ -54,7 +54,7 @@
</div>
<span @mousedown.stop="showItemActions" class="show-actions" v-if="$isMobile() && ! mobileMultiSelect && canShowMobileOptions">
<MoreHorizontalIcon icon="ellipsis-h" size="16" class="icon-action text-theme" />
<MoreHorizontalIcon icon="ellipsis-h" size="16" class="icon-action text-theme dark-text-theme" />
</span>
</div>
</div>
@@ -548,7 +548,7 @@ export default {
}
}
@media (prefers-color-scheme: dark) {
.dark-mode {
.file-wrapper {