fix: avatar colors
This commit is contained in:
parent
55957b2ac7
commit
e149b7c1e2
4 changed files with 42 additions and 22 deletions
|
|
@ -1,5 +1,6 @@
|
|||
[data-component="avatar"] {
|
||||
--avatar-bg: var(--color-surface-info-base);
|
||||
--avatar-fg: var(--color-text-base);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
|
@ -10,7 +11,7 @@
|
|||
font-weight: 500;
|
||||
text-transform: uppercase;
|
||||
background-color: var(--avatar-bg);
|
||||
color: oklch(from var(--avatar-bg) calc(l * 0.72) calc(c * 8) h);
|
||||
color: var(--avatar-fg);
|
||||
}
|
||||
|
||||
[data-component="avatar"][data-has-image] {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue