diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-07-15 01:48:06 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-07-15 01:48:06 +0900 |
| commit | 41fa045999e9403d49188e99c782320986e81932 (patch) | |
| tree | 99b6f6e7ac857f7c71fbefe043017c7806e8e39a /src | |
| parent | Revert "Update messaging-room.vue" (diff) | |
| download | misskey-41fa045999e9403d49188e99c782320986e81932.tar.gz misskey-41fa045999e9403d49188e99c782320986e81932.tar.bz2 misskey-41fa045999e9403d49188e99c782320986e81932.zip | |
Darken
Co-Authored-By: tamaina <tamaina@hotmail.co.jp>
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/common/views/components/autocomplete.vue | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/src/client/app/common/views/components/autocomplete.vue b/src/client/app/common/views/components/autocomplete.vue index 84173d20b5..712ce8a31f 100644 --- a/src/client/app/common/views/components/autocomplete.vue +++ b/src/client/app/common/views/components/autocomplete.vue @@ -228,12 +228,12 @@ export default Vue.extend({ <style lang="stylus" scoped> @import '~const.styl' -.mk-autocomplete +root(isDark) position fixed z-index 65535 margin-top calc(1em + 8px) overflow hidden - background #fff + background isDark ? #313543 : #fff border solid 1px rgba(#000, 0.1) border-radius 4px transition top 0.1s ease, left 0.1s ease @@ -284,11 +284,13 @@ export default Vue.extend({ border-radius 100% .name + vertical-align middle margin 0 8px 0 0 - color rgba(#000, 0.8) + color isDark ? rgba(#fff, 0.8) : rgba(#000, 0.8) .username - color rgba(#000, 0.3) + vertical-align middle + color isDark ? rgba(#fff, 0.3) : rgba(#000, 0.3) > .emojis > li @@ -304,4 +306,9 @@ export default Vue.extend({ margin 0 0 0 8px color rgba(#000, 0.3) +.mk-autocomplete[data-darkmode] + root(true) + +.mk-autocomplete:not([data-darkmode]) + root(false) </style> |