This commit is contained in:
syuilo 2018-09-28 11:40:47 +09:00
parent ccce331597
commit ea3b8b156e
3 changed files with 7 additions and 12 deletions

View File

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

View File

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

View File

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