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

Rename element colors to use numeric scale

Browse source
This commit is contained in:
Justin Edmund 2022-12-04 09:45:58 -08:00
parent 3fc5c9a6a7
commit cdc82e5348
4 changed files with 46 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/AccountModal/index.scss
View file

@ -118,27 +118,27 @@
}
&.fire {
background: $fire-bg-light;
background: $fire-bg-20;
}
&.water {
background: $water-bg-light;
background: $water-bg-20;
}
&.wind {
background: $wind-bg-light;
background: $wind-bg-20;
}
&.earth {
background: $earth-bg-light;
background: $earth-bg-20;
}
&.dark {
background: $dark-bg-light;
background: $dark-bg-10;
}
&.light {
background: $light-bg-light;
background: $light-bg-20;
}
}
}

36
components/Button/index.scss
View file

@ -152,56 +152,56 @@
}
&.wind {
background: $wind-bg-light;
color: $wind-text-dark;
background: $wind-bg-20;
color: $wind-text-10;
&:hover {
background: darken($wind-bg-light, 10);
background: darken($wind-bg-20, 10);
}
}
&.fire {
background: $fire-bg-light;
color: $fire-text-dark;
background: $fire-bg-20;
color: $fire-text-10;
&:hover {
background: darken($fire-bg-light, 10);
background: darken($fire-bg-20, 10);
}
}
&.water {
background: $water-bg-light;
color: $water-text-dark;
background: $water-bg-20;
color: $water-text-10;
&:hover {
background: darken($water-bg-light, 10);
background: darken($water-bg-20, 10);
}
}
&.earth {
background: $earth-bg-light;
color: $earth-text-dark;
background: $earth-bg-20;
color: $earth-text-10;
&:hover {
background: darken($earth-bg-light, 10);
background: darken($earth-bg-20, 10);
}
}
&.dark {
background: $dark-bg-light;
color: $dark-text-dark;
background: $dark-bg-10;
color: $dark-text-10;
&:hover {
background: darken($dark-bg-light, 10);
background: darken($dark-bg-10, 10);
}
}
&.light {
background: $light-bg-light;
color: $light-text-dark;
background: $light-bg-20;
color: $light-text-10;
&:hover {
background: darken($light-bg-light, 10);
background: darken($light-bg-20, 10);
}
}

24
components/ElementToggle/index.scss
View file

@ -32,33 +32,33 @@
color: $grey-10;
&.fire {
background: $fire-bg-light;
color: $fire-text-dark;
background: $fire-bg-20;
color: $fire-text-10;
}
&.water {
background: $water-bg-light;
color: $water-text-dark;
background: $water-bg-20;
color: $water-text-10;
}
&.earth {
background: $earth-bg-light;
color: $earth-text-dark;
background: $earth-bg-20;
color: $earth-text-10;
}
&.wind {
background: $wind-bg-light;
color: $wind-text-dark;
background: $wind-bg-20;
color: $wind-text-10;
}
&.dark {
background: $dark-bg-light;
color: $dark-text-dark;
background: $dark-bg-10;
color: $dark-text-10;
}
&.light {
background: $light-bg-light;
color: $light-text-dark;
background: $light-bg-20;
color: $light-text-10;
}
}
}

20
components/JobSkillResult/index.scss
View file

@ -30,28 +30,28 @@
padding: calc($unit / 2) $unit;
&.buffing {
background-color: $light-bg-dark;
color: $light-text-dark;
background-color: $light-bg-10;
color: $light-text-10;
}
&.debuffing {
background-color: $water-bg-dark;
color: $water-text-dark;
background-color: $water-bg-10;
color: $water-text-10;
}
&.healing {
background-color: $wind-bg-dark;
color: $wind-text-dark;
background-color: $wind-bg-10;
color: $wind-text-10;
}
&.damaging {
background-color: $fire-bg-dark;
color: $fire-text-dark;
background-color: $fire-bg-10;
color: $fire-text-10;
}
&.field {
background-color: $dark-bg-dark;
color: $dark-text-dark;
background-color: $dark-bg-20;
color: $dark-text-10;
}
}