Multiple theme support & fixes

src/components/Dialog/ImportDialog.tsx

@@ -116,7 +116,7 @@ export const ImportDialog = ({
               {renderOptions(Protobuf.Config_LoRaConfig_RegionCode)}
             </Select>
 
-            <span className="text-md block font-medium text-gray-700">
+            <span className="text-md block font-medium text-textPrimary">
               Channels:
             </span>
             <div className="flex w-40 flex-col gap-1">

src/components/Dialog/RebootDialog.tsx

@@ -48,8 +48,7 @@ export const RebootDialog = ({
         />
         <Button
           className="w-24"
-          variant="secondary"
-          iconAfter={<ArrowPathIcon className="w-4" />}
+          iconBefore={<ArrowPathIcon className="w-4" />}
           onClick={() => {
             connection?.reboot({
               time: 0,

src/components/Dialog/ShutdownDialog.tsx

@@ -48,8 +48,7 @@ export const ShutdownDialog = ({
         />
         <Button
           className="w-24"
-          variant="secondary"
-          iconAfter={<PowerIcon className="w-4" />}
+          iconBefore={<PowerIcon className="w-4" />}
           onClick={() => {
             connection?.shutdown({
               time: 0,