Change emoji reactions bar color
This commit is contained in:
parent
d6b7947001
commit
eaa1f9e450
4 changed files with 12 additions and 2 deletions
|
@ -6,6 +6,9 @@ $classic-primary-color: #9baec8;
|
||||||
$classic-secondary-color: #d9e1e8;
|
$classic-secondary-color: #d9e1e8;
|
||||||
$classic-highlight-color: #6364ff;
|
$classic-highlight-color: #6364ff;
|
||||||
|
|
||||||
|
$emoji-reaction-color: #42485a !default;
|
||||||
|
$emoji-reaction-selected-color: #617ed5 !default;
|
||||||
|
|
||||||
$ui-base-color: $classic-base-color !default;
|
$ui-base-color: $classic-base-color !default;
|
||||||
$ui-primary-color: $classic-primary-color !default;
|
$ui-primary-color: $classic-primary-color !default;
|
||||||
$ui-secondary-color: $classic-secondary-color !default;
|
$ui-secondary-color: $classic-secondary-color !default;
|
||||||
|
|
|
@ -7,6 +7,9 @@ $classic-primary-color: #9baec8;
|
||||||
$classic-secondary-color: #d9e1e8;
|
$classic-secondary-color: #d9e1e8;
|
||||||
$classic-highlight-color: #6364ff;
|
$classic-highlight-color: #6364ff;
|
||||||
|
|
||||||
|
$emoji-reaction-color: #dfe5f5 !default;
|
||||||
|
$emoji-reaction-selected-color: #9ac1f2 !default;
|
||||||
|
|
||||||
// Differences
|
// Differences
|
||||||
$success-green: lighten(#3c754d, 8%);
|
$success-green: lighten(#3c754d, 8%);
|
||||||
|
|
||||||
|
|
|
@ -1346,7 +1346,7 @@ body > [data-popper-placement] {
|
||||||
margin: 12px 0 2px 4px;
|
margin: 12px 0 2px 4px;
|
||||||
|
|
||||||
.emoji-reactions-bar__button {
|
.emoji-reactions-bar__button {
|
||||||
background: lighten($ui-base-color, 12%);
|
background: $emoji-reaction-color;
|
||||||
border: 0;
|
border: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -1355,7 +1355,7 @@ body > [data-popper-placement] {
|
||||||
height: 24px;
|
height: 24px;
|
||||||
|
|
||||||
&.toggled {
|
&.toggled {
|
||||||
background: darken($ui-primary-color, 16%);
|
background: $emoji-reaction-selected-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .emoji {
|
> .emoji {
|
||||||
|
|
|
@ -15,6 +15,10 @@ $classic-primary-color: #9baec8; // Echo Blue
|
||||||
$classic-secondary-color: #d9e1e8; // Pattens Blue
|
$classic-secondary-color: #d9e1e8; // Pattens Blue
|
||||||
$classic-highlight-color: #6364ff; // Brand purple
|
$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
|
// Variables for defaults in UI
|
||||||
$base-shadow-color: $black !default;
|
$base-shadow-color: $black !default;
|
||||||
$base-overlay-background: $black !default;
|
$base-overlay-background: $black !default;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue