Fix card text readability: use navbar-text color paired with navbar background on all cards
This commit is contained in:
1 parent
e53a9dc838
commit
54c03c998c
2 files changed
+7
-4
No files matched your search
+5
-2
@@ -248,6 +248,7 @@ body {
|
||||
}
|
||||
.card-base {
|
||||
background-color: var(--color-navbar);
|
||||
color: var(--color-navbar-text);
|
||||
border-radius: var(--radius-md);
|
||||
box-shadow: var(--shadow-card);
|
||||
border: 1px solid color-mix(in srgb, var(--color-text-muted) 15%, transparent);
|
||||
@@ -292,6 +293,7 @@ a:hover {
|
||||
}
|
||||
.card {
|
||||
background: var(--color-navbar);
|
||||
color: var(--color-navbar-text);
|
||||
border: 1px solid color-mix(in srgb, var(--color-text-muted) 12%, transparent);
|
||||
border-radius: var(--card-border-radius);
|
||||
box-shadow: var(--shadow-card);
|
||||
@@ -457,6 +459,7 @@ tbody tr:hover {
|
||||
/* Cards used inside admin pages */
|
||||
.admin-card {
|
||||
background: var(--color-navbar);
|
||||
color: var(--color-navbar-text);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 16px;
|
||||
box-shadow: var(--shadow-card);
|
||||
@@ -571,7 +574,7 @@ tbody tr:hover {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
background: var(--color-navbar);
|
||||
color: var(--color-text);
|
||||
color: var(--color-navbar-text);
|
||||
border: 1px solid color-mix(in srgb, var(--color-text-muted) 12%, transparent);
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: var(--shadow-card);
|
||||
@@ -609,7 +612,7 @@ tbody tr:hover {
|
||||
font-weight: 700;
|
||||
font-size: 1rem;
|
||||
line-height: 1.3;
|
||||
color: var(--color-text);
|
||||
color: var(--color-navbar-text);
|
||||
}
|
||||
.content-card-subtitle {
|
||||
margin: 0.15rem 0 0;
|
||||
|
||||
Reference in new issue
Block a user