Fix text colors

This commit is contained in:
Justin Edmund 2022-12-04 09:54:55 -08:00
parent f2ba1139a1
commit d2caf088e8
5 changed files with 20 additions and 16 deletions

View file

@ -27,7 +27,7 @@
}
h3 {
color: #333;
color: var(--text-secondary);
font-size: $font-regular;
font-weight: $normal;
line-height: 1.1;
@ -45,7 +45,7 @@
.CharacterImage {
aspect-ratio: 131 / 273;
background: white;
background: var(--card-bg);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: $unit;
display: flex;
@ -61,7 +61,7 @@
}
&:hover .icon svg {
color: $grey-40;
fill: var(--icon-secondary-hover);
}
.icon {
@ -71,7 +71,7 @@
z-index: 1;
svg {
fill: $grey-70;
fill: var(--icon-secondary);
}
}
}

View file

@ -84,6 +84,10 @@
.left {
flex-grow: 1;
h1 {
color: var(--text-primary);
}
}
}

View file

@ -6,16 +6,16 @@
min-width: 100px;
&:hover label {
background: $grey-90;
color: $grey-40;
background: var(--page-hover);
color: var(--text-primary);
}
& input {
display: none;
&:checked + label {
background: $grey-90;
color: $grey-00;
background: var(--background);
color: var(--text-primary);
}
}

View file

@ -52,7 +52,7 @@
}
.SummonImage {
background: white;
background: var(--card-bg);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: $unit;
display: flex;
@ -62,7 +62,7 @@
transition: all 0.18s ease-in-out;
&:hover .icon svg {
fill: $grey-40;
fill: var(--icon-secondary-hover);
}
.icon {
@ -72,7 +72,7 @@
z-index: 1;
svg {
fill: $grey-70;
fill: var(--icon-secondary);
}
}
}
@ -91,7 +91,7 @@
}
h3 {
color: #333;
color: var(--text-secondary);
font-size: $font-regular;
font-weight: $normal;
line-height: 1.1;

View file

@ -82,7 +82,7 @@
}
h3 {
color: $grey-00;
color: var(--text-secondary);
font-size: $font-button;
font-weight: $normal;
line-height: 1.1;
@ -91,7 +91,7 @@
}
.WeaponImage {
background: white;
background: var(--card-bg);
border: 1px solid rgba(0, 0, 0, 0);
border-radius: $unit;
display: flex;
@ -102,7 +102,7 @@
transition: all 0.18s ease-in-out;
&:hover .icon svg {
fill: $grey-40;
fill: var(--icon-secondary-hover);
}
img {
@ -118,7 +118,7 @@
z-index: 1;
svg {
fill: $grey-70;
fill: var(--icon-secondary);
}
}
}