{JSON.stringify(row.serializableOutput, null, 2)}
diff --git a/src/components/molecules/SaveRecording.tsx b/src/components/molecules/SaveRecording.tsx
index cc51f238..6a2d0d8b 100644
--- a/src/components/molecules/SaveRecording.tsx
+++ b/src/components/molecules/SaveRecording.tsx
@@ -77,7 +77,21 @@ export const SaveRecording = ({ fileName }: SaveRecordingProps) => {
return (
-
);
};
diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index b43ea75b..d9d21498 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -403,6 +403,11 @@ export const BrowserWindow = () => {
overflow: 'hidden',
padding: '5px 10px',
}}
+ sx={{
+ color: '#ff00c3 !important',
+ borderColor: '#ff00c3 !important',
+ backgroundColor: 'whitesmoke !important',
+ }}
>
void;
}
export const MainMenu = ({ value = 'recordings', handleChangeContent }: MainMenuProps) => {
+ const theme = useTheme();
const {t} = useTranslation();
const handleChange = (event: React.SyntheticEvent, newValue: string) => {
handleChangeContent(newValue);
};
+ // Define colors based on theme mode
+ const defaultcolor = theme.palette.mode === 'light' ? 'black' : 'white';
+
+ const buttonStyles = {
+ justifyContent: 'flex-start',
+ textAlign: 'left',
+ fontSize: 'medium',
+ padding: '6px 16px 6px 22px',
+ minHeight: '48px',
+ minWidth: '100%',
+ display: 'flex',
+ alignItems: 'center',
+ textTransform: 'none',
+ color: theme.palette.mode === 'light' ? '#6C6C6C' : 'inherit',
+ };
+
+
return (
-
+
);
-}
-
-const buttonStyles = {
- justifyContent: 'flex-start',
- textAlign: 'left',
- fontSize: 'medium',
- padding: '6px 16px 6px 22px',
- minHeight: '48px',
- minWidth: '100%',
- display: 'flex',
- alignItems: 'center',
- textTransform: 'none',
- color: '#6C6C6C !important',
};
\ No newline at end of file
diff --git a/src/components/organisms/ProxyForm.tsx b/src/components/organisms/ProxyForm.tsx
index 46874349..234f13e3 100644
--- a/src/components/organisms/ProxyForm.tsx
+++ b/src/components/organisms/ProxyForm.tsx
@@ -1,8 +1,27 @@
import React, { useState, useEffect } from 'react';
import { styled } from '@mui/system';
-import { Alert, AlertTitle, TextField, Button, Switch, FormControlLabel, Box, Typography, Tabs, Tab, Table, TableContainer, TableHead, TableRow, TableBody, TableCell, Paper } from '@mui/material';
+import {
+ Alert,
+ AlertTitle,
+ TextField,
+ Button,
+ Switch,
+ FormControlLabel,
+ Box,
+ Typography,
+ Tabs,
+ Tab,
+ Table,
+ TableContainer,
+ TableHead,
+ TableRow,
+ TableBody,
+ TableCell,
+ Paper
+} from '@mui/material';
import { sendProxyConfig, getProxyConfig, testProxyConfig, deleteProxyConfig } from '../../api/proxy';
import { useGlobalInfoStore } from '../../context/globalInfo';
+import { useThemeMode } from '../../context/theme-provider';
import { useTranslation } from 'react-i18next';
const FormContainer = styled(Box)({
@@ -134,16 +153,20 @@ const ProxyForm: React.FC = () => {
fetchProxyConfig();
}, []);
+ const theme = useThemeMode();
+ const isDarkMode = theme.darkMode;
+
return (
<>
{t('proxy.title')}
-
+
-
+
+
{tabIndex === 0 && (
isProxyConfigured ? (
@@ -236,13 +259,19 @@ const ProxyForm: React.FC = () => {
{t('proxy.coming_soon')}
+
+ {/*
)}
+
{t('proxy.alert.title')}
@@ -257,6 +286,7 @@ const ProxyForm: React.FC = () => {
{t('proxy.alert.wrong_way')}
+
{t('proxy.alert.proxy_url')} http://myusername:mypassword@proxy.com:1337
diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index d4670d4f..908aa600 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -22,6 +22,7 @@ import { emptyWorkflow } from "../../shared/constants";
import { getActiveWorkflow } from "../../api/workflow";
import DeleteIcon from '@mui/icons-material/Delete';
import ActionDescriptionBox from '../molecules/ActionDescriptionBox';
+import { useThemeMode } from '../../context/theme-provider';
import { useTranslation } from 'react-i18next';
const fetchWorkflow = (id: string, callback: (response: WorkflowFile) => void) => {
@@ -461,15 +462,18 @@ export const RightSidePanel: React.FC = ({ onFinishCapture
// Disable the button if there are no valid list selectors or if there are unconfirmed list text fields
return !hasValidListSelector || hasUnconfirmedListTextFields;
}, [captureStage, browserSteps, hasUnconfirmedListTextFields]);
-
+
+ const theme = useThemeMode();
+ const isDarkMode = theme.darkMode;
return (
{/*
Last action: {` ${lastAction}`}
*/}
-
-
- {!getText && !getScreenshot && !getList && showCaptureList && }
+
+
+ {!getText && !getScreenshot && !getList && showCaptureList && }
+
{getList && (
<>
@@ -477,6 +481,11 @@ export const RightSidePanel: React.FC = ({ onFinishCapture
@@ -485,13 +494,26 @@ export const RightSidePanel: React.FC = ({ onFinishCapture
variant="outlined"
onClick={handleConfirmListCapture}
disabled={captureStage === 'initial' ? isConfirmCaptureDisabled : hasUnconfirmedListTextFields}
+ sx={{
+ color: '#ff00c3 !important',
+ borderColor: '#ff00c3 !important',
+ backgroundColor: 'whitesmoke !important',
+ }}
>
{captureStage === 'initial' ? t('right_panel.buttons.confirm_capture') :
captureStage === 'pagination' ? t('right_panel.buttons.confirm_pagination') :
captureStage === 'limit' ? t('right_panel.buttons.confirm_limit') :
t('right_panel.buttons.finish_capture')}