Fixes @mentions background for light-mode

2021-10-01 10:38:56 -04:00
parent 9e856e19a0
commit f07decac5a
1 changed files with 8 additions and 1 deletions
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -4545,7 +4545,6 @@ button.module-image__border-overlay:focus {
 }

 .module-message-body__at-mention {
-  background-color: $color-black-alpha-40;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
@@ -4553,6 +4552,14 @@ button.module-image__border-overlay:focus {
  padding-right: 4px;
  border: 1px solid transparent;

+  @include light-theme {
+    background-color: $color-gray-20;
+  }
+
+  @include dark-theme {
+    background-color: $color-black-alpha-40;
+  }
+
  &:focus {
    border: 1px solid $color-black;
    outline: none;