(styles) - Adjust color label number slot overlaps badges

Author: robinlopez

mobile/src/components/schedule/SlotOverlaps.vue

@@ -43,6 +43,10 @@ const props = defineProps({
     flex-direction: column;
     line-height: 0.9;
 
+    strong {
+      color: var(app-black);
+    }
+
     small {
       opacity: 0.8;
     }

mobile/src/styles/utils/_variables.scss

@@ -27,6 +27,12 @@
     --app-white-80: rgba(255, 255, 255, 0.8);
     --app-white-70: rgba(255, 255, 255, 0.7);
 
+    --app-black-transparent: 15, 15, 15, 0.3;
+    --app-black: #0F0F0F;
+    --app-black-90: rgba(15, 15, 15, 0.9);
+    --app-black-80: rgba(15, 15, 15, 0.8);
+    --app-black-70: rgba(15, 15, 15, 0.7);
+
     --app-primary: #0F0F0F;
     --app-primary-rgb: 15, 15, 15;
     --app-primary-contrast: #ffffff;