use text color css vars in database routes
This commit is contained in:
parent
30551d28ac
commit
1a511461e5
12 changed files with 24 additions and 24 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -454,6 +454,6 @@
|
|||
}
|
||||
|
||||
.empty-value {
|
||||
color: colors.$grey-50;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -128,7 +128,7 @@
|
|||
.empty {
|
||||
padding: spacing.$unit-4x;
|
||||
text-align: center;
|
||||
color: colors.$grey-50;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.error {
|
||||
|
|
|
|||
|
|
@ -88,7 +88,7 @@
|
|||
|
||||
.subtitle {
|
||||
font-size: typography.$font-regular;
|
||||
color: colors.$grey-50;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -461,6 +461,6 @@
|
|||
}
|
||||
|
||||
.empty-value {
|
||||
color: colors.$grey-50;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -198,7 +198,7 @@
|
|||
.empty-state {
|
||||
padding: spacing.$unit-4x;
|
||||
text-align: center;
|
||||
color: colors.$grey-50;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.error-state {
|
||||
|
|
|
|||
|
|
@ -466,6 +466,6 @@
|
|||
}
|
||||
|
||||
.empty-value {
|
||||
color: colors.$grey-50;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue