Now using the background color value for profile fields in dark mode

This commit is contained in:
Niléane 2023-10-12 19:51:47 +02:00
commit 2580ca6830
No known key found for this signature in database
4 changed files with 20 additions and 0 deletions

View file

@ -2334,6 +2334,11 @@ body.layout-single-column {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-radius: 8px; border-radius: 8px;
} }
@media (prefers-color-scheme: dark) {
.layout-single-column .account__header__bio .account__header__fields {
background-color: var(--color-bg);
}
}
.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { .layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) {
display: none; display: none;
} }

View file

@ -2334,6 +2334,11 @@ body.layout-single-column {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-radius: 8px; border-radius: 8px;
} }
@media (prefers-color-scheme: dark) {
.layout-single-column .account__header__bio .account__header__fields {
background-color: var(--color-bg);
}
}
.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { .layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) {
display: none; display: none;
} }

View file

@ -2334,6 +2334,11 @@ body.layout-single-column {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-radius: 8px; border-radius: 8px;
} }
@media (prefers-color-scheme: dark) {
.layout-single-column .account__header__bio .account__header__fields {
background-color: var(--color-bg);
}
}
.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { .layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) {
display: none; display: none;
} }

View file

@ -2334,6 +2334,11 @@ body.layout-single-column {
background-color: var(--color-content-secondary-bg); background-color: var(--color-content-secondary-bg);
border-radius: 8px; border-radius: 8px;
} }
@media (prefers-color-scheme: dark) {
.layout-single-column .account__header__bio .account__header__fields {
background-color: var(--color-bg);
}
}
.layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) { .layout-single-column .account__header__bio .account__header__fields:has(dl:only-child) {
display: none; display: none;
} }