Fix error box background

Author: GrantGryczan

frontend/assets/styles/themes.scss

@@ -19,7 +19,8 @@
   --color-input-text: #e8e8e8;
   --color-input-text-hover: #f8f8f8;
   --color-input-text-active: #ffffff;
-  --color-error-background: #d939398f;
+  --color-error-background: #b72a3585;
+  --color-error-background-light: #da433e8f;
   --color-error-glow: #ff000082;
   --color-error-text: #ffffff;
   --color-error-text-weak: #ffffffaa;

frontend/components/ErrorBox.vue

@@ -56,7 +56,11 @@ const reportUrl = computed(
   width: 100%;
   padding: 1.25rem;
 
-  background-color: var(--color-error-background);
+  background-image: linear-gradient(
+    135deg,
+    var(--color-error-background-light),
+    var(--color-error-background)
+  );
   box-shadow: 0 0 2rem var(--color-error-glow);
   color: var(--color-error-text);
   animation: 0.125s fade-in;