diff options
| author | Hiramiya <Hiramiya@users.noreply.github.com> | 2018-08-27 15:43:19 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-08-27 15:43:19 +0100 |
| commit | 6ad31dca762a839d78d9ccfd3c388af3726d68fe (patch) | |
| tree | 4915faba5c896302a005396c8c8ee00cedb286f5 /src | |
| parent | 8.15.0 (diff) | |
| download | misskey-6ad31dca762a839d78d9ccfd3c388af3726d68fe.tar.gz misskey-6ad31dca762a839d78d9ccfd3c388af3726d68fe.tar.bz2 misskey-6ad31dca762a839d78d9ccfd3c388af3726d68fe.zip | |
DarkMode user friends
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/pages/user/user.friends.vue | 20 |
1 files changed, 14 insertions, 6 deletions
diff --git a/src/client/app/desktop/views/pages/user/user.friends.vue b/src/client/app/desktop/views/pages/user/user.friends.vue index 4af0f0bca6..175c5ac916 100644 --- a/src/client/app/desktop/views/pages/user/user.friends.vue +++ b/src/client/app/desktop/views/pages/user/user.friends.vue @@ -40,9 +40,10 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> +root(isDark) .friends - background #fff - border solid 1px rgba(#000, 0.075) + background isDark ? #282C37 : #fff + border solid 1px isDark ? #21242f : rgba(#000, 0.075) border-radius 6px > .title @@ -52,7 +53,8 @@ export default Vue.extend({ line-height 42px font-size 0.9em font-weight bold - color #888 + background isDark ? #313543 : inherit + color isDark ? #e3e5e8 : #888 box-shadow 0 1px rgba(#000, 0.07) > i @@ -70,7 +72,7 @@ export default Vue.extend({ > .user padding 16px - border-bottom solid 1px #eee + border-bottom solid 1px isDark ? #21242f : #eee &:last-child border-bottom none @@ -96,18 +98,24 @@ export default Vue.extend({ margin 0 font-size 16px line-height 24px - color #555 + color isDark ? #ccc : #555 > .username display block margin 0 font-size 15px line-height 16px - color #ccc + color isDark ? #555 : #ccc > .mk-follow-button position absolute top 16px right 16px +.friends[data-darkmode] + root(true) + +.friends:not([data-darkmode]) + root(false) + </style> |