use text color css vars in database routes

This commit is contained in:
Justin Edmund 2025-12-20 20:57:34 -08:00
parent 30551d28ac
commit 1a511461e5
12 changed files with 24 additions and 24 deletions

View file

@ -188,7 +188,7 @@
.error {
text-align: center;
padding: spacing.$unit * 4;
color: colors.$grey-50;
color: var(--text-secondary);
}
.error {
@ -243,7 +243,7 @@
border-bottom: 1px solid #dee2e6;
font-size: typography.$font-small;
font-weight: typography.$medium;
color: colors.$grey-50;
color: var(--text-secondary);
}
.col-modifier {
@ -292,11 +292,11 @@
.name-jp {
font-size: typography.$font-small;
color: colors.$grey-50;
color: var(--text-secondary);
}
.not-set {
color: colors.$grey-60;
color: var(--text-tertiary);
font-style: italic;
}
}
@ -337,7 +337,7 @@
.footer {
padding: spacing.$unit;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
font-size: typography.$font-small;
background: #f8f9fa;
border-top: 1px solid #e5e5e5;

View file

@ -287,7 +287,7 @@
.error {
text-align: center;
padding: spacing.$unit * 4;
color: colors.$grey-50;
color: var(--text-secondary);
}
.error {
@ -356,7 +356,7 @@
.skill-group {
font-size: typography.$font-small;
color: colors.$grey-50;
color: var(--text-secondary);
}
}
}

View file

@ -454,6 +454,6 @@
}
.empty-value {
color: colors.$grey-50;
color: var(--text-secondary);
}
</style>

View file

@ -690,7 +690,7 @@
background: transparent;
border: none;
border-radius: layout.$input-corner;
color: colors.$grey-50;
color: var(--text-secondary);
cursor: pointer;
flex-shrink: 0;
@ -706,7 +706,7 @@
.hint {
font-size: typography.$font-small;
color: colors.$grey-50;
color: var(--text-secondary);
margin: 0;
}
@ -743,7 +743,7 @@
.entity-loading {
padding: spacing.$unit-4x;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
h3 {
margin: 0 0 spacing.$unit 0;

View file

@ -192,7 +192,7 @@
.error {
text-align: center;
padding: spacing.$unit * 4;
color: colors.$grey-50;
color: var(--text-secondary);
}
.error {
@ -312,7 +312,7 @@
.footer {
padding: spacing.$unit;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
font-size: typography.$font-small;
background: #f8f9fa;
border-top: 1px solid #e5e5e5;

View file

@ -128,7 +128,7 @@
.empty {
padding: spacing.$unit-4x;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
}
.error {

View file

@ -88,7 +88,7 @@
.subtitle {
font-size: typography.$font-regular;
color: colors.$grey-50;
color: var(--text-secondary);
}
}
</style>

View file

@ -461,6 +461,6 @@
}
.empty-value {
color: colors.$grey-50;
color: var(--text-secondary);
}
</style>

View file

@ -666,7 +666,7 @@
background: transparent;
border: none;
border-radius: layout.$input-corner;
color: colors.$grey-50;
color: var(--text-secondary);
cursor: pointer;
flex-shrink: 0;
@ -682,7 +682,7 @@
.hint {
font-size: typography.$font-small;
color: colors.$grey-50;
color: var(--text-secondary);
margin: 0;
}
@ -719,7 +719,7 @@
.entity-loading {
padding: spacing.$unit-4x;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
h3 {
margin: 0 0 spacing.$unit 0;

View file

@ -198,7 +198,7 @@
.empty-state {
padding: spacing.$unit-4x;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
}
.error-state {

View file

@ -466,6 +466,6 @@
}
.empty-value {
color: colors.$grey-50;
color: var(--text-secondary);
}
</style>

View file

@ -673,7 +673,7 @@
background: transparent;
border: none;
border-radius: layout.$input-corner;
color: colors.$grey-50;
color: var(--text-secondary);
cursor: pointer;
flex-shrink: 0;
@ -689,7 +689,7 @@
.hint {
font-size: typography.$font-small;
color: colors.$grey-50;
color: var(--text-secondary);
margin: 0;
}
@ -726,7 +726,7 @@
.entity-loading {
padding: spacing.$unit-4x;
text-align: center;
color: colors.$grey-50;
color: var(--text-secondary);
h3 {
margin: 0 0 spacing.$unit 0;