From 8a3074fbe7eb532d6e3502c4ad5d8da555e20585 Mon Sep 17 00:00:00 2001
From: Gyan <gyanprakasheng@gmail.com>
Date: Tue, 3 Feb 2026 17:16:33 +0530
Subject: [PATCH] fix(cal-video): make toggle switch visible in mic settings
 (#27558)

Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 .../videos/views/videos-single-view.tsx       | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/apps/web/modules/videos/views/videos-single-view.tsx b/apps/web/modules/videos/views/videos-single-view.tsx
index 1c67f86c5c..428598134a 100644
--- a/apps/web/modules/videos/views/videos-single-view.tsx
+++ b/apps/web/modules/videos/views/videos-single-view.tsx
@@ -1,15 +1,12 @@
 "use client";
 
-import type { DailyCall } from "@daily-co/daily-js";
-import DailyIframe from "@daily-co/daily-js";
-import { DailyProvider } from "@daily-co/daily-react";
-import { useDailyEvent } from "@daily-co/daily-react";
-import { useState, useEffect, useRef, useCallback } from "react";
-
 import dayjs from "@calcom/dayjs";
-import { WEBSITE_URL } from "@calcom/lib/constants";
-import { WEBAPP_URL } from "@calcom/lib/constants";
-import { TRANSCRIPTION_STOPPED_ICON, RECORDING_DEFAULT_ICON } from "@calcom/lib/constants";
+import {
+  RECORDING_DEFAULT_ICON,
+  TRANSCRIPTION_STOPPED_ICON,
+  WEBAPP_URL,
+  WEBSITE_URL,
+} from "@calcom/lib/constants";
 import { formatToLocalizedDate, formatToLocalizedTime } from "@calcom/lib/dayjs";
 import { emailRegex } from "@calcom/lib/emailSchema";
 import { useLocale } from "@calcom/lib/hooks/useLocale";
@@ -20,9 +17,11 @@ import { Button } from "@calcom/ui/components/button";
 import { Dialog, DialogContent } from "@calcom/ui/components/dialog";
 import { Input } from "@calcom/ui/components/form";
 import { Icon } from "@calcom/ui/components/icon";
-
+import type { DailyCall } from "@daily-co/daily-js";
+import DailyIframe from "@daily-co/daily-js";
+import { DailyProvider, useDailyEvent } from "@daily-co/daily-react";
 import type { getServerSideProps } from "@lib/video/[uid]/getServerSideProps";
-
+import { useCallback, useEffect, useRef, useState } from "react";
 import { CalVideoPremiumFeatures } from "../cal-video-premium-features";
 
 export type PageProps = inferSSRProps<typeof getServerSideProps>;
@@ -69,8 +68,8 @@ export default function JoinCall(props: PageProps) {
         callFrame = DailyIframe.createFrame({
           theme: {
             colors: {
-              accent: "#FFF",
-              accentText: "#111111",
+              accent: "#292929",
+              accentText: "#FFF",
               background: "#111111",
               backgroundAccent: "#111111",
               baseText: "#FFF",