diff --git a/frontend/public/locales/en-GB/translation.json b/frontend/public/locales/en-GB/translation.json index 5d70efc9c..1ee4aeac2 100644 --- a/frontend/public/locales/en-GB/translation.json +++ b/frontend/public/locales/en-GB/translation.json @@ -2996,7 +2996,8 @@ "options": { "highContrast": "High contrast", "invertAll": "Invert all colours", - "custom": "Custom" + "custom": "Custom", + "cmyk": "Convert to CMYK" }, "tooltip": { "header": { @@ -3023,6 +3024,10 @@ "text": "Define your own text and background colours using the colour pickers. Perfect for creating branded documents or specific accessibility requirements.", "bullet1": "Text colour - Choose the colour for text elements", "bullet2": "Background colour - Set the background colour for the document" + }, + "cmyk": { + "title": "Convert to CMYK", + "text": "Convert the PDF from RGB colour space to CMYK colour space, optimized for professional printing. This process converts colours to the Cyan, Magenta, Yellow, Black model used by printers." } }, "error": { diff --git a/frontend/src/core/components/tools/replaceColor/ReplaceColorSettings.tsx b/frontend/src/core/components/tools/replaceColor/ReplaceColorSettings.tsx index a49342cd5..d0cdca5ce 100644 --- a/frontend/src/core/components/tools/replaceColor/ReplaceColorSettings.tsx +++ b/frontend/src/core/components/tools/replaceColor/ReplaceColorSettings.tsx @@ -23,6 +23,10 @@ const ReplaceColorSettings = ({ parameters, onParameterChange, disabled = false { value: 'CUSTOM_COLOR', label: t('replaceColor.options.custom', 'Custom') + }, + { + value: 'COLOR_SPACE_CONVERSION', + label: t('replaceColor.options.cmyk', 'Convert to CMYK') } ]; diff --git a/frontend/src/core/components/tooltips/useReplaceColorTips.ts b/frontend/src/core/components/tooltips/useReplaceColorTips.ts index 3fa8f7234..a6c3808d1 100644 --- a/frontend/src/core/components/tooltips/useReplaceColorTips.ts +++ b/frontend/src/core/components/tooltips/useReplaceColorTips.ts @@ -34,7 +34,11 @@ export const useReplaceColorTips = (): TooltipContent => { t("replaceColor.tooltip.custom.bullet1", "Text colour - Choose the colour for text elements"), t("replaceColor.tooltip.custom.bullet2", "Background colour - Set the background colour for the document") ] + }, + { + title: t("replaceColor.tooltip.cmyk.title", "Convert to CMYK"), + description: t("replaceColor.tooltip.cmyk.text", "Convert the PDF from RGB colour space to CMYK colour space, optimized for professional printing. This process converts colours to the Cyan, Magenta, Yellow, Black model used by printers.") } ] }; -}; \ No newline at end of file +}; diff --git a/frontend/src/core/hooks/tools/replaceColor/useReplaceColorParameters.ts b/frontend/src/core/hooks/tools/replaceColor/useReplaceColorParameters.ts index a91459715..a0a0099c4 100644 --- a/frontend/src/core/hooks/tools/replaceColor/useReplaceColorParameters.ts +++ b/frontend/src/core/hooks/tools/replaceColor/useReplaceColorParameters.ts @@ -2,7 +2,7 @@ import { BaseParameters } from '@app/types/parameters'; import { useBaseParameters, BaseParametersHook } from '@app/hooks/tools/shared/useBaseParameters'; export interface ReplaceColorParameters extends BaseParameters { - replaceAndInvertOption: 'HIGH_CONTRAST_COLOR' | 'CUSTOM_COLOR' | 'FULL_INVERSION'; + replaceAndInvertOption: 'HIGH_CONTRAST_COLOR' | 'CUSTOM_COLOR' | 'FULL_INVERSION' | 'COLOR_SPACE_CONVERSION'; highContrastColorCombination: 'WHITE_TEXT_ON_BLACK' | 'BLACK_TEXT_ON_WHITE' | 'YELLOW_TEXT_ON_BLACK' | 'GREEN_TEXT_ON_BLACK'; textColor: string; backGroundColor: string;