filter, haptik, background

app/stackStyles/participantStyles.tsx

@@ -50,7 +50,7 @@ const styles = StyleSheet.create({
   performedShowsSection: {
     width: "100%",
     height: "100%",
-    backgroundColor: "hsl(221, 39%, 0%)",
+    backgroundColor: 'hsl(221, 39%, 16%)',
     marginTop: 20,
   },
   performedShowsTitle: {
@@ -175,7 +175,7 @@ const styles = StyleSheet.create({
     width: 50,
     height: 50,
     borderRadius: 20,
-    backgroundColor: "hsl(221, 39%, 18%)",
+    backgroundColor: "hsl(221, 39%, 12%)",
     marginLeft: 15,
     marginTop: 15,
     marginBottom: 5,