Change emoji reactions bar color

This commit is contained in:
KMY 2023-07-07 07:10:36 +09:00
parent d6b7947001
commit eaa1f9e450
4 changed files with 12 additions and 2 deletions

View file

@ -6,6 +6,9 @@ $classic-primary-color: #9baec8;
$classic-secondary-color: #d9e1e8;
$classic-highlight-color: #6364ff;
$emoji-reaction-color: #42485a !default;
$emoji-reaction-selected-color: #617ed5 !default;
$ui-base-color: $classic-base-color !default;
$ui-primary-color: $classic-primary-color !default;
$ui-secondary-color: $classic-secondary-color !default;

View file

@ -7,6 +7,9 @@ $classic-primary-color: #9baec8;
$classic-secondary-color: #d9e1e8;
$classic-highlight-color: #6364ff;
$emoji-reaction-color: #dfe5f5 !default;
$emoji-reaction-selected-color: #9ac1f2 !default;
// Differences
$success-green: lighten(#3c754d, 8%);

View file

@ -1346,7 +1346,7 @@ body > [data-popper-placement] {
margin: 12px 0 2px 4px;
.emoji-reactions-bar__button {
background: lighten($ui-base-color, 12%);
background: $emoji-reaction-color;
border: 0;
cursor: pointer;
display: flex;
@ -1355,7 +1355,7 @@ body > [data-popper-placement] {
height: 24px;
&.toggled {
background: darken($ui-primary-color, 16%);
background: $emoji-reaction-selected-color;
}
> .emoji {

View file

@ -15,6 +15,10 @@ $classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue
$classic-highlight-color: #6364ff; // Brand purple
// Values for kmyblue original functions
$emoji-reaction-color: #42485a !default;
$emoji-reaction-selected-color: #617ed5 !default;
// Variables for defaults in UI
$base-shadow-color: $black !default;
$base-overlay-background: $black !default;