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 { &.fire {
background: $fire-bg-light; background: $fire-bg-20;
} }
&.water { &.water {
background: $water-bg-light; background: $water-bg-20;
} }
&.wind { &.wind {
background: $wind-bg-light; background: $wind-bg-20;
} }
&.earth { &.earth {
background: $earth-bg-light; background: $earth-bg-20;
} }
&.dark { &.dark {
background: $dark-bg-light; background: $dark-bg-10;
} }
&.light { &.light {
background: $light-bg-light; background: $light-bg-20;
} }
} }
} }

36
components/Button/index.scss
View file

@ -152,56 +152,56 @@
} }
&.wind { &.wind {
background: $wind-bg-light; background: $wind-bg-20;
color: $wind-text-dark; color: $wind-text-10;
&:hover { &:hover {
background: darken($wind-bg-light, 10); background: darken($wind-bg-20, 10);
} }
} }
&.fire { &.fire {
background: $fire-bg-light; background: $fire-bg-20;
color: $fire-text-dark; color: $fire-text-10;
&:hover { &:hover {
background: darken($fire-bg-light, 10); background: darken($fire-bg-20, 10);
} }
} }
&.water { &.water {
background: $water-bg-light; background: $water-bg-20;
color: $water-text-dark; color: $water-text-10;
&:hover { &:hover {
background: darken($water-bg-light, 10); background: darken($water-bg-20, 10);
} }
} }
&.earth { &.earth {
background: $earth-bg-light; background: $earth-bg-20;
color: $earth-text-dark; color: $earth-text-10;
&:hover { &:hover {
background: darken($earth-bg-light, 10); background: darken($earth-bg-20, 10);
} }
} }
&.dark { &.dark {
background: $dark-bg-light; background: $dark-bg-10;
color: $dark-text-dark; color: $dark-text-10;
&:hover { &:hover {
background: darken($dark-bg-light, 10); background: darken($dark-bg-10, 10);
} }
} }
&.light { &.light {
background: $light-bg-light; background: $light-bg-20;
color: $light-text-dark; color: $light-text-10;
&:hover { &: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; color: $grey-10;
&.fire { &.fire {
background: $fire-bg-light; background: $fire-bg-20;
color: $fire-text-dark; color: $fire-text-10;
} }
&.water { &.water {
background: $water-bg-light; background: $water-bg-20;
color: $water-text-dark; color: $water-text-10;
} }
&.earth { &.earth {
background: $earth-bg-light; background: $earth-bg-20;
color: $earth-text-dark; color: $earth-text-10;
} }
&.wind { &.wind {
background: $wind-bg-light; background: $wind-bg-20;
color: $wind-text-dark; color: $wind-text-10;
} }
&.dark { &.dark {
background: $dark-bg-light; background: $dark-bg-10;
color: $dark-text-dark; color: $dark-text-10;
} }
&.light { &.light {
background: $light-bg-light; background: $light-bg-20;
color: $light-text-dark; color: $light-text-10;
} }
} }
} }

20
components/JobSkillResult/index.scss
View file

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