chore(reactions): fixed background color

Satellite-im · May 4, 2022 · ea7d27a · ea7d27a
1 parent 7c072e1
commit ea7d27a
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/assets/styles/framework/colors.less b/assets/styles/framework/colors.less
@@ -13,7 +13,8 @@
 @black: #000;
 
 @primary-color: #2761fd;
-@scrollbar-color: var(--flair-color);
+@flair-color: var(--flair-color);
+@scrollbar-color: @flair-color;
 
 @secondary-text: #dae0ff;
 @text: #ffffff;
@@ -174,7 +175,7 @@
   #131217 32%,
   #121b28 100%
 );
-
+@flair-gradient: linear-gradient(40deg, @flair-color 0%, @flair-color 100%);
 @modal-gradient: linear-gradient(
     163.91deg,
     rgba(48, 52, 71, 0.5) 0%,
@@ -188,6 +189,9 @@
   ),
   linear-gradient(0deg, #121216, #121216);
 
+.background-flair {
+  background: @flair-color;
+}
 .background-primary {
   background: @primary-color;
 }
@@ -200,6 +204,9 @@
 .background-dark-gradient {
   background: @background-gradient;
 }
+.background-flair-gradient {
+  background: @flair-gradient;
+}
 .background-gradient {
   background: @midground-gradient;
 }

diff --git a/assets/styles/framework/glows.less b/assets/styles/framework/glows.less
@@ -1,4 +1,5 @@
 @primary-glow: 0 5px 14px -5px @primary-color;
+@flair-glow: 0 5px 14px -5px @flair-color;
 @white-glow: 0 5px 14px -5px @white;
 @danger-glow: 0 5px 14px -5px @red;
 
@@ -7,6 +8,9 @@
 
 @ui-shadow: 0 10px 20px 0 #080b0f3b;
 
+.glow-flair {
+  box-shadow: @flair-glow;
+}
 .glow-primary {
   box-shadow: @primary-glow;
 }

diff --git a/components/views/chat/message/reactions/Reactions.less b/components/views/chat/message/reactions/Reactions.less
@@ -14,8 +14,8 @@
     max-width: 3.5rem;
   }
   .emoji-reacted {
-    &:extend(.background-primary-gradient);
-    &:extend(.glow-primary);
+    &:extend(.background-flair-gradient);
+    &:extend(.glow-flair);
   }
   .react-button {
     display: none;