diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-05-29 11:38:24 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-05-29 11:38:24 +0900 |
| commit | 4c54d68fad8a821da39d6c33ba0b749382df3dca (patch) | |
| tree | 6c83db98ace3f7edbdab705f45beea55d93201ed /src | |
| parent | Fix (diff) | |
| download | misskey-4c54d68fad8a821da39d6c33ba0b749382df3dca.tar.gz misskey-4c54d68fad8a821da39d6c33ba0b749382df3dca.tar.bz2 misskey-4c54d68fad8a821da39d6c33ba0b749382df3dca.zip | |
Darken
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/ui-notification.vue | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/src/client/app/desktop/views/components/ui-notification.vue b/src/client/app/desktop/views/components/ui-notification.vue index 9983f02c5e..68413914c0 100644 --- a/src/client/app/desktop/views/components/ui-notification.vue +++ b/src/client/app/desktop/views/components/ui-notification.vue @@ -36,7 +36,7 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> -.mk-ui-notification +root(isDark) display block position fixed z-index 10000 @@ -46,10 +46,10 @@ export default Vue.extend({ margin 0 auto padding 128px 0 0 0 width 500px - color rgba(#000, 0.6) - background rgba(#fff, 0.9) + color rgba(isDark ? #fff : #000, 0.6) + background rgba(isDark ? #282C37 : #fff, 0.9) border-radius 0 0 8px 8px - box-shadow 0 2px 4px rgba(#000, 0.2) + box-shadow 0 2px 4px rgba(#000, isDark ? 0.4 : 0.2) transform translateY(-64px) opacity 0 @@ -58,4 +58,10 @@ export default Vue.extend({ line-height 64px text-align center +.mk-ui-notification[data-darkmode] + root(true) + +.mk-ui-notification:not([data-darkmode]) + root(false) + </style> |