asi-calculator/components/TokenLogo/TokenLogo.module.css

34 lines
629 B
CSS

.logo {
margin-top: -0.15rem;
vertical-align: middle;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: rgba(var(--foreground-rgb), 0.5);
}
.logo img {
width: 23px;
height: 23px;
border-radius: 50%;
filter: grayscale(1);
}
.logo[data-symbol='AGIX'] img {
filter: invert(1) grayscale(1) contrast(1.5);
}
@media (prefers-color-scheme: dark) {
.logo[data-symbol='OCEAN'] img,
.logo[data-symbol='FET'] img {
filter: invert(1) grayscale(1);
}
.logo[data-symbol='AGIX'] img {
filter: grayscale(1);
}
}