dungeonslayers/ds4
dungeonslayers/ds4
3
0
Fork 0
Code Issues 9 Pull requests 7 Projects Releases 10 Packages 1 Activity

Fix color of coup / fumble dice totals in firefox

Browse source
This commit is contained in:
Johannes Loher 2021-03-16 07:42:49 +01:00
parent 32fac517ad
commit b439915c7c
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/scss/components/_dice_total.scss
View file

@ -1,18 +1,20 @@
@use "../utils/colors"; @use "../utils/colors";
.ds4-dice-total { // Needs to be nested in .dice-roll to win against foundry's style.css with respect to specificity
.dice-roll .ds4-dice-total {
@mixin color-filter($rotation) { @mixin color-filter($rotation) {
filter: sepia(0.5) hue-rotate($rotation); filter: sepia(0.5) hue-rotate($rotation);
backdrop-filter: sepia(0) hue-rotate($rotation);
} }
&--coup { &--coup {
color: colors.$c-coup;
@include color-filter(60deg); @include color-filter(60deg);
background-color: colors.$c-coup-bg;
color: colors.$c-coup;
} }
&--fumble { &--fumble {
color: colors.$c-fumble;
@include color-filter(-60deg); @include color-filter(-60deg);
background-color: colors.$c-fumble-bg;
color: colors.$c-fumble;
} }
} }

2
src/scss/utils/_colors.scss
View file

@ -4,4 +4,6 @@ $c-light-grey: #777;
$c-border-groove: #eeede0; $c-border-groove: #eeede0;
$c-invalid-input: rgba(lightcoral, 50%); $c-invalid-input: rgba(lightcoral, 50%);
$c-coup: #18520b; $c-coup: #18520b;
$c-coup-bg: #acc2a7;
$c-fumble: #aa0200; $c-fumble: #aa0200;
$c-fumble-bg: #d8b5ba;