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 { h3 {
color: var(--text-secondary); color: var(--text-primary);
font-size: $font-regular; font-size: $font-regular;
font-weight: $normal; font-weight: $normal;
line-height: 1.1; line-height: 1.1;

12
components/JobSkillItem/index.scss
View file

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

2
components/SummonUnit/index.scss
View file

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

2
components/WeaponUnit/index.scss
View file

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

4
styles/themes.scss
View file

@ -4,7 +4,9 @@
--card-bg: white; --card-bg: white;
--text-primary: #{$text--primary--color--light}; --text-primary: #{$text--primary--color--light};
--text-secondary: #{$text--secondary--color--light}; --text-secondary: #{$text--secondary--color--light};
--text-secondary-hover: #{$text--secondary--hover--light};
--icon-secondary: #{$icon--secondary--color--light}; --icon-secondary: #{$icon--secondary--color--light};
--icon-secondary-hover: #{$icon--secondary--hover--light}; --icon-secondary-hover: #{$icon--secondary--hover--light};
@ -30,7 +32,9 @@
--card-bg: #{$page--element--bg--dark}; --card-bg: #{$page--element--bg--dark};
--text-primary: #{$text--primary--color--dark}; --text-primary: #{$text--primary--color--dark};
--text-secondary: #{$text--secondary--color--dark}; --text-secondary: #{$text--secondary--color--dark};
--text-secondary-hover: #{$text--secondary--hover--dark};
--icon-secondary: #{$icon--secondary--color--dark}; --icon-secondary: #{$icon--secondary--color--dark};
--icon-secondary-hover: #{$icon--secondary--hover--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--light: $grey-20;
$text--primary--color--dark: $grey-90; $text--primary--color--dark: $grey-90;
$text--secondary--color--light: $grey-10; $text--secondary--color--light: $grey-40;
$text--secondary--color--dark: $grey-70; $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--light: $grey-70;
$icon--secondary--color--dark: $grey-40; $icon--secondary--color--dark: $grey-40;