wip
This commit is contained in:
parent
0a64f638c6
commit
dabda21eb7
|
@ -259,9 +259,7 @@ export default Vue.extend({
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="stylus" scoped>
|
<style lang="stylus" scoped>
|
||||||
|
.mk-autocomplete
|
||||||
|
|
||||||
root(isDark)
|
|
||||||
position fixed
|
position fixed
|
||||||
z-index 65535
|
z-index 65535
|
||||||
max-width 100%
|
max-width 100%
|
||||||
|
@ -299,7 +297,7 @@ root(isDark)
|
||||||
text-overflow ellipsis
|
text-overflow ellipsis
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
background isDark ? rgba(#fff, 0.1) : rgba(#000, 0.1)
|
background var(--autocompleteItemHoverBg)
|
||||||
|
|
||||||
&[data-selected='true']
|
&[data-selected='true']
|
||||||
background var(--primary)
|
background var(--primary)
|
||||||
|
@ -325,15 +323,15 @@ root(isDark)
|
||||||
|
|
||||||
.name
|
.name
|
||||||
margin 0 8px 0 0
|
margin 0 8px 0 0
|
||||||
color isDark ? rgba(#fff, 0.8) : rgba(#000, 0.8)
|
color var(--autocompleteItemText)
|
||||||
|
|
||||||
.username
|
.username
|
||||||
color isDark ? rgba(#fff, 0.3) : rgba(#000, 0.3)
|
color var(--autocompleteItemTextSub)
|
||||||
|
|
||||||
> .hashtags > li
|
> .hashtags > li
|
||||||
|
|
||||||
.name
|
.name
|
||||||
color isDark ? rgba(#fff, 0.8) : rgba(#000, 0.8)
|
color var(--autocompleteItemText)
|
||||||
|
|
||||||
> .emojis > li
|
> .emojis > li
|
||||||
|
|
||||||
|
@ -343,15 +341,9 @@ root(isDark)
|
||||||
width 24px
|
width 24px
|
||||||
|
|
||||||
.name
|
.name
|
||||||
color isDark ? rgba(#fff, 0.8) : rgba(#000, 0.8)
|
color var(--autocompleteItemText)
|
||||||
|
|
||||||
.alias
|
.alias
|
||||||
margin 0 0 0 8px
|
margin 0 0 0 8px
|
||||||
color isDark ? rgba(#fff, 0.3) : rgba(#000, 0.3)
|
color var(--autocompleteItemTextSub)
|
||||||
|
|
||||||
.mk-autocomplete[data-darkmode]
|
|
||||||
root(true)
|
|
||||||
|
|
||||||
.mk-autocomplete:not([data-darkmode])
|
|
||||||
root(false)
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -14,8 +14,12 @@
|
||||||
"faceDivider": "rgba(0, 0, 0, 0.3)",
|
"faceDivider": "rgba(0, 0, 0, 0.3)",
|
||||||
"popupBg": "#2c303c",
|
"popupBg": "#2c303c",
|
||||||
"popupFg": "#d6dce2",
|
"popupFg": "#d6dce2",
|
||||||
"reactionPickerButtonHoverBg": "rgba(0, 0, 0, 0.18)",
|
|
||||||
"modalBackdrop": "rgba(0, 0, 0, 0.5)",
|
"modalBackdrop": "rgba(0, 0, 0, 0.5)",
|
||||||
|
|
||||||
|
"autocompleteItemHoverBg": "rgba(255, 255, 255, 0.1)",
|
||||||
|
"autocompleteItemText": "rgba(255, 255, 255, 0.8)",
|
||||||
|
"autocompleteItemTextSub": "rgba(255, 255, 255, 0.3)",
|
||||||
|
"reactionPickerButtonHoverBg": "rgba(255, 255, 255, 0.18)",
|
||||||
"desktopHeaderBg": "#313543",
|
"desktopHeaderBg": "#313543",
|
||||||
"mobileSignedInAsBg": "#273c34",
|
"mobileSignedInAsBg": "#273c34",
|
||||||
"mobileSignedInAsFg": "#49ab63",
|
"mobileSignedInAsFg": "#49ab63",
|
||||||
|
|
|
@ -14,8 +14,12 @@
|
||||||
"faceDivider": "rgba(0, 0, 0, 0.082)",
|
"faceDivider": "rgba(0, 0, 0, 0.082)",
|
||||||
"popupBg": "#fff",
|
"popupBg": "#fff",
|
||||||
"popupFg": "#586069",
|
"popupFg": "#586069",
|
||||||
"reactionPickerButtonHoverBg": "#eee",
|
|
||||||
"modalBackdrop": "rgba(0, 0, 0, 0.1)",
|
"modalBackdrop": "rgba(0, 0, 0, 0.1)",
|
||||||
|
|
||||||
|
"autocompleteItemHoverBg": "rgba(0, 0, 0, 0.1)",
|
||||||
|
"autocompleteItemText": "rgba(0, 0, 0, 0.8)",
|
||||||
|
"autocompleteItemTextSub": "rgba(0, 0, 0, 0.3)",
|
||||||
|
"reactionPickerButtonHoverBg": "#eee",
|
||||||
"desktopHeaderBg": "#f7f7f7",
|
"desktopHeaderBg": "#f7f7f7",
|
||||||
"mobileSignedInAsBg": "#fcfff5",
|
"mobileSignedInAsBg": "#fcfff5",
|
||||||
"mobileSignedInAsFg": "#2c662d",
|
"mobileSignedInAsFg": "#2c662d",
|
||||||
|
|
Loading…
Reference in New Issue