From b439915c7c867bf16fa243d7af80fb1f35da41d7 Mon Sep 17 00:00:00 2001
From: Johannes Loher <johannes.loher@fg4f.de>
Date: Tue, 16 Mar 2021 07:42:49 +0100
Subject: [PATCH] Fix color of coup / fumble dice totals in firefox
---
src/scss/components/_dice_total.scss | 10 ++++++----
src/scss/utils/_colors.scss | 2 ++
2 files changed, 8 insertions(+), 4 deletions(-)
diff --git a/src/scss/components/_dice_total.scss b/src/scss/components/_dice_total.scss
index c19a0572..a9082cc1 100644
--- a/src/scss/components/_dice_total.scss
+++ b/src/scss/components/_dice_total.scss
@@ -1,18 +1,20 @@
@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) {
filter: sepia(0.5) hue-rotate($rotation);
- backdrop-filter: sepia(0) hue-rotate($rotation);
}
&--coup {
- color: colors.$c-coup;
@include color-filter(60deg);
+ background-color: colors.$c-coup-bg;
+ color: colors.$c-coup;
}
&--fumble {
- color: colors.$c-fumble;
@include color-filter(-60deg);
+ background-color: colors.$c-fumble-bg;
+ color: colors.$c-fumble;
}
}
diff --git a/src/scss/utils/_colors.scss b/src/scss/utils/_colors.scss
index 91844386..b3a864a2 100644
--- a/src/scss/utils/_colors.scss
+++ b/src/scss/utils/_colors.scss
@@ -4,4 +4,6 @@ $c-light-grey: #777;
$c-border-groove: #eeede0;
$c-invalid-input: rgba(lightcoral, 50%);
$c-coup: #18520b;
+$c-coup-bg: #acc2a7;
$c-fumble: #aa0200;
+$c-fumble-bg: #d8b5ba;