nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-22 01:22:16 +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

2
resources/js/components/Admin/WidgetLatestRegistrations.vue
View File

@@ -113,7 +113,7 @@
@import '@assets/vuefilemanager/_variables';
@import '@assets/vuefilemanager/_mixins';
@media (prefers-color-scheme: dark) {
.dark-mode {
}
</style>

4
resources/js/components/Admin/WidgetTotals.vue
View File

@@ -5,7 +5,7 @@
</div>
<router-link :to="{name: linkRoute}" class="footer-link">
<span class="content">{{ linkName }}</span>
<chevron-right-icon size="16" class="text-theme"></chevron-right-icon>
<chevron-right-icon size="16" class="text-theme dark-text-theme"/>
</router-link>
</WidgetWrapper>
</template>
@@ -65,7 +65,7 @@
}
}
@media (prefers-color-scheme: dark) {
.dark-mode {
.widget-value {
span {

8
resources/js/components/Admin/WidgetWrapper.vue
View File

@@ -3,9 +3,9 @@
<div class="widget-content">
<div class="headline">
<div class="icon">
<users-icon v-if="icon === 'users'" size="19" class="text-theme"></users-icon>
<star-icon v-if="icon === 'star'" size="19" class="text-theme"></star-icon>
<hard-drive-icon v-if="icon === 'hard-drive'" size="19" class="text-theme"></hard-drive-icon>
<users-icon v-if="icon === 'users'" size="19" class="text-theme dark-text-theme"/>
<star-icon v-if="icon === 'star'" size="19" class="text-theme dark-text-theme"/>
<hard-drive-icon v-if="icon === 'hard-drive'" size="19" class="text-theme dark-text-theme"/>
</div>
<b class="title">{{ title }}</b>
</div>
@@ -58,7 +58,7 @@
}
}
@media (prefers-color-scheme: dark) {
.dark-mode {
.widget-content {
background: $dark_mode_foreground;
}