feat: updated app to tailwind 4.x

src/components/PageComponents/Connect/BLE.tsx

@@ -41,6 +41,7 @@ export const BLE = ({ closeDialog }: TabElementProps): JSX.Element => {
         {bleDevices.map((device) => (
           <Button
             key={device.id}
+            className="dark:bg-slate-900 dark:text-white"
             onClick={() => {
               onConnect(device);
             }}
@@ -53,6 +54,7 @@ export const BLE = ({ closeDialog }: TabElementProps): JSX.Element => {
         )}
       </div>
       <Button
+        className="dark:bg-slate-900 dark:text-white"
         onClick={async () => {
           await navigator.bluetooth
             .requestDevice({

src/components/PageComponents/Connect/HTTP.tsx

@@ -60,9 +60,9 @@ export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => {
       <div className="flex h-48 flex-col gap-2">
         <Label>IP Address/Hostname</Label>
         <Input
-          // label="IP Address/Hostname"
           prefix={tlsEnabled ? "https://" : "http://"}
           placeholder="000.000.000.000 / meshtastic.local"
+          className="text-black"
           disabled={connectionInProgress}
           {...register("ip")}
         />
@@ -85,7 +85,11 @@ export const HTTP = ({ closeDialog }: TabElementProps): JSX.Element => {
           )}
         />
       </div>
-      <Button type="submit" disabled={connectionInProgress}>
+      <Button
+        type="submit"
+        disabled={connectionInProgress}
+        className="dark:bg-slate-900 dark:text-white"
+      >
         <span>{connectionInProgress ? "Connecting..." : "Connect"}</span>
       </Button>
     </form>

src/components/PageComponents/Connect/Serial.tsx

@@ -54,6 +54,7 @@ export const Serial = ({ closeDialog }: TabElementProps): JSX.Element => {
             <Button
               key={`${usbVendorId ?? "UNK"}-${usbProductId ?? "UNK"}-${index}`}
               disabled={port.readable !== null}
+              className="dark:bg-slate-900 dark:text-white"
               onClick={async () => {
                 await onConnect(port);
               }}
@@ -69,6 +70,7 @@ export const Serial = ({ closeDialog }: TabElementProps): JSX.Element => {
         )}
       </div>
       <Button
+        className="dark:bg-slate-900 dark:text-white"
         onClick={async () => {
           await navigator.serial.requestPort().then((port) => {
             setSerialPorts(serialPorts.concat(port));