summaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-04-01 15:58:32 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-04-01 15:58:32 +0900
commitb42a915172534fb1bbe66de412335d539fbc76b0 (patch)
tree7825c3a45481b0d847ef19d931c2b2d719e68074 /src
parentMerge pull request #1348 from akihikodaki/webfinger (diff)
downloadmisskey-b42a915172534fb1bbe66de412335d539fbc76b0.tar.gz
misskey-b42a915172534fb1bbe66de412335d539fbc76b0.tar.bz2
misskey-b42a915172534fb1bbe66de412335d539fbc76b0.zip
[wip] dark mode
Diffstat (limited to 'src')
-rw-r--r--src/client/app/desktop/views/components/ui.header.vue10
1 files changed, 8 insertions, 2 deletions
diff --git a/src/client/app/desktop/views/components/ui.header.vue b/src/client/app/desktop/views/components/ui.header.vue
index 7e337d2ae5..448d04d261 100644
--- a/src/client/app/desktop/views/components/ui.header.vue
+++ b/src/client/app/desktop/views/components/ui.header.vue
@@ -95,7 +95,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
-.header
+root(isDark)
position -webkit-sticky
position sticky
top 0
@@ -112,7 +112,7 @@ export default Vue.extend({
z-index 1000
width 100%
height 48px
- background #f7f7f7
+ background isDark ? #313543 : #f7f7f7
> .main
z-index 1001
@@ -169,4 +169,10 @@ export default Vue.extend({
> .mk-ui-header-search
display none
+.header[data-is-darkmode]
+ root(true)
+
+.header
+ root(false)
+
</style>