diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-07-15 01:49:36 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-07-15 01:49:36 +0900 |
| commit | 0a4b6524936b6de90ba2478ec2208f0b7a2acfb6 (patch) | |
| tree | deab62aaf451438a870f9748409c28655035fdd6 /src | |
| parent | Merge branch 'master' of https://github.com/syuilo/misskey (diff) | |
| download | sharkey-0a4b6524936b6de90ba2478ec2208f0b7a2acfb6.tar.gz sharkey-0a4b6524936b6de90ba2478ec2208f0b7a2acfb6.tar.bz2 sharkey-0a4b6524936b6de90ba2478ec2208f0b7a2acfb6.zip | |
Darken
Co-Authored-By: tamaina <tamaina@hotmail.co.jp>
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/desktop/views/components/ui.header.search.vue | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/src/client/app/desktop/views/components/ui.header.search.vue b/src/client/app/desktop/views/components/ui.header.search.vue index b6149a1878..9a36e52fcc 100644 --- a/src/client/app/desktop/views/components/ui.header.search.vue +++ b/src/client/app/desktop/views/components/ui.header.search.vue @@ -29,9 +29,7 @@ export default Vue.extend({ <style lang="stylus" scoped> @import '~const.styl' - -.search - +root(isDark) > [data-fa] display block position absolute @@ -60,15 +58,20 @@ export default Vue.extend({ border none border-radius 16px transition color 0.5s ease, border 0.5s ease - font-family FontAwesome, sans-serif + color isDark ? #fff : #000 &::placeholder color #9eaba8 &:hover - background rgba(#000, 0.08) + background isDark ? rgba(#fff, 0.04) : rgba(#000, 0.08) &:focus box-shadow 0 0 0 2px rgba($theme-color, 0.5) !important +.search[data-darkmode] + root(true) + +.search:not([data-darkmode]) + root(false) </style> |