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

Tweak secondary colors

Browse source
This commit is contained in:
Justin Edmund 2022-12-04 10:01:41 -08:00
parent a350d0a3da
commit 2f95e8a8e6
6 changed files with 19 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/CharacterUnit/index.scss
View file

@ -27,7 +27,7 @@
}
h3 {
color: var(--text-secondary);
color: var(--text-primary);
font-size: $font-regular;
font-weight: $normal;
line-height: 1.1;

12
components/JobSkillItem/index.scss
View file

@ -15,13 +15,17 @@
}
& p.placeholder {
color: $grey-30;
color: var(--text-secondary-hover);
}
& svg {
fill: var(--icon-secondary-hover);
}
}
& > img,
& > div.placeholder {
background: white;
background: var(--card-bg);
border-radius: calc($unit / 2);
border: 1px solid rgba(0, 0, 0, 0);
width: $unit * 5;
@ -34,13 +38,13 @@
justify-content: center;
& > svg {
fill: $grey-60;
fill: var(--icon-secondary);
width: $unit * 2;
height: $unit * 2;
}
}
p.placeholder {
color: $grey-50;
color: var(--text-secondary);
}
}

2
components/SummonUnit/index.scss
View file

@ -91,7 +91,7 @@
}
h3 {
color: var(--text-secondary);
color: var(--text-primary);
font-size: $font-regular;
font-weight: $normal;
line-height: 1.1;

2
components/WeaponUnit/index.scss
View file

@ -82,7 +82,7 @@
}
h3 {
color: var(--text-secondary);
color: var(--text-primary);
font-size: $font-button;
font-weight: $normal;
line-height: 1.1;

4
styles/themes.scss
View file

@ -4,7 +4,9 @@
--card-bg: white;
--text-primary: #{$text--primary--color--light};
--text-secondary: #{$text--secondary--color--light};
--text-secondary-hover: #{$text--secondary--hover--light};
--icon-secondary: #{$icon--secondary--color--light};
--icon-secondary-hover: #{$icon--secondary--hover--light};
@ -30,7 +32,9 @@
--card-bg: #{$page--element--bg--dark};
--text-primary: #{$text--primary--color--dark};
--text-secondary: #{$text--secondary--color--dark};
--text-secondary-hover: #{$text--secondary--hover--dark};
--icon-secondary: #{$icon--secondary--color--dark};
--icon-secondary-hover: #{$icon--secondary--hover--dark};

6
styles/variables.scss
View file

@ -39,8 +39,10 @@ $switch--nub--bg--dark: $grey-15;
$text--primary--color--light: $grey-20;
$text--primary--color--dark: $grey-90;
$text--secondary--color--light: $grey-10;
$text--secondary--color--dark: $grey-70;
$text--secondary--color--light: $grey-40;
$text--secondary--hover--light: $grey-20;
$text--secondary--color--dark: $grey-40;
$text--secondary--hover--dark: $grey-70;
$icon--secondary--color--light: $grey-70;
$icon--secondary--color--dark: $grey-40;