summaryrefslogtreecommitdiff
path: root/src/client/app/desktop/views/components/drive.file.vue
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-04-20 07:45:37 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-04-20 07:45:37 +0900
commit8daa9c806289a4c763a339538ccddb4aaf497029 (patch)
tree9f02d5b74c1d61955371a9a2e29b1ca8fb072bf5 /src/client/app/desktop/views/components/drive.file.vue
parent[wip] darkmode (diff)
downloadmisskey-8daa9c806289a4c763a339538ccddb4aaf497029.tar.gz
misskey-8daa9c806289a4c763a339538ccddb4aaf497029.tar.bz2
misskey-8daa9c806289a4c763a339538ccddb4aaf497029.zip
[wip] darkmode
Diffstat (limited to 'src/client/app/desktop/views/components/drive.file.vue')
-rw-r--r--src/client/app/desktop/views/components/drive.file.vue10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/client/app/desktop/views/components/drive.file.vue b/src/client/app/desktop/views/components/drive.file.vue
index d79cb6c09c..a683af68a7 100644
--- a/src/client/app/desktop/views/components/drive.file.vue
+++ b/src/client/app/desktop/views/components/drive.file.vue
@@ -186,7 +186,7 @@ export default Vue.extend({
<style lang="stylus" scoped>
@import '~const.styl'
-.root.file
+root(isDark)
padding 8px 0 0 0
height 180px
border-radius 4px
@@ -308,10 +308,16 @@ export default Vue.extend({
font-size 0.8em
text-align center
word-break break-all
- color #444
+ color isDark ? #fff : #444
overflow hidden
> .ext
opacity 0.5
+.root.file[data-darkmode]
+ root(true)
+
+.root.file:not([data-darkmode])
+ root(false)
+
</style>