feat: automation UI

merge with automation service

apps/client/src/theme/ontimeRadio.ts

@@ -1,3 +1,24 @@
+export const ontimeRadio = {
+  control: {
+    borderColor: '#262626', // $gray-1200
+    backgroundColor: '#262626', // $gray-1200
+    _checked: {
+      borderColor: '#262626', // $gray-1200
+      color: '#f6f6f6', // $ui-white
+      backgroundColor: '#f6f6f6', // $ui-white
+    },
+  },
+  label: {
+    color: '#9d9d9d', // $gray-500, same as placeholder value
+    _checked: {
+      color: '#f6f6f6', // $gray-200
+    },
+    _hover: {
+      color: '#e2e2e2', // $gray-200
+    },
+  },
+};
+
 export const ontimeBlockRadio = {
   control: {
     borderColor: '#262626', // $gray-1200

apps/client/src/theme/theme.ts

@@ -14,7 +14,7 @@ import { ontimeDrawer } from './ontimeDrawer';
 import { ontimeEditable } from './ontimeEditable';
 import { ontimeMenuOnDark } from './ontimeMenu';
 import { ontimeModal } from './ontimeModal';
-import { ontimeBlockRadio } from './ontimeRadio';
+import { ontimeBlockRadio, ontimeRadio } from './ontimeRadio';
 import { ontimeSelect } from './ontimeSelect';
 import { ontimeSwitch } from './ontimeSwitch';
 import { ontimeTab } from './ontimeTab';
@@ -109,6 +109,7 @@ const theme = extendTheme({
     },
     Radio: {
       variants: {
+        ontime: { ...ontimeRadio },
         'ontime-block': { ...ontimeBlockRadio },
       },
     },