diff --git a/CHANGELOG.md b/CHANGELOG.md index 22b6bfb..49e54e1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changelog +## [1.1.9] - 2019-03-07 +### Added +- Add more visible message action toolbar + ## [1.1.8] - 2019-02-23 ### Fixed - Fix channel highlight color variable diff --git a/dist/base.css b/dist/base.css index 5ec9fdc..5048515 100644 --- a/dist/base.css +++ b/dist/base.css @@ -1 +1 @@ -:root{--font-family:"Lato-Regular","Helvetica Neue",Helvetica,"Segoe UI",-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif;--font-family-mono:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--message-max-width:50rem;--avatar-border-radius:3px;--sidebar-icon-width:35px;--sidebar-icon-border-radius:8px;--channel-bar-width:11.5rem;--message-padding:.5rem;--username-weight:900;--username-size:.8rem;--code-block-bg-color:#2f3136;--channel-highlight-color:#202225;--channel-highlight-bg-color:rgba(243,243,244,0.7)}.theme-dark{--font-smoothing:antialiased;--message-hover-background:rgba(243,243,244,0.04);--message-color:#f3f3f4;--text-input-color:#f3f3f4;--ui-border-color:rgba(243,243,244,0.2);--scrollbar-color:rgba(243,243,244,0.3);--mention-color:#6f8fff;--mention-bg-color:rgba(114,137,218,0.1);--mention-hover-color:var(--mention-color);--mention-hover-bg-color:rgba(114,137,218,0.3);--link-color:#0096cf}.theme-light{--message-hover-background:rgba(32,34,37,0.03);--message-color:#202225;--text-input-color:#202225;--ui-border-color:rgba(32,34,37,0.3);--text-input-background-color:#fff;--scrollbar-color:rgba(32,34,37,0.3);--mention-color:#506bcc;--mention-bg-color:#f1f3fb;--mention-hover-color:var(--mention-color);--mention-hover-bg-color:#e1e5f6;--link-color:#08b;--inline-code-bg-color:#e3e4e7;--code-block-color:#dcddde}[class*=avatar-] [class*=image-]{border-radius:var(--avatar-border-radius)!important}*{-webkit-font-smoothing:var(--font-smoothing)!important}#app-mount,#app-mount textarea{font-family:var(--font-family)!important}[class*=base-]{border-radius:0!important}[class*=channels-]{width:var(--channel-bar-width)!important;transition:width .2s ease-out!important}@media (max-width:1100px){[class*=channels-]{position:relative;width:0!important}[class*=channels-]:hover,[class*=guildsWrapper]:hover+div>:nth-child(2)>[class*=channels-]{width:var(--channel-bar-width)!important}[class*=channels-]:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:100%;width:17px}[class*=channels-]:hover:after{width:3rem}}[class*=nameCollapsed-],[class*=nameDefault-],[class*=nameHovered-],[class*=nameHoveredCollapsed-]{font-size:.7rem;letter-spacing:.05em}[class*=channels-] [class*=name-]{font-size:14px!important;opacity:.8}[class*=channels-] [class*=nameUnreadText-]{opacity:1}[class*=channels-] [class*=contentSelectedText-],[class*=channels-] [class*=contentSelectedVoice-]{background-color:var(--channel-highlight-bg-color)!important}[class*=channels-] [class*=contentSelectedText-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedText-] [class*=icon-],[class*=channels-] [class*=contentSelectedText-] [class*=name-],[class*=channels-] [class*=contentSelectedVoice-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=icon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=name-]{color:var(--channel-highlight-color)}[class*=markup-] code.inline{background:var(--inline-code-bg-color);padding:2px 4px}[class*=markup-] pre{background:var(--code-block-bg-color);border-color:var(--ui-border-color)}[class*=markup-] code:not(.inline){background:var(--code-block-bg-color);color:var(--code-block-color)}code{font-family:var(--font-family-mono)!important}[class*=markup-] a{color:var(--link-color)!important}[class*=mention]{background-color:var(--mention-bg-color)!important;color:var(--mention-color)!important}[class*=mention]:hover{background-color:var(--mention-hover-bg-color)!important;color:var(--mention-hover-color)!important;text-decoration:underline}[class*=isMentioned-]{padding-top:.3rem;padding-bottom:.3rem}[class*=containerCozyBounded-]{padding-bottom:var(--message-padding);padding-top:var(--message-padding)}@media (min-width:1100px){[class*=containerCozy-] [class*=contentCozy-]{max-width:var(--message-max-width)}}[class*=containerCozy-] [class*=contentCozy-] [class*=markup-]{color:var(--message-color)!important}[class*=containerCozyBounded-]:hover{background-color:var(--message-hover-background)}[class*=scroller-]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color)!important}[class*=systemPad-] [class*=guildInner]{border-radius:var(--sidebar-icon-border-radius)!important}[class*=guildsWrapper] [class*=guildInner-],[class*=guildsWrapper] [class*=guildsAdd-]{-webkit-transform:translateX(8px)!important;transform:translateX(8px)!important}[class*=guildsWrapper] [class*=avatar-],[class*=guildsWrapper] [class*=guild-],[class*=guildsWrapper] [class*=guildInner-] a,[class*=guildsWrapper] [class*=iconSizeLarge]{width:var(--sidebar-icon-width)!important;height:var(--sidebar-icon-width)!important;line-height:var(--sidebar-icon-width)!important}[class*=guild-]+[class*=guild-]{margin-top:12px!important}[class*=guildsWrapper] [class*=friendsOnline-]{width:calc(var(--sidebar-icon-width) + 16px)!important}[class*=guildsWrapper] [class*=guildsAdd-]{display:block;height:calc(var(--sidebar-icon-width)/2);border:none}[class*=guildsWrapper] button[class*=guildsAdd-]{margin-top:20px!important}[class*=guildsWrapper] [class*=badge-]{box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15),0 0 1px rgba(0,0,0,.5);right:-11px;bottom:-4px}[class*=guildsWrapper] [class*=downloadAppButton-],[class*=guildsWrapper] [class*=downloadAppButton-]>svg,[class*=guildsWrapper] [class*=guildSeparator-]{display:none}[class*=channelTextArea-]{padding-top:0;border-top:0!important;margin-bottom:20px!important}[class*=innerNoAutocomplete-],[class*=titleWrapper-] [class*=searchBar-]{border:2px solid var(--ui-border-color)!important}[class*=inner-],[class*=titleWrapper-] [class*=searchBar-]{background-color:var(--text-input-background-color)!important}[class*=textArea-],[class*=titleWrapper-] [class*=searchBar-]{color:var(--text-input-color)!important}[class*=DraftEditorPlaceholder-root]{padding-top:1px!important}[class*=searchBar-] [class*=icon-]{top:-.5px!important}[class*=DraftEditorPlaceholder-inner],textarea::-webkit-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea:-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=typing-]{margin-bottom:-4px;background:none;font-size:12px;opacity:.8}[class*=titleWrapper-] [class*=divider-],[class*=titleWrapper-] [class*=topic-]:before{display:none}[class*=username-]{font-weight:var(--username-weight);font-size:var(--username-size)} \ No newline at end of file +:root{--font-family:"Lato-Regular","Helvetica Neue",Helvetica,"Segoe UI",-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif;--font-family-mono:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--message-max-width:50rem;--avatar-border-radius:3px;--sidebar-icon-width:35px;--sidebar-icon-border-radius:8px;--channel-bar-width:11.5rem;--message-padding:.5rem;--username-weight:900;--username-size:.8rem;--code-block-bg-color:#2f3136;--channel-highlight-color:#202225;--channel-highlight-bg-color:rgba(243,243,244,0.7)}.theme-dark{--font-smoothing:antialiased;--message-hover-background:rgba(243,243,244,0.04);--message-color:#f3f3f4;--text-input-color:#f3f3f4;--ui-border-color:rgba(243,243,244,0.2);--ui-border-color-lighter:rgba(243,243,244,0.1);--scrollbar-color:rgba(243,243,244,0.3);--background-color:#36393f;--mention-color:#6f8fff;--mention-bg-color:rgba(114,137,218,0.1);--mention-hover-color:var(--mention-color);--mention-hover-bg-color:rgba(114,137,218,0.3);--link-color:#0096cf}.theme-light{--message-hover-background:rgba(32,34,37,0.03);--message-color:#202225;--text-input-color:#202225;--ui-border-color:rgba(32,34,37,0.3);--ui-border-color-lighter:rgba(32,34,37,0.15);--background-color:#fff;--text-input-background-color:#fff;--scrollbar-color:rgba(32,34,37,0.3);--mention-color:#506bcc;--mention-bg-color:#f1f3fb;--mention-hover-color:var(--mention-color);--mention-hover-bg-color:#e1e5f6;--link-color:#08b;--inline-code-bg-color:#e3e4e7;--code-block-color:#dcddde}[class*=avatar-] [class*=image-]{border-radius:var(--avatar-border-radius)!important}*{-webkit-font-smoothing:var(--font-smoothing)!important}#app-mount,#app-mount textarea{font-family:var(--font-family)!important}[class*=base-]{border-radius:0!important}[class*=channels-]{width:var(--channel-bar-width)!important;transition:width .2s ease-out!important}@media (max-width:1100px){[class*=channels-]{position:relative;width:0!important}[class*=channels-]:hover,[class*=guildsWrapper]:hover+div>:nth-child(2)>[class*=channels-]{width:var(--channel-bar-width)!important}[class*=channels-]:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:100%;width:17px}[class*=channels-]:hover:after{width:3rem}}[class*=nameCollapsed-],[class*=nameDefault-],[class*=nameHovered-],[class*=nameHoveredCollapsed-]{font-size:.7rem;letter-spacing:.05em}[class*=channels-] [class*=name-]{font-size:14px!important;opacity:.8}[class*=channels-] [class*=nameUnreadText-]{opacity:1}[class*=channels-] [class*=contentSelectedText-],[class*=channels-] [class*=contentSelectedVoice-]{background-color:var(--channel-highlight-bg-color)!important}[class*=channels-] [class*=contentSelectedText-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedText-] [class*=icon-],[class*=channels-] [class*=contentSelectedText-] [class*=name-],[class*=channels-] [class*=contentSelectedVoice-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=icon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=name-]{color:var(--channel-highlight-color)}[class*=markup-] code.inline{background:var(--inline-code-bg-color);padding:2px 4px}[class*=markup-] pre{background:var(--code-block-bg-color);border-color:var(--ui-border-color)}[class*=markup-] code:not(.inline){background:var(--code-block-bg-color);color:var(--code-block-color)}code{font-family:var(--font-family-mono)!important}[class*=markup-] a{color:var(--link-color)!important}[class*=mention]{background-color:var(--mention-bg-color)!important;color:var(--mention-color)!important}[class*=mention]:hover{background-color:var(--mention-hover-bg-color)!important;color:var(--mention-hover-color)!important;text-decoration:underline}[class*=isMentioned-]{padding-top:.3rem;padding-bottom:.3rem}[class*=containerCozyBounded-]{padding-bottom:var(--message-padding);padding-top:var(--message-padding)}[class*=containerCozy-] [class*=contentCozy-] [class*=markup-]{color:var(--message-color)!important}@media (min-width:1100px){[class*=containerCozy-] [class*=contentCozy-] [class*=markup-]{max-width:var(--message-max-width)}}[class*=messageCozy-]{margin-bottom:0;padding-top:.2rem;padding-bottom:.2rem}[class*=messageCozy-]:hover{background-color:var(--message-hover-background)}[class*=messageCozy-] [class*=buttonContainer-]>[class*=buttonContainer-]{visibility:hidden;position:absolute;top:-7.5px;right:50px;padding:2px;background-color:var(--background-color);border:2px solid var(--ui-border-color-lighter);border-radius:5px}[class*=messageCozy-]:hover [class*=buttonContainer-]>[class*=buttonContainer-]{visibility:visible}[class*=messageCozy-]:hover [class*=buttonContainer-]>[class*=buttonContainer-]>*{visibility:visible;opacity:1}[class*=messageCozy-]:hover [class*=buttonContainer-]>[class*=buttonContainer-]>:hover{opacity:.75}[class*=contentCozy-]{position:relative}[class*=scroller-]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color)!important}[class*=systemPad-] [class*=guildInner]{border-radius:var(--sidebar-icon-border-radius)!important}[class*=guildsWrapper] [class*=guildInner-],[class*=guildsWrapper] [class*=guildsAdd-]{-webkit-transform:translateX(8px)!important;transform:translateX(8px)!important}[class*=guildsWrapper] [class*=avatar-],[class*=guildsWrapper] [class*=guild-],[class*=guildsWrapper] [class*=guildInner-] a,[class*=guildsWrapper] [class*=iconSizeLarge]{width:var(--sidebar-icon-width)!important;height:var(--sidebar-icon-width)!important;line-height:var(--sidebar-icon-width)!important}[class*=guild-]+[class*=guild-]{margin-top:12px!important}[class*=guildsWrapper] [class*=friendsOnline-]{width:calc(var(--sidebar-icon-width) + 16px)!important}[class*=guildsWrapper] [class*=guildsAdd-]{display:block;height:calc(var(--sidebar-icon-width)/2);border:none}[class*=guildsWrapper] button[class*=guildsAdd-]{margin-top:20px!important}[class*=guildsWrapper] [class*=badge-]{box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15),0 0 1px rgba(0,0,0,.5);right:-11px;bottom:-4px}[class*=guildsWrapper] [class*=downloadAppButton-],[class*=guildsWrapper] [class*=downloadAppButton-]>svg,[class*=guildsWrapper] [class*=guildSeparator-]{display:none}[class*=channelTextArea-]{padding-top:0;border-top:0!important;margin-bottom:20px!important}[class*=innerNoAutocomplete-],[class*=titleWrapper-] [class*=searchBar-]{border:2px solid var(--ui-border-color)!important}[class*=inner-],[class*=titleWrapper-] [class*=searchBar-]{background-color:var(--text-input-background-color)!important}[class*=textArea-],[class*=titleWrapper-] [class*=searchBar-]{color:var(--text-input-color)!important}[class*=DraftEditorPlaceholder-root]{padding-top:1px!important}[class*=searchBar-] [class*=icon-]{top:-.5px!important}[class*=DraftEditorPlaceholder-inner],textarea::-webkit-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea:-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=typing-]{margin-bottom:-4px;background:none;font-size:12px;opacity:.8}[class*=titleWrapper-] [class*=divider-],[class*=titleWrapper-] [class*=topic-]:before{display:none}[class*=username-]{font-weight:var(--username-weight);font-size:var(--username-size)} \ No newline at end of file diff --git a/dist/complete.css b/dist/complete.css index b53ce8d..c87eed5 100644 --- a/dist/complete.css +++ b/dist/complete.css @@ -1 +1 @@ -:root{--font-family:"Lato-Regular","Helvetica Neue",Helvetica,"Segoe UI",-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif;--font-family-mono:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--message-max-width:50rem;--avatar-border-radius:3px;--sidebar-icon-width:35px;--sidebar-icon-border-radius:8px;--channel-bar-width:11.5rem;--message-padding:.5rem;--username-weight:900;--username-size:.8rem;--code-block-bg-color:#2f3136;--channel-highlight-color:#202225;--channel-highlight-bg-color:rgba(243,243,244,0.7)}.theme-dark{--font-smoothing:antialiased;--message-hover-background:rgba(243,243,244,0.04);--message-color:#f3f3f4;--text-input-color:#f3f3f4;--ui-border-color:rgba(243,243,244,0.2);--scrollbar-color:rgba(243,243,244,0.3);--mention-color:#6f8fff;--mention-bg-color:rgba(114,137,218,0.1);--mention-hover-color:var(--mention-color);--mention-hover-bg-color:rgba(114,137,218,0.3);--link-color:#0096cf}.theme-light{--message-hover-background:rgba(32,34,37,0.03);--message-color:#202225;--text-input-color:#202225;--ui-border-color:rgba(32,34,37,0.3);--text-input-background-color:#fff;--scrollbar-color:rgba(32,34,37,0.3);--mention-color:#506bcc;--mention-bg-color:#f1f3fb;--mention-hover-color:var(--mention-color);--mention-hover-bg-color:#e1e5f6;--link-color:#08b;--inline-code-bg-color:#e3e4e7;--code-block-color:#dcddde}[class*=avatar-] [class*=image-]{border-radius:var(--avatar-border-radius)!important}*{-webkit-font-smoothing:var(--font-smoothing)!important}#app-mount,#app-mount textarea{font-family:var(--font-family)!important}[class*=base-]{border-radius:0!important}[class*=channels-]{width:var(--channel-bar-width)!important;transition:width .2s ease-out!important}@media (max-width:1100px){[class*=channels-]{position:relative;width:0!important}[class*=channels-]:hover,[class*=guildsWrapper]:hover+div>:nth-child(2)>[class*=channels-]{width:var(--channel-bar-width)!important}[class*=channels-]:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:100%;width:17px}[class*=channels-]:hover:after{width:3rem}}[class*=nameCollapsed-],[class*=nameDefault-],[class*=nameHovered-],[class*=nameHoveredCollapsed-]{font-size:.7rem;letter-spacing:.05em}[class*=channels-] [class*=name-]{font-size:14px!important;opacity:.8}[class*=channels-] [class*=nameUnreadText-]{opacity:1}[class*=channels-] [class*=contentSelectedText-],[class*=channels-] [class*=contentSelectedVoice-]{background-color:var(--channel-highlight-bg-color)!important}[class*=channels-] [class*=contentSelectedText-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedText-] [class*=icon-],[class*=channels-] [class*=contentSelectedText-] [class*=name-],[class*=channels-] [class*=contentSelectedVoice-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=icon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=name-]{color:var(--channel-highlight-color)}[class*=markup-] code.inline{background:var(--inline-code-bg-color);padding:2px 4px}[class*=markup-] pre{background:var(--code-block-bg-color);border-color:var(--ui-border-color)}[class*=markup-] code:not(.inline){background:var(--code-block-bg-color);color:var(--code-block-color)}code{font-family:var(--font-family-mono)!important}[class*=markup-] a{color:var(--link-color)!important}[class*=mention]{background-color:var(--mention-bg-color)!important;color:var(--mention-color)!important}[class*=mention]:hover{background-color:var(--mention-hover-bg-color)!important;color:var(--mention-hover-color)!important;text-decoration:underline}[class*=isMentioned-]{padding-top:.3rem;padding-bottom:.3rem}[class*=containerCozyBounded-]{padding-bottom:var(--message-padding);padding-top:var(--message-padding)}@media (min-width:1100px){[class*=containerCozy-] [class*=contentCozy-]{max-width:var(--message-max-width)}}[class*=containerCozy-] [class*=contentCozy-] [class*=markup-]{color:var(--message-color)!important}[class*=containerCozyBounded-]:hover{background-color:var(--message-hover-background)}[class*=scroller-]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color)!important}[class*=systemPad-] [class*=guildInner]{border-radius:var(--sidebar-icon-border-radius)!important}[class*=guildsWrapper] [class*=guildInner-],[class*=guildsWrapper] [class*=guildsAdd-]{-webkit-transform:translateX(8px)!important;transform:translateX(8px)!important}[class*=guildsWrapper] [class*=avatar-],[class*=guildsWrapper] [class*=guild-],[class*=guildsWrapper] [class*=guildInner-] a,[class*=guildsWrapper] [class*=iconSizeLarge]{width:var(--sidebar-icon-width)!important;height:var(--sidebar-icon-width)!important;line-height:var(--sidebar-icon-width)!important}[class*=guild-]+[class*=guild-]{margin-top:12px!important}[class*=guildsWrapper] [class*=friendsOnline-]{width:calc(var(--sidebar-icon-width) + 16px)!important}[class*=guildsWrapper] [class*=guildsAdd-]{display:block;height:calc(var(--sidebar-icon-width)/2);border:none}[class*=guildsWrapper] button[class*=guildsAdd-]{margin-top:20px!important}[class*=guildsWrapper] [class*=badge-]{box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15),0 0 1px rgba(0,0,0,.5);right:-11px;bottom:-4px}[class*=guildsWrapper] [class*=downloadAppButton-],[class*=guildsWrapper] [class*=downloadAppButton-]>svg,[class*=guildsWrapper] [class*=guildSeparator-]{display:none}[class*=channelTextArea-]{padding-top:0;border-top:0!important;margin-bottom:20px!important}[class*=innerNoAutocomplete-],[class*=titleWrapper-] [class*=searchBar-]{border:2px solid var(--ui-border-color)!important}[class*=inner-],[class*=titleWrapper-] [class*=searchBar-]{background-color:var(--text-input-background-color)!important}[class*=textArea-],[class*=titleWrapper-] [class*=searchBar-]{color:var(--text-input-color)!important}[class*=DraftEditorPlaceholder-root]{padding-top:1px!important}[class*=searchBar-] [class*=icon-]{top:-.5px!important}[class*=DraftEditorPlaceholder-inner],textarea::-webkit-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea:-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=typing-]{margin-bottom:-4px;background:0 0;font-size:12px;opacity:.8}[class*=titleWrapper-] [class*=divider-],[class*=titleWrapper-] [class*=topic-]:before{display:none}[class*=username-]{font-weight:var(--username-weight);font-size:var(--username-size)}[alt=":grinning:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/grinning-face_1f600.png)}[alt=":grimacing:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/grimacing-face_1f62c.png)}[alt=":grin:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-smiling-eyes_1f604.png)}[alt=":joy:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-tears-of-joy_1f602.png)}[alt=":scream:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-screaming-in-fear_1f631.png)}[alt=":sunglasses:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-sunglasses_1f60e.png)}[alt=":smiley:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth_1f603.png)}[alt=":smile:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-smiling-eyes_1f604.png)}[alt=":sweat_smile:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-cold-sweat_1f605.png)}[alt=":laughing:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-tightly-closed-eyes_1f606.png)}[alt=":innocent:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-halo_1f607.png)}[alt=":slight_smile:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/slightly-smiling-face_1f642.png)}[alt=":slight_frown:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/slightly-frowning-face_1f641.png)}[alt=":upside_down:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/upside-down-face_1f643.png)}[alt=":wink:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/winking-face_1f609.png)}[alt=":stuck_out_tongue:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-stuck-out-tongue_1f61b.png)}[alt=":stuck_out_tongue_winking_eye:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-stuck-out-tongue-and-winking-eye_1f61c.png)}[alt=":stuck_out_tongue_closed_eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-stuck-out-tongue-and-tightly-closed-eyes_1f61d.png)}[alt=":thinking:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/thinking-face_1f914.png)}[alt=":rolling_eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-rolling-eyes_1f644.png)}[alt=":kissing_heart:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-throwing-a-kiss_1f618.png)}[alt=":heart_eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-heart-shaped-eyes_1f60d.png)}[alt=":no_mouth:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-without-mouth_1f636.png)}[alt=":confused:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/confused-face_1f615.png)}[alt=":flushed:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/flushed-face_1f633.png)}[alt=":cry:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/crying-face_1f622.png)}[alt=":eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/eyes_1f440.png)}[alt=":thumbsup:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/thumbs-up-sign_1f44d.png)}[alt=":thumbsdown:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/thumbs-down-sign_1f44e.png)}[alt=":fingers_crossed:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/hand-with-index-and-middle-fingers-crossed_1f91e.png)}[alt=":point_up_2:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/white-up-pointing-backhand-index_1f446.png)}[alt=":middle_finger:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/reversed-hand-with-middle-finger-extended_1f595.png)}[alt=":ok_hand:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/ok-hand-sign_1f44c.png)}[alt=":vulcan:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/raised-hand-with-part-between-middle-and-ring-fingers_1f596.png)}[alt=":wave:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/waving-hand-sign_1f44b.png)}[alt=":fist:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/raised-fist_270a.png)}[alt=":punch:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/fisted-hand-sign_1f44a.png)}[alt=":clap:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/clapping-hands-sign_1f44f.png)}[alt=":raised_hands:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/person-raising-both-hands-in-celebration_1f64c.png)}[alt=":pray:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/person-with-folded-hands_1f64f.png)}[alt=":handshake:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/handshake_1f91d.png)}[alt=":heart:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/heavy-black-heart_2764.png)}[alt=":beer:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/beer-mug_1f37a.png)}[alt=":beers:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/clinking-beer-mugs_1f37b.png)}[alt=":rocket:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/rocket_1f680.png)}[alt=":100:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/hundred-points-symbol_1f4af.png)}[alt=":fire:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/fire_1f525.png)}[alt=":popcorn:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/popcorn_1f37f.png)}[alt=":bulb:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/electric-light-bulb_1f4a1.png)}[alt=":eggplant:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/aubergine_1f346.png)}[alt=":poop:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/pile-of-poo_1f4a9.png)} +:root{--font-family:"Lato-Regular","Helvetica Neue",Helvetica,"Segoe UI",-apple-system,BlinkMacSystemFont,Tahoma,Arial,sans-serif;--font-family-mono:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--message-max-width:50rem;--avatar-border-radius:3px;--sidebar-icon-width:35px;--sidebar-icon-border-radius:8px;--channel-bar-width:11.5rem;--message-padding:.5rem;--username-weight:900;--username-size:.8rem;--code-block-bg-color:#2f3136;--channel-highlight-color:#202225;--channel-highlight-bg-color:rgba(243,243,244,0.7)}.theme-dark{--font-smoothing:antialiased;--message-hover-background:rgba(243,243,244,0.04);--message-color:#f3f3f4;--text-input-color:#f3f3f4;--ui-border-color:rgba(243,243,244,0.2);--ui-border-color-lighter:rgba(243,243,244,0.1);--scrollbar-color:rgba(243,243,244,0.3);--background-color:#36393f;--mention-color:#6f8fff;--mention-bg-color:rgba(114,137,218,0.1);--mention-hover-color:var(--mention-color);--mention-hover-bg-color:rgba(114,137,218,0.3);--link-color:#0096cf}.theme-light{--message-hover-background:rgba(32,34,37,0.03);--message-color:#202225;--text-input-color:#202225;--ui-border-color:rgba(32,34,37,0.3);--ui-border-color-lighter:rgba(32,34,37,0.15);--background-color:#fff;--text-input-background-color:#fff;--scrollbar-color:rgba(32,34,37,0.3);--mention-color:#506bcc;--mention-bg-color:#f1f3fb;--mention-hover-color:var(--mention-color);--mention-hover-bg-color:#e1e5f6;--link-color:#08b;--inline-code-bg-color:#e3e4e7;--code-block-color:#dcddde}[class*=avatar-] [class*=image-]{border-radius:var(--avatar-border-radius)!important}*{-webkit-font-smoothing:var(--font-smoothing)!important}#app-mount,#app-mount textarea{font-family:var(--font-family)!important}[class*=base-]{border-radius:0!important}[class*=channels-]{width:var(--channel-bar-width)!important;transition:width .2s ease-out!important}@media (max-width:1100px){[class*=channels-]{position:relative;width:0!important}[class*=channels-]:hover,[class*=guildsWrapper]:hover+div>:nth-child(2)>[class*=channels-]{width:var(--channel-bar-width)!important}[class*=channels-]:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:100%;width:17px}[class*=channels-]:hover:after{width:3rem}}[class*=nameCollapsed-],[class*=nameDefault-],[class*=nameHovered-],[class*=nameHoveredCollapsed-]{font-size:.7rem;letter-spacing:.05em}[class*=channels-] [class*=name-]{font-size:14px!important;opacity:.8}[class*=channels-] [class*=nameUnreadText-]{opacity:1}[class*=channels-] [class*=contentSelectedText-],[class*=channels-] [class*=contentSelectedVoice-]{background-color:var(--channel-highlight-bg-color)!important}[class*=channels-] [class*=contentSelectedText-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedText-] [class*=icon-],[class*=channels-] [class*=contentSelectedText-] [class*=name-],[class*=channels-] [class*=contentSelectedVoice-] [class*=actionIcon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=icon-],[class*=channels-] [class*=contentSelectedVoice-] [class*=name-]{color:var(--channel-highlight-color)}[class*=markup-] code.inline{background:var(--inline-code-bg-color);padding:2px 4px}[class*=markup-] pre{background:var(--code-block-bg-color);border-color:var(--ui-border-color)}[class*=markup-] code:not(.inline){background:var(--code-block-bg-color);color:var(--code-block-color)}code{font-family:var(--font-family-mono)!important}[class*=markup-] a{color:var(--link-color)!important}[class*=mention]{background-color:var(--mention-bg-color)!important;color:var(--mention-color)!important}[class*=mention]:hover{background-color:var(--mention-hover-bg-color)!important;color:var(--mention-hover-color)!important;text-decoration:underline}[class*=isMentioned-]{padding-top:.3rem;padding-bottom:.3rem}[class*=containerCozyBounded-]{padding-bottom:var(--message-padding);padding-top:var(--message-padding)}[class*=containerCozy-] [class*=contentCozy-] [class*=markup-]{color:var(--message-color)!important}@media (min-width:1100px){[class*=containerCozy-] [class*=contentCozy-] [class*=markup-]{max-width:var(--message-max-width)}}[class*=messageCozy-]{margin-bottom:0;padding-top:.2rem;padding-bottom:.2rem}[class*=messageCozy-]:hover{background-color:var(--message-hover-background)}[class*=messageCozy-] [class*=buttonContainer-]>[class*=buttonContainer-]{visibility:hidden;position:absolute;top:-7.5px;right:50px;padding:2px;background-color:var(--background-color);border:2px solid var(--ui-border-color-lighter);border-radius:5px}[class*=messageCozy-]:hover [class*=buttonContainer-]>[class*=buttonContainer-]{visibility:visible}[class*=messageCozy-]:hover [class*=buttonContainer-]>[class*=buttonContainer-]>*{visibility:visible;opacity:1}[class*=messageCozy-]:hover [class*=buttonContainer-]>[class*=buttonContainer-]>:hover{opacity:.75}[class*=contentCozy-]{position:relative}[class*=scroller-]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color)!important}[class*=systemPad-] [class*=guildInner]{border-radius:var(--sidebar-icon-border-radius)!important}[class*=guildsWrapper] [class*=guildInner-],[class*=guildsWrapper] [class*=guildsAdd-]{-webkit-transform:translateX(8px)!important;transform:translateX(8px)!important}[class*=guildsWrapper] [class*=avatar-],[class*=guildsWrapper] [class*=guild-],[class*=guildsWrapper] [class*=guildInner-] a,[class*=guildsWrapper] [class*=iconSizeLarge]{width:var(--sidebar-icon-width)!important;height:var(--sidebar-icon-width)!important;line-height:var(--sidebar-icon-width)!important}[class*=guild-]+[class*=guild-]{margin-top:12px!important}[class*=guildsWrapper] [class*=friendsOnline-]{width:calc(var(--sidebar-icon-width) + 16px)!important}[class*=guildsWrapper] [class*=guildsAdd-]{display:block;height:calc(var(--sidebar-icon-width)/2);border:none}[class*=guildsWrapper] button[class*=guildsAdd-]{margin-top:20px!important}[class*=guildsWrapper] [class*=badge-]{box-shadow:0 1px 0 rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15),0 0 1px rgba(0,0,0,.5);right:-11px;bottom:-4px}[class*=guildsWrapper] [class*=downloadAppButton-],[class*=guildsWrapper] [class*=downloadAppButton-]>svg,[class*=guildsWrapper] [class*=guildSeparator-]{display:none}[class*=channelTextArea-]{padding-top:0;border-top:0!important;margin-bottom:20px!important}[class*=innerNoAutocomplete-],[class*=titleWrapper-] [class*=searchBar-]{border:2px solid var(--ui-border-color)!important}[class*=inner-],[class*=titleWrapper-] [class*=searchBar-]{background-color:var(--text-input-background-color)!important}[class*=textArea-],[class*=titleWrapper-] [class*=searchBar-]{color:var(--text-input-color)!important}[class*=DraftEditorPlaceholder-root]{padding-top:1px!important}[class*=searchBar-] [class*=icon-]{top:-.5px!important}[class*=DraftEditorPlaceholder-inner],textarea::-webkit-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea:-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::-ms-input-placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=DraftEditorPlaceholder-inner],textarea::placeholder{color:var(--text-input-color)!important;opacity:.45!important}[class*=typing-]{margin-bottom:-4px;background:0 0;font-size:12px;opacity:.8}[class*=titleWrapper-] [class*=divider-],[class*=titleWrapper-] [class*=topic-]:before{display:none}[class*=username-]{font-weight:var(--username-weight);font-size:var(--username-size)}[alt=":grinning:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/grinning-face_1f600.png)}[alt=":grimacing:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/grimacing-face_1f62c.png)}[alt=":grin:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-smiling-eyes_1f604.png)}[alt=":joy:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-tears-of-joy_1f602.png)}[alt=":scream:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-screaming-in-fear_1f631.png)}[alt=":sunglasses:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-sunglasses_1f60e.png)}[alt=":smiley:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth_1f603.png)}[alt=":smile:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-smiling-eyes_1f604.png)}[alt=":sweat_smile:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-cold-sweat_1f605.png)}[alt=":laughing:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-open-mouth-and-tightly-closed-eyes_1f606.png)}[alt=":innocent:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-halo_1f607.png)}[alt=":slight_smile:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/slightly-smiling-face_1f642.png)}[alt=":slight_frown:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/slightly-frowning-face_1f641.png)}[alt=":upside_down:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/upside-down-face_1f643.png)}[alt=":wink:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/winking-face_1f609.png)}[alt=":stuck_out_tongue:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-stuck-out-tongue_1f61b.png)}[alt=":stuck_out_tongue_winking_eye:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-stuck-out-tongue-and-winking-eye_1f61c.png)}[alt=":stuck_out_tongue_closed_eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-stuck-out-tongue-and-tightly-closed-eyes_1f61d.png)}[alt=":thinking:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/thinking-face_1f914.png)}[alt=":rolling_eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-with-rolling-eyes_1f644.png)}[alt=":kissing_heart:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-throwing-a-kiss_1f618.png)}[alt=":heart_eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/smiling-face-with-heart-shaped-eyes_1f60d.png)}[alt=":no_mouth:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/face-without-mouth_1f636.png)}[alt=":confused:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/confused-face_1f615.png)}[alt=":flushed:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/flushed-face_1f633.png)}[alt=":cry:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/crying-face_1f622.png)}[alt=":eyes:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/eyes_1f440.png)}[alt=":thumbsup:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/thumbs-up-sign_1f44d.png)}[alt=":thumbsdown:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/thumbs-down-sign_1f44e.png)}[alt=":fingers_crossed:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/hand-with-index-and-middle-fingers-crossed_1f91e.png)}[alt=":point_up_2:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/white-up-pointing-backhand-index_1f446.png)}[alt=":middle_finger:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/reversed-hand-with-middle-finger-extended_1f595.png)}[alt=":ok_hand:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/ok-hand-sign_1f44c.png)}[alt=":vulcan:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/raised-hand-with-part-between-middle-and-ring-fingers_1f596.png)}[alt=":wave:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/waving-hand-sign_1f44b.png)}[alt=":fist:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/raised-fist_270a.png)}[alt=":punch:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/fisted-hand-sign_1f44a.png)}[alt=":clap:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/clapping-hands-sign_1f44f.png)}[alt=":raised_hands:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/person-raising-both-hands-in-celebration_1f64c.png)}[alt=":pray:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/person-with-folded-hands_1f64f.png)}[alt=":handshake:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/handshake_1f91d.png)}[alt=":heart:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/heavy-black-heart_2764.png)}[alt=":beer:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/beer-mug_1f37a.png)}[alt=":beers:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/clinking-beer-mugs_1f37b.png)}[alt=":rocket:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/rocket_1f680.png)}[alt=":100:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/hundred-points-symbol_1f4af.png)}[alt=":fire:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/fire_1f525.png)}[alt=":popcorn:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/popcorn_1f37f.png)}[alt=":bulb:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/electric-light-bulb_1f4a1.png)}[alt=":eggplant:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/aubergine_1f346.png)}[alt=":poop:"]{content:url(https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/120/apple/155/pile-of-poo_1f4a9.png)} diff --git a/mix-manifest.json b/mix-manifest.json index 82c8664..b364d91 100644 --- a/mix-manifest.json +++ b/mix-manifest.json @@ -1,5 +1,5 @@ { - "/dist/base.css": "/dist/base.css?id=a3e1a36717740d1da32e", + "/dist/base.css": "/dist/base.css?id=d7809d15a44eb0909c70", "/dist/plugins/apple-emojis.css": "/dist/plugins/apple-emojis.css?id=fd32bbb9626d9978215b", - "/dist/complete.css": "/dist/complete.css?id=16408313701b644f1b7e" + "/dist/complete.css": "/dist/complete.css?id=971ce4b6c5d7bb904ff1" } diff --git a/src/base.scss b/src/base.scss index 7b3e1b7..1fcb933 100644 --- a/src/base.scss +++ b/src/base.scss @@ -1,10 +1,8 @@ -//.theme-light { -// --message-color: #f00 !important; -//} - +// Base Colors $base-color-dark: #202225; $base-color-light: #f3f3f4; +/* General Variables */ :root { --font-family: "Lato-Regular", "Helvetica Neue", Helvetica, "Segoe UI", -apple-system, BlinkMacSystemFont, Tahoma, Arial, sans-serif; --font-family-mono: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; @@ -21,13 +19,16 @@ $base-color-light: #f3f3f4; --channel-highlight-bg-color: #{rgba($base-color-light, .7)}; } +/* Dark Theme Variables */ .theme-dark { --font-smoothing: antialiased; --message-hover-background: #{rgba($base-color-light, .04)}; --message-color: #{$base-color-light}; --text-input-color: #{$base-color-light}; --ui-border-color: #{rgba($base-color-light, .2)}; + --ui-border-color-lighter: #{rgba($base-color-light, .1)}; --scrollbar-color: #{rgba($base-color-light, .3)}; + --background-color: #36393F; --mention-color: #6f8fff; --mention-bg-color: rgba(114,137,218,.1); --mention-hover-color: var(--mention-color); @@ -35,16 +36,16 @@ $base-color-light: #f3f3f4; --link-color: #0096cf; } +/* Light Theme Variables */ .theme-light { --message-hover-background: #{rgba($base-color-dark, .03)}; --message-color: #{$base-color-dark}; --text-input-color: #{$base-color-dark}; --ui-border-color: #{rgba($base-color-dark, .3)}; + --ui-border-color-lighter: #{rgba($base-color-dark, .15)}; + --background-color: #fff; --text-input-background-color: #fff; --scrollbar-color: #{rgba($base-color-dark, .3)}; - - //--mention-color: #F04747; - //--mention-bg-color: #FDF2F1; --mention-color: #506bcc; --mention-bg-color: #f1f3fb; --mention-hover-color: var(--mention-color); @@ -62,6 +63,7 @@ $base-color-light: #f3f3f4; @import "components/links"; @import "components/mentions"; @import "components/message"; +@import "components/messageActions"; @import "components/scrollbar"; @import "components/sidebar"; @import "components/textinput"; diff --git a/src/components/message.scss b/src/components/message.scss index 74a9cef..18e3cbd 100644 --- a/src/components/message.scss +++ b/src/components/message.scss @@ -4,18 +4,23 @@ padding-top: var(--message-padding); } -/* Message Content Width */ -@media (min-width: 1100px) { - [class*="containerCozy-"] [class*="contentCozy-"] { - max-width: var(--message-max-width); - } -} - /* Message text color */ [class*="containerCozy-"] [class*="contentCozy-"] [class*="markup-"] { color: var(--message-color) !important; + + /* Max message content width */ + @media (min-width: 1100px) { + max-width: var(--message-max-width); + } } -[class*="containerCozyBounded-"]:hover { - background-color: var(--message-hover-background); +/* Individual message */ +[class*="messageCozy-"] { + margin-bottom: 0; + padding-top: .2rem; + padding-bottom: .2rem; + + &:hover { + background-color: var(--message-hover-background); + } } diff --git a/src/components/messageActions.scss b/src/components/messageActions.scss new file mode 100644 index 0000000..74a0dec --- /dev/null +++ b/src/components/messageActions.scss @@ -0,0 +1,29 @@ +/* Message action toolbar */ +[class*="messageCozy-"] [class*="buttonContainer-"] > [class*="buttonContainer-"] { + visibility: hidden; + position: absolute; + top: -7.5px; + right: 50px; + padding: 2px; + background-color: var(--background-color); + border: solid 2px var(--ui-border-color-lighter); + border-radius: 5px; +} + +[class*="messageCozy-"]:hover [class*="buttonContainer-"] > [class*="buttonContainer-"] { + visibility: visible; + + /* Toolbar buttons */ + & > * { + visibility: visible; + opacity: 1; + + &:hover { + opacity: .75; + } + } +} + +[class*="contentCozy-"] { + position: relative; +}