fix: don't invert dark emojis in Latte
This commit is contained in:
parent
30be5f7109
commit
4ade14fd5d
1 changed files with 24 additions and 22 deletions
|
@ -203,28 +203,30 @@
|
||||||
--color-active-line: #{$surface1};
|
--color-active-line: #{$surface1};
|
||||||
}
|
}
|
||||||
|
|
||||||
/* invert emojis that are hard to read otherwise */
|
@if $isDark {
|
||||||
.emoji[aria-label="check mark"],
|
/* invert emojis that are hard to read otherwise */
|
||||||
.emoji[aria-label="currency exchange"],
|
.emoji[aria-label="check mark"],
|
||||||
.emoji[aria-label="TOP arrow"],
|
.emoji[aria-label="currency exchange"],
|
||||||
.emoji[aria-label="END arrow"],
|
.emoji[aria-label="TOP arrow"],
|
||||||
.emoji[aria-label="ON! arrow"],
|
.emoji[aria-label="END arrow"],
|
||||||
.emoji[aria-label="SOON arrow"],
|
.emoji[aria-label="ON! arrow"],
|
||||||
.emoji[aria-label="heavy dollar sign"],
|
.emoji[aria-label="SOON arrow"],
|
||||||
.emoji[aria-label="copyright"],
|
.emoji[aria-label="heavy dollar sign"],
|
||||||
.emoji[aria-label="registered"],
|
.emoji[aria-label="copyright"],
|
||||||
.emoji[aria-label="trade mark"],
|
.emoji[aria-label="registered"],
|
||||||
.emoji[aria-label="multiply"],
|
.emoji[aria-label="trade mark"],
|
||||||
.emoji[aria-label="plus"],
|
.emoji[aria-label="multiply"],
|
||||||
.emoji[aria-label="minus"],
|
.emoji[aria-label="plus"],
|
||||||
.emoji[aria-label="divide"],
|
.emoji[aria-label="minus"],
|
||||||
.emoji[aria-label="curly loop"],
|
.emoji[aria-label="divide"],
|
||||||
.emoji[aria-label="double curly loop"],
|
.emoji[aria-label="curly loop"],
|
||||||
.emoji[aria-label="wavy dash"],
|
.emoji[aria-label="double curly loop"],
|
||||||
.emoji[aria-label="paw prints"],
|
.emoji[aria-label="wavy dash"],
|
||||||
.emoji[aria-label="musical note"],
|
.emoji[aria-label="paw prints"],
|
||||||
.emoji[aria-label="musical notes"] {
|
.emoji[aria-label="musical note"],
|
||||||
|
.emoji[aria-label="musical notes"] {
|
||||||
filter: invert(100%) hue-rotate(180deg);
|
filter: invert(100%) hue-rotate(180deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui.ui.ui.button:not(.inverted, .basic),
|
.ui.ui.ui.button:not(.inverted, .basic),
|
||||||
|
|
Loading…
Reference in a new issue