summaryrefslogtreecommitdiff
path: root/src/client
diff options
context:
space:
mode:
authorHiramiya <Hiramiya@users.noreply.github.com>2018-08-27 15:45:35 +0100
committerGitHub <noreply@github.com>2018-08-27 15:45:35 +0100
commit530ee6f80e0f43470fa8c3450c8cc34051fb774e (patch)
tree4f5551a13bb0fac61b535d9515ffd7a1e9597b4e /src/client
parentDarkMode user friends (diff)
downloadmisskey-530ee6f80e0f43470fa8c3450c8cc34051fb774e.tar.gz
misskey-530ee6f80e0f43470fa8c3450c8cc34051fb774e.tar.bz2
misskey-530ee6f80e0f43470fa8c3450c8cc34051fb774e.zip
DarkMode User Photos
Diffstat (limited to 'src/client')
-rw-r--r--src/client/app/desktop/views/pages/user/user.photos.vue12
1 files changed, 10 insertions, 2 deletions
diff --git a/src/client/app/desktop/views/pages/user/user.photos.vue b/src/client/app/desktop/views/pages/user/user.photos.vue
index ce7791a96b..2318f2b8e4 100644
--- a/src/client/app/desktop/views/pages/user/user.photos.vue
+++ b/src/client/app/desktop/views/pages/user/user.photos.vue
@@ -39,8 +39,9 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
+root(isDark)
.photos
- background #fff
+ background isDark ? #282C37 : #fff
border solid 1px rgba(#000, 0.075)
border-radius 6px
@@ -51,7 +52,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
@@ -85,4 +87,10 @@ export default Vue.extend({
> i
margin-right 4px
+.photos[data-darkmode]
+ root(true)
+
+.photos:not([data-darkmode])
+ root(false)
+
</style>