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

35 lines
650 B
CSS
Raw Normal View History

2024-03-31 16:58:26 +02:00
.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);
2024-04-06 23:50:12 +02:00
user-select: none;
2024-03-31 16:58:26 +02:00
}
.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);
}
}