use new color slot for badges

src/components/timeline/timeline.scss

@@ -10,7 +10,7 @@
     top: calc(50% - 4px);
     margin-left: 6px;
     margin-top: -6px;
-    background-color: var(--cGreen);
+    background-color: var(--badgeNeutral);
   }
 
   .loadmore-button {

src/services/theme_data/pleromafe.js

@@ -709,6 +709,14 @@ export const SLOT_INHERITANCE = {
     textColor: 'bw'
   },
 
+  badgeNeutral: '--cGreen',
+  badgeNeutralText: {
+    depends: ['text', 'badgeNeutral'],
+    layer: 'badge',
+    variant: 'badgeNeutral',
+    textColor: 'bw'
+  },
+
   chatBg: {
     depends: ['bg']
   },