feat: implement split and extract functionality for PDF files

src/components/compress.tsx

@@ -185,7 +185,7 @@ export function CompressUI() {
         />
         <Button
           label="Open Output"
-          color="magenta"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/decrypt.tsx

@@ -190,7 +190,7 @@ export function DecryptUI() {
         />
         <Button
           label="Open Output"
-          color="magenta"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/delete.tsx

@@ -205,7 +205,7 @@ export function DeleteUI() {
         />
         <Button
           label="Open Output"
-          color="magenta"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/images-to-pdf.tsx

@@ -200,7 +200,7 @@ export function ImagesToPDFUI() {
         />
         <Button
           label="Open Output"
-          color="#da7cff"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/merge.tsx

@@ -140,7 +140,7 @@ export function MergeUI() {
         />
         <Button
           label="Open Output"
-          color="#da7cff"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/pdf-to-images.tsx

@@ -243,7 +243,7 @@ export function PDFToImagesUI() {
         />
         <Button
           label="Open Output"
-          color="magenta"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/protect.tsx

@@ -209,7 +209,7 @@ export function ProtectUI() {
         />
         <Button
           label="Open Output"
-          color="magenta"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),

src/components/rotate.tsx

@@ -277,7 +277,7 @@ export function RotateUI() {
         />
         <Button
           label="Open Output"
-          color="magenta"
+          color="output"
           onClick={() =>
             openOutputFolder().catch((_) =>
               fl.setStatus({ msg: "Failed to open folder", type: "error" }),