[feature/frogend] modify local emoji (#1143)

* update danger button red

* emoji category and image modification

* debug bundles in dev

* fix linting error

2 files changed, 14 insertions, 3 deletions

diff --git a/web/source/css/_colors.css b/web/source/css/_colors.css
index 82028dce6..70c12486e 100644
--- a/web/source/css/_colors.css
+++ b/web/source/css/_colors.css
@@ -46,6 +46,7 @@ $blue3: #89caff; /* hover/selected accent to $blue2, can be used with $gray1 (7.
 
 $error1: #860000; /* Error border/foreground text, can be used with $error2 (5.0), $white1 (10), $white2 (5.1) */
 $error2: #ff9796; /* Error background text, can be used with $error1 (5.0), $gray1 (6.6), $gray2 (5.3), $gray3 (4.8) */
+$error3: #dd2c2c; /* Error button background text, can be used with $white1 (4.51) */
 $error-link: #185F8C; /* Error link text, can be used with $error2 (5.54) */
 
 $fg: $white1;
@@ -69,9 +70,9 @@ $button-bg: $blue2;
 $button-fg: $gray1;
 $button-hover-bg: $blue3;
 
-$button-danger-bg: $orange1;
-$button-danger-fg: $gray1;
-$button-danger-hover-bg: $orange2;
+$button-danger-bg: $error3;
+$button-danger-fg: $white1;
+$button-danger-hover-bg: $error2;
 
 $toot-focus-bg: $gray5;
 $toot-unfocus-bg: $gray2;
diff --git a/web/source/css/base.css b/web/source/css/base.css
index 760189be3..73014de8d 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -172,6 +172,16 @@ main {
 		}
 	}
 
+	&:disabled {
+		color: $white2;
+		background: $gray2;
+		cursor: auto;
+
+		&:hover {
+			background: $gray3;
+		}
+	}
+
 	&:hover {
 		background: $button-hover-bg;
 	}