granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix text colors

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

8
components/CharacterUnit/index.scss
View file

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

4
components/PartyDetails/index.scss
View file

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

8
components/Segment/index.scss
View file

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

8
components/SummonUnit/index.scss
View file

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

8
components/WeaponUnit/index.scss
View file

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