Cleanup for recipe urls in dark mode and create schedule button hover state (#2687)

ui/desktop/src/components/RecipeEditor.tsx

@@ -377,19 +377,18 @@ export default function RecipeEditor({ config }: RecipeEditorProps) {
 
             {/* Deep Link Display */}
             <div className="w-full p-4 bg-bgSubtle rounded-lg">
+              {!title.trim() || !description.trim() ? (
+                <div className="text-sm text-textSubtle text-xs text-textSubtle">
+                  Fill in required fields to generate link
+                </div>
+              ) : (
                 <div className="flex items-center justify-between mb-2">
-                <div className="text-sm text-textSubtle text-xs text-textSubtle mt-2">
+                  <div className="text-sm text-textSubtle text-xs text-textSubtle">
                     Copy this link to share with friends or paste directly in Chrome to open
                   </div>
                   <button
                     onClick={() => validateForm() && handleCopy()}
                     className="ml-4 p-2 hover:bg-bgApp rounded-lg transition-colors flex items-center disabled:opacity-50 disabled:hover:bg-transparent"
-                  title={
-                    !title.trim() || !description.trim()
-                      ? 'Fill in required fields first'
-                      : 'Copy link'
-                  }
-                  disabled={!title.trim() || !description.trim()}
                   >
                     {copied ? (
                       <Check className="w-4 h-4 text-green-500" />
@@ -401,18 +400,16 @@ export default function RecipeEditor({ config }: RecipeEditorProps) {
                     </span>
                   </button>
                 </div>
+              )}
+              {title.trim() && description.trim() && (
                 <div
-                className={`text-sm truncate font-mono ${!title.trim() || !description.trim() ? 'text-textDisabled' : 'text-textStandard'}`}
+                  onClick={() => validateForm() && handleCopy()}
-                title={
+                  className={`text-sm truncate dark:text-white font-mono ${!title.trim() || !description.trim() ? 'text-textDisabled' : 'text-textStandard'}`}
-                  !title.trim() || !description.trim()
-                    ? 'Fill in required fields to generate link'
-                    : deeplink
-                }
                 >
                   {deeplink}
                 </div>
+              )}
             </div>
-
             {/* Action Buttons */}
             <div className="flex flex-col space-y-2 pt-1">
               <button
@@ -422,7 +419,7 @@ export default function RecipeEditor({ config }: RecipeEditorProps) {
                 }}
                 className="w-full p-3 text-textSubtle rounded-lg hover:bg-bgSubtle"
               >
-                Cancel
+                Close
               </button>
             </div>
           </div>

ui/desktop/src/components/schedule/CreateScheduleModal.tsx

@@ -419,7 +419,7 @@ export const CreateScheduleModal: React.FC<CreateScheduleModalProps> = ({
             variant="ghost"
             onClick={handleClose}
             disabled={isLoadingExternally}
-            className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-gray-400 hover:bg-gray-50 dark:border-gray-600 text-lg font-regular"
+            className="w-full h-[60px] rounded-none border-t text-gray-400 hover:bg-gray-50 dark:border-gray-600 text-lg font-regular"
           >
             Cancel
           </Button>
@@ -428,7 +428,7 @@ export const CreateScheduleModal: React.FC<CreateScheduleModalProps> = ({
             form="new-schedule-form"
             variant="default"
             disabled={isLoadingExternally}
-            className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-lg hover:bg-gray-50 hover:dark:text-black dark:text-white dark:border-gray-600 font-regular"
+            className="w-full h-[60px] rounded-none border-t dark:border-gray-600 text-lg dark:text-white dark:border-gray-600 font-regular"
           >
             {isLoadingExternally ? 'Creating...' : 'Create Schedule'}
           </Button>