This commit is contained in:
syuilo 2018-09-28 11:40:47 +09:00
parent 436773837b
commit 7ca5e33a3a
No known key found for this signature in database
GPG Key ID: BDC4C49D06AB9D69
3 changed files with 7 additions and 12 deletions

View File

@ -70,9 +70,7 @@ export default Vue.extend({
</script>
<style lang="stylus" scoped>
root(isDark)
.header
$height = 48px
position fixed
@ -98,7 +96,7 @@ root(isDark)
color #fff
> .main
color rgba(#fff, 0.9)
color var(--mobileHeaderFg)
> .backdrop
position absolute
@ -108,8 +106,7 @@ root(isDark)
height $height
-webkit-backdrop-filter blur(12px)
backdrop-filter blur(12px)
//background-color rgba(#1b2023, 0.75)
background-color isDark ? #313543 : #595f6f
background-color var(--mobileHeaderBg)
> .content
z-index 1001
@ -171,10 +168,4 @@ root(isDark)
line-height $height
border-left solid 1px rgba(#000, 0.1)
.header[data-darkmode]
root(true)
.header:not([data-darkmode])
root(false)
</style>

View File

@ -128,6 +128,8 @@
"desktopSettingsNavItem": ":alpha<0.8<$text",
"desktopSettingsNavItemHover": ":lighten<10<$text",
"mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.7)",
"mobileUserPageName": "#fff",
"mobileUserPageAcct": "$text",

View File

@ -128,6 +128,8 @@
"desktopSettingsNavItem": ":alpha<0.8<$text",
"desktopSettingsNavItemHover": ":darken<10<$text",
"mobileHeaderBg": ":lighten<5<$secondary",
"mobileHeaderFg": "$text",
"mobileNavBackdrop": "rgba(0, 0, 0, 0.2)",
"mobileUserPageName": "#757c82",
"mobileUserPageAcct": "#969ea5",