diff --git a/web/chat/chat-thread-list-item-menu.css b/web/chat/chat-thread-list-item-menu.css --- a/web/chat/chat-thread-list-item-menu.css +++ b/web/chat/chat-thread-list-item-menu.css @@ -1,6 +1,6 @@ div.sidebar .menu > button svg { - font-size: 16px; color: var(--thread-color-read); + padding-right: 8px; } div.sidebar .menu { opacity: 0; @@ -24,6 +24,10 @@ align-items: center; } +.mailIcon { + padding-right: 8px; +} + .menu > button:focus { outline: none; } @@ -32,16 +36,17 @@ display: none; position: absolute; top: calc(100% + 1px); - right: 0; + right: 11px; z-index: 1; width: max-content; overflow: hidden; - background-color: #eeeeee; - border-radius: 5px; - box-shadow: 1px 1px 5px 2px #00000022; + border-radius: 4px; + + background-color: var(--chat-thread-list-menu-bg); } .menuContentVisible { display: block; + background-color: var(--chat-thread-list-menu-bg); } .menuSidebar { @@ -51,9 +56,9 @@ button.menuContent { border: none; cursor: pointer; - padding: 10px; - font-size: 16px; -} -button.menuContent:hover { - background-color: #dddddd; + padding: 8px; + font-size: var(--xs-font-12); + line-height: var(--line-height-text); + color: var(--chat-thread-list-menu-color); + background-color: var(--chat-thread-list-menu-bg); } diff --git a/web/chat/chat-thread-list-item-menu.react.js b/web/chat/chat-thread-list-item-menu.react.js --- a/web/chat/chat-thread-list-item-menu.react.js +++ b/web/chat/chat-thread-list-item-menu.react.js @@ -50,6 +50,7 @@
diff --git a/web/theme.css b/web/theme.css --- a/web/theme.css +++ b/web/theme.css @@ -114,4 +114,6 @@ --app-list-icon-disabled-color: var(--shades-white-80); --account-settings-label: var(--shades-black-60); --account-button-color: var(--violet-dark-100); + --chat-thread-list-menu-color: var(--shades-white-60); + --chat-thread-list-menu-bg: var(--shades-black-90); }