[bugfix] improve icon badge contrast

The icon badge text had a contrast of below 3:1 in some cases. This puts it at 5:1.

app/javascript/flavours/glitch/styles/gts.scss

@@ -37,12 +37,12 @@
     min-width: var(--size);
     height: var(--size);
     box-sizing: border-box;
-    border: 2px solid darken($ui-base-color, 7%);
+    border: 2px solid var(--color-bg);
     border-radius: 50%;
-    color: $primary-text-color;
+    color: var(--color-badge-fg);
     font-size: 10px;
     font-weight: 500;
-    background: $ui-highlight-color;
+    background: var(--color-badge-bg);
   }
 
   &__issue-badge {

app/javascript/flavours/glitch/styles/gts/colors.scss

@@ -38,6 +38,10 @@
     --color-ui-base: ;
     --color-ui-bg: ;
 
+    /* Badge */
+    --color-badge-bg: #5758ff;
+    --color-badge-fg: var(--color-fg);
+
     /* Button */
     --color-button-fg-destructive: red;
 

app/javascript/flavours/glitch/styles/mastodon-light/colors.scss

@@ -8,6 +8,7 @@
   --color-lines: #c0cdd9;
 
   /* Accent */
+  --color-accent: #4d4eff;
   --color-accent-bg: #d9e1e8;
   --color-accent-fg: #282c37;
   --color-accent-lines: #c0cdd9;
@@ -20,6 +21,10 @@
   --color-drawer-bg--hover: #ccd7e0;
   --color-drawer-fg: var(--color-fg);
 
+  /* Badge */
+  --color-badge-bg: var(--color-accent);
+  --color-badge-fg: #fff;
+
   /* Notifications */
   --color-notifications-bg--active: #fff;
   --color-notifications-bg--hover: #fff9;