From 7a31af962ac768fae0fc0de90d58939c101f99c3 Mon Sep 17 00:00:00 2001
From: Robin Lopez <robinlopez.contact@gmail.com>
Date: Wed, 27 Mar 2024 10:16:07 +0100
Subject: [PATCH] #74 (style) - Add switch list mode speaker list

---
 .../styles/components/_listModeSwitch.scss    | 32 +++++++++++++++++++
 mobile/src/styles/main.scss                   |  1 +
 2 files changed, 33 insertions(+)
 create mode 100644 mobile/src/styles/components/_listModeSwitch.scss

diff --git a/mobile/src/styles/components/_listModeSwitch.scss b/mobile/src/styles/components/_listModeSwitch.scss
new file mode 100644
index 00000000..7a498623
--- /dev/null
+++ b/mobile/src/styles/components/_listModeSwitch.scss
@@ -0,0 +1,32 @@
+.listModesSwitch {
+  background-color: var(--app-background);
+  border-radius: 44px;
+  border: 1px solid var(--app-beige-line);
+
+  &-button {
+    height: 38px;
+    width: 38px;
+    margin: 0;
+    --background: transparent;
+    --color: var(--app-primary);
+    --padding-start: 0;
+    --padding-end: 0;
+
+    @media (prefers-color-scheme: dark) {
+      &.button-solid {
+        --background: transparent;
+        --color: var(--app-white);
+      }
+    }
+
+    &._active {
+      --background: var(--app-primary);
+      --color: var(--app-white);
+
+      @media (prefers-color-scheme: dark) {
+        --background: var(--app-white);
+        --color: var(--app-primary);
+      }
+    }
+  }
+}
diff --git a/mobile/src/styles/main.scss b/mobile/src/styles/main.scss
index 4d538b26..a6186a27 100644
--- a/mobile/src/styles/main.scss
+++ b/mobile/src/styles/main.scss
@@ -10,6 +10,7 @@
 @import "@/styles/components/avatar.scss";
 @import "@/styles/components/bulletTag.scss";
 @import "@/styles/components/listCardsButtons.scss";
+@import "@/styles/components/listModeSwitch.scss";
 @import "@/styles/components/tabsSelection.scss";
 
 /* ~ BASE */