feat: add text color support to the rich text editor (#2903)

* feat: add text color support to the rich text editor

* improve design of text color picker

* Update translations for color picker features in multiple languages

---------

Co-authored-by: Amruth Pillai <im.amruth@gmail.com>

locales/af-ZA.po

@@ -634,10 +634,20 @@ msgstr "Chinees (Vereenvoudig)"
 msgid "Chinese (Traditional)"
 msgstr "Chinees (Tradisioneel)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Sirkel"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Maak alles skoon"
@@ -926,6 +936,10 @@ msgstr "Skep tans jou CV..."
 msgid "Current Password"
 msgstr "Huidige wagwoord"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Posisie"
 msgid "Preferences"
 msgstr "Voorkeure"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Druk <0>{RETURN_KEY}</0> of <1>{COMMA_KEY}</1> om die huidige sleutelwoord by te voeg of te stoor."
@@ -3262,6 +3280,7 @@ msgstr "Toets verbinding"
 msgid "Testimonials"
 msgstr "Getuigskrifte"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Tekskleur"
@@ -3698,6 +3717,10 @@ msgstr "Laai tans prent op..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/am-ET.po

@@ -634,10 +634,20 @@ msgstr "ቻይንኛ (ቀለል ያለ)"
 msgid "Chinese (Traditional)"
 msgstr "ቻይንኛ (ባለባለት)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "ክብ"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr ""
@@ -926,6 +936,10 @@ msgstr "የየታሪክዎን መስራት በመፍጠር ላይ…"
 msgid "Current Password"
 msgstr "አሁን ያለዎት የይለፍ ቃል"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "አቀማመጥ"
 msgid "Preferences"
 msgstr "ምርጫዎች"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "የአሁኑን ቁልፍ ቃል ለማከል ወይም ለማስቀመጥ <0>{RETURN_KEY}</0> ወይም <1>{COMMA_KEY}</1> ይጫኑ።"
@@ -3262,6 +3280,7 @@ msgstr "ግንኙነት መሞከር"
 msgid "Testimonials"
 msgstr "ምስክርነቶች"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "የጽሁፍ ቀለም"
@@ -3698,6 +3717,10 @@ msgstr "ፎቶ በመጫን ላይ…"
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ar-SA.po

@@ -634,10 +634,20 @@ msgstr "الصينية (المبسطة)"
 msgid "Chinese (Traditional)"
 msgstr "الصينية (التقليدية)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "دائرة"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "مسح الكل"
@@ -926,6 +936,10 @@ msgstr "جاري إنشاء سيرتك الذاتية..."
 msgid "Current Password"
 msgstr "كلمة المرور الحالية"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "المنصب"
 msgid "Preferences"
 msgstr "التفضيلات"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "اضغط على <0>{RETURN_KEY}</0> أو <1>{COMMA_KEY}</1> لإضافة أو حفظ الكلمة المفتاحية الحالية."
@@ -3262,6 +3280,7 @@ msgstr "اختبار الاتصال"
 msgid "Testimonials"
 msgstr "قصص المستخدمين"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "لون النص"
@@ -3698,6 +3717,10 @@ msgstr "جاري رفع الصورة..."
 msgid "URL"
 msgstr "عنوان URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/az-AZ.po

@@ -634,10 +634,20 @@ msgstr "Çin (Sadələşdirilmiş)"
 msgid "Chinese (Traditional)"
 msgstr "Çin (Ənənəvi)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Dairə"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Həps et"
@@ -926,6 +936,10 @@ msgstr "Özgeçmişiniz yaradılır..."
 msgid "Current Password"
 msgstr "Cari Parol"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Vəzifə"
 msgid "Preferences"
 msgstr "Parametrlər"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Hazırkı açar sözü əlavə etmək və ya saxlamaq üçün <0>{RETURN_KEY}</0> və ya <1>{COMMA_KEY}</1> düyməsini basın."
@@ -3262,6 +3280,7 @@ msgstr "Bağlantını Sına"
 msgid "Testimonials"
 msgstr "Rəylər"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Mətn Rəngi"
@@ -3698,6 +3717,10 @@ msgstr "Şəkil yüklənir..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/bg-BG.po

@@ -634,10 +634,20 @@ msgstr "Китайски (опростен)"
 msgid "Chinese (Traditional)"
 msgstr "Китайски (традиционен)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Кръг"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Изчистване на всички"
@@ -926,6 +936,10 @@ msgstr "Създаване на вашата автобиография..."
 msgid "Current Password"
 msgstr "Текуща парола"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Позиция"
 msgid "Preferences"
 msgstr "Предпочитания"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Натиснете <0>{RETURN_KEY}</0> или <1>{COMMA_KEY}</1>, за да добавите или запазите текущата ключова дума."
@@ -3262,6 +3280,7 @@ msgstr "Тестване на връзката"
 msgid "Testimonials"
 msgstr "Отзиви"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Цвят на текста"
@@ -3698,6 +3717,10 @@ msgstr "Качване на снимка..."
 msgid "URL"
 msgstr "URL адрес"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/bn-BD.po

@@ -634,10 +634,20 @@ msgstr "চীনা (সরলীকৃত)"
 msgid "Chinese (Traditional)"
 msgstr "চীনা (প্রচলিত)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "বৃত্ত"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "সব মুছুন"
@@ -926,6 +936,10 @@ msgstr "আপনার জীবনবৃত্তান্ত তৈরি ক
 msgid "Current Password"
 msgstr "বর্তমান পাসওয়ার্ড"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "পদবি"
 msgid "Preferences"
 msgstr "পছন্দসমূহ"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "বর্তমান কীওয়ার্ড যোগ বা সংরক্ষণ করতে <0>{RETURN_KEY}</0> অথবা <1>{COMMA_KEY}</1> চাপুন।"
@@ -3262,6 +3280,7 @@ msgstr "কনেকশন পরীক্ষা করুন"
 msgid "Testimonials"
 msgstr "প্রশংসাপত্র"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "টেক্সটের রঙ"
@@ -3698,6 +3717,10 @@ msgstr "ছবি আপলোড করা হচ্ছে..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ca-ES.po

@@ -634,10 +634,20 @@ msgstr "Xinès (simplificat)"
 msgid "Chinese (Traditional)"
 msgstr "Xinès (tradicional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cercle"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Esborra tot"
@@ -926,6 +936,10 @@ msgstr "S’està creant el currículum..."
 msgid "Current Password"
 msgstr "Contrasenya actual"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Càrrec"
 msgid "Preferences"
 msgstr "Preferències"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Prem <0>{RETURN_KEY}</0> o <1>{COMMA_KEY}</1> per afegir o desar la paraula clau actual."
@@ -3262,6 +3280,7 @@ msgstr "Prova la connexió"
 msgid "Testimonials"
 msgstr "Testimonis"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Color del text"
@@ -3698,6 +3717,10 @@ msgstr "S’està pujant la fotografia..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/cs-CZ.po

@@ -634,10 +634,20 @@ msgstr "Čínština (zjednodušená)"
 msgid "Chinese (Traditional)"
 msgstr "Čínština (tradiční)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Kruh"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Vymazat vše"
@@ -926,6 +936,10 @@ msgstr "Vytváření životopisu…"
 msgid "Current Password"
 msgstr "Aktuální heslo"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Pozice"
 msgid "Preferences"
 msgstr "Předvolby"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Stiskněte <0>{RETURN_KEY}</0> nebo <1>{COMMA_KEY}</1> pro přidání nebo uložení aktuálního klíčového slova."
@@ -3262,6 +3280,7 @@ msgstr "Otestovat připojení"
 msgid "Testimonials"
 msgstr "Reference uživatelů"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Barva textu"
@@ -3698,6 +3717,10 @@ msgstr "Nahrávání fotografie…"
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/da-DK.po

@@ -634,10 +634,20 @@ msgstr "Kinesisk (forenklet)"
 msgid "Chinese (Traditional)"
 msgstr "Kinesisk (traditionelt)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cirkel"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Ryd alle"
@@ -926,6 +936,10 @@ msgstr "Opretter dit CV..."
 msgid "Current Password"
 msgstr "Nuværende adgangskode"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Stilling"
 msgid "Preferences"
 msgstr "Præferencer"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Tryk på <0>{RETURN_KEY}</0> eller <1>{COMMA_KEY}</1> for at tilføje eller gemme det aktuelle nøgleord."
@@ -3262,6 +3280,7 @@ msgstr "Test forbindelse"
 msgid "Testimonials"
 msgstr "Udtalelser"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Tekstfarve"
@@ -3698,6 +3717,10 @@ msgstr "Uploader billede..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/de-DE.po

@@ -634,10 +634,20 @@ msgstr "Chinesisch (vereinfacht)"
 msgid "Chinese (Traditional)"
 msgstr "Chinesisch (traditionell)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Kreis"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Alles löschen"
@@ -926,6 +936,10 @@ msgstr "Ihr Lebenslauf wird erstellt..."
 msgid "Current Password"
 msgstr "Aktuelles Passwort"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Position"
 msgid "Preferences"
 msgstr "Einstellungen"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Drücken Sie <0>{RETURN_KEY}</0> oder <1>{COMMA_KEY}</1>, um das aktuelle Schlüsselwort hinzuzufügen oder zu speichern."
@@ -3262,6 +3280,7 @@ msgstr "Verbindung testen"
 msgid "Testimonials"
 msgstr "Erfahrungsberichte"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Textfarbe"
@@ -3698,6 +3717,10 @@ msgstr "Bild wird hochgeladen..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/el-GR.po

@@ -634,10 +634,20 @@ msgstr "Κινέζικα (Απλοποιημένα)"
 msgid "Chinese (Traditional)"
 msgstr "Κινέζικα (Παραδοσιακά)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Κύκλος"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Εκκαθάριση όλων"
@@ -926,6 +936,10 @@ msgstr "Δημιουργία του βιογραφικού σας σημειώμ
 msgid "Current Password"
 msgstr "Τρέχων κωδικός πρόσβασης"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Θέση"
 msgid "Preferences"
 msgstr "Προτιμήσεις"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Πατήστε <0>{RETURN_KEY}</0> ή <1>{COMMA_KEY}</1> για να προσθέσετε ή να αποθηκεύσετε τη λέξη-κλειδί."
@@ -3262,6 +3280,7 @@ msgstr "Έλεγχος σύνδεσης"
 msgid "Testimonials"
 msgstr "Αναφορές πελατών"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Χρώμα κειμένου"
@@ -3698,6 +3717,10 @@ msgstr "Μεταφόρτωση φωτογραφίας..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/en-GB.po

@@ -634,10 +634,20 @@ msgstr "Chinese (Simplified)"
 msgid "Chinese (Traditional)"
 msgstr "Chinese (Traditional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Circle"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Clear all"
@@ -926,6 +936,10 @@ msgstr "Creating your resume..."
 msgid "Current Password"
 msgstr "Current Password"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Position"
 msgid "Preferences"
 msgstr "Preferences"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
@@ -3262,6 +3280,7 @@ msgstr "Test Connection"
 msgid "Testimonials"
 msgstr "Testimonials"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Text Colour"
@@ -3698,6 +3717,10 @@ msgstr "Uploading picture..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/en-US.po

@@ -629,10 +629,20 @@ msgstr "Chinese (Simplified)"
 msgid "Chinese (Traditional)"
 msgstr "Chinese (Traditional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr "Choose a preset or custom shade."
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Circle"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr "Clear"
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Clear all"
@@ -921,6 +931,10 @@ msgstr "Creating your resume..."
 msgid "Current Password"
 msgstr "Current Password"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr "Custom"
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2527,6 +2541,10 @@ msgstr "Position"
 msgid "Preferences"
 msgstr "Preferences"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr "Presets"
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
@@ -3257,6 +3275,7 @@ msgstr "Test Connection"
 msgid "Testimonials"
 msgstr "Testimonials"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Text Color"
@@ -3693,6 +3712,10 @@ msgstr "Uploading picture..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr "Use color {color}"
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/es-ES.po

@@ -634,10 +634,20 @@ msgstr "Chino (simplificado)"
 msgid "Chinese (Traditional)"
 msgstr "Chino (tradicional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Círculo"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Borrar todo"
@@ -926,6 +936,10 @@ msgstr "Creando tu currículum..."
 msgid "Current Password"
 msgstr "Contraseña actual"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Puesto"
 msgid "Preferences"
 msgstr "Preferencias"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Presiona <0>{RETURN_KEY}</0> o <1>{COMMA_KEY}</1> para agregar o guardar la palabra clave actual."
@@ -3262,6 +3280,7 @@ msgstr "Probar conexión"
 msgid "Testimonials"
 msgstr "Testimonios"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Color del texto"
@@ -3698,6 +3717,10 @@ msgstr "Subiendo imagen..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/fa-IR.po

@@ -634,10 +634,20 @@ msgstr "چینی (ساده‌شده)"
 msgid "Chinese (Traditional)"
 msgstr "چینی (سنتی)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "دایره"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "تمیز کردن همه"
@@ -926,6 +936,10 @@ msgstr "در حال ایجاد رزومه شما..."
 msgid "Current Password"
 msgstr "گذرواژهٔ فعلی"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "موقعیت شغلی"
 msgid "Preferences"
 msgstr "ترجیحات"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "برای افزودن یا ذخیره کلمه کلیدی فعلی <0>{RETURN_KEY}</0> یا <1>{COMMA_KEY}</1> را فشار دهید."
@@ -3262,6 +3280,7 @@ msgstr "آزمایش اتصال"
 msgid "Testimonials"
 msgstr "نظرات کاربران"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "رنگ متن"
@@ -3698,6 +3717,10 @@ msgstr "در حال آپلود تصویر..."
 msgid "URL"
 msgstr "آدرس وبسایت"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/fi-FI.po

@@ -634,10 +634,20 @@ msgstr "kiina (yksinkertaistettu)"
 msgid "Chinese (Traditional)"
 msgstr "kiina (perinteinen)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Ympyrä"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Tyhjennä kaikki"
@@ -926,6 +936,10 @@ msgstr "Luodaan ansioluetteloasi..."
 msgid "Current Password"
 msgstr "Nykyinen salasana"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Tehtävänimike"
 msgid "Preferences"
 msgstr "Asetukset"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Paina <0>{RETURN_KEY}</0> tai <1>{COMMA_KEY}</1> lisätäksesi tai tallentaaksesi nykyisen avainsanan."
@@ -3262,6 +3280,7 @@ msgstr "Testaa yhteys"
 msgid "Testimonials"
 msgstr "Suosittelut"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Tekstiväri"
@@ -3698,6 +3717,10 @@ msgstr "Ladataan kuvaa..."
 msgid "URL"
 msgstr "URL-osoite"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/fr-FR.po

@@ -634,10 +634,20 @@ msgstr "Chinois (simplifié)"
 msgid "Chinese (Traditional)"
 msgstr "Chinois (traditionnel)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cercle"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Tout effacer"
@@ -926,6 +936,10 @@ msgstr "Création de votre CV..."
 msgid "Current Password"
 msgstr "Mot de passe actuel"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Poste"
 msgid "Preferences"
 msgstr "Préférences"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Appuyez sur <0>{RETURN_KEY}</0> ou sur <1>{COMMA_KEY}</1> pour ajouter ou enregistrer le mot-clé actuel."
@@ -3262,6 +3280,7 @@ msgstr "Tester la connexion"
 msgid "Testimonials"
 msgstr "Témoignages"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Couleur du texte"
@@ -3698,6 +3717,10 @@ msgstr "Téléchargement de la photo..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/he-IL.po

@@ -634,10 +634,20 @@ msgstr "סינית (מופשטת)"
 msgid "Chinese (Traditional)"
 msgstr "סינית (מסורתית)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "עיגול"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "נקה הכל"
@@ -926,6 +936,10 @@ msgstr "יוצר את קורות החיים שלך..."
 msgid "Current Password"
 msgstr "סיסמה נוכחית"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "תפקיד"
 msgid "Preferences"
 msgstr "העדפות"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "לחץ על <0>{RETURN_KEY}</0> או <1>{COMMA_KEY}</1> כדי להוסיף או לשמור את מילות המפתח הנוכחית."
@@ -3262,6 +3280,7 @@ msgstr "בדיקת חיבור"
 msgid "Testimonials"
 msgstr "המלצות"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "צבע כתב"
@@ -3698,6 +3717,10 @@ msgstr "מעלה תמונה..."
 msgid "URL"
 msgstr "כתובת"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/hi-IN.po

@@ -634,10 +634,20 @@ msgstr "चीनी (सरलीकृत)"
 msgid "Chinese (Traditional)"
 msgstr "चीनी (परंपरागत)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "गोला"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "सभी साफ़ करें"
@@ -926,6 +936,10 @@ msgstr "आपका रेज़्यूमे बनाया जा रह
 msgid "Current Password"
 msgstr "वर्तमान पासवर्ड"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "पद"
 msgid "Preferences"
 msgstr "प्राथमिकताएँ"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "वर्तमान कीवर्ड जोड़ने या सहेजने के लिए <0>{RETURN_KEY}</0> या <1>{COMMA_KEY}</1> दबाएँ।"
@@ -3262,6 +3280,7 @@ msgstr "कनेक्शन जाँचें"
 msgid "Testimonials"
 msgstr "प्रशंसापत्र"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "अक्षरों का रंग"
@@ -3698,6 +3717,10 @@ msgstr "चित्र अपलोड किया जा रहा है..."
 msgid "URL"
 msgstr "यूआरएल"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/hu-HU.po

@@ -634,10 +634,20 @@ msgstr "kínai (egyszerűsített)"
 msgid "Chinese (Traditional)"
 msgstr "kínai (hagyományos)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Kör"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Mindent törölni"
@@ -926,6 +936,10 @@ msgstr "Önéletrajz létrehozása..."
 msgid "Current Password"
 msgstr "Jelenlegi jelszó"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Pozíció"
 msgid "Preferences"
 msgstr "Beállítások"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Nyomja meg a <0>{RETURN_KEY}</0> vagy a <1>{COMMA_KEY}</1> gombot a jelenlegi kulcsszó hozzáadásához vagy mentéséhez."
@@ -3262,6 +3280,7 @@ msgstr "Kapcsolat tesztelése"
 msgid "Testimonials"
 msgstr "Visszajelzések"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Szövegszín"
@@ -3698,6 +3717,10 @@ msgstr "Kép feltöltése..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/id-ID.po

@@ -634,10 +634,20 @@ msgstr "Cina (Sederhana)"
 msgid "Chinese (Traditional)"
 msgstr "Cina (Tradisional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Lingkaran"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Hapus semua"
@@ -926,6 +936,10 @@ msgstr "Membuat resume Anda..."
 msgid "Current Password"
 msgstr "Kata Sandi Saat Ini"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Posisi"
 msgid "Preferences"
 msgstr "Preferensi"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Tekan <0>{RETURN_KEY}</0> atau <1>{COMMA_KEY}</1> untuk menambah atau menyimpan kata kunci saat ini."
@@ -3262,6 +3280,7 @@ msgstr "Uji Koneksi"
 msgid "Testimonials"
 msgstr "Testimoni"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Warna Teks"
@@ -3698,6 +3717,10 @@ msgstr "Mengunggah gambar..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/it-IT.po

@@ -634,10 +634,20 @@ msgstr "Cinese (semplificato)"
 msgid "Chinese (Traditional)"
 msgstr "Cinese (tradizionale)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cerchio"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Cancella tutto"
@@ -926,6 +936,10 @@ msgstr "Creazione del tuo curriculum in corso..."
 msgid "Current Password"
 msgstr "Password attuale"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Posizione"
 msgid "Preferences"
 msgstr "Preferenze"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Premi <0>{RETURN_KEY}</0> o <1>{COMMA_KEY}</1> per aggiungere o salvare la parola chiave corrente."
@@ -3262,6 +3280,7 @@ msgstr "Testa connessione"
 msgid "Testimonials"
 msgstr "Testimonial"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Colore del testo"
@@ -3698,6 +3717,10 @@ msgstr "Caricamento dell'immagine in corso..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ja-JP.po

@@ -634,10 +634,20 @@ msgstr "中国語（簡体字）"
 msgid "Chinese (Traditional)"
 msgstr "中国語（繁体字）"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "円"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "すべてクリア"
@@ -926,6 +936,10 @@ msgstr "履歴書を作成しています..."
 msgid "Current Password"
 msgstr "現在のパスワード"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "役職"
 msgid "Preferences"
 msgstr "設定"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "現在のキーワードを追加または保存するには、<0>{RETURN_KEY}</0> または <1>{COMMA_KEY}</1> を押してください。"
@@ -3262,6 +3280,7 @@ msgstr "接続テスト"
 msgid "Testimonials"
 msgstr "ユーザーの声"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "テキストカラー"
@@ -3698,6 +3717,10 @@ msgstr "写真をアップロードしています..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/km-KH.po

@@ -634,10 +634,20 @@ msgstr "Chinese (Simplified)"
 msgid "Chinese (Traditional)"
 msgstr "Chinese (Traditional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "រង្វង់"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr ""
@@ -926,6 +936,10 @@ msgstr "កំពុង​បង្កើត​ប្រវត្តិរូប
 msgid "Current Password"
 msgstr "ពាក្យសម្ងាត់​បច្ចុប្បន្ន"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "តួនាទី"
 msgid "Preferences"
 msgstr "ចំណង់ចំណូលចិត្ត"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "ចុច <0>{RETURN_KEY}</0> ឬ <1>{COMMA_KEY}</1> ដើម្បីបន្ថែម ឬរក្សាទុកពាក្យគន្លឹះបច្ចុប្បន្ន។"
@@ -3262,6 +3280,7 @@ msgstr "សាក​ល្បង​តភ្ជាប់"
 msgid "Testimonials"
 msgstr "សក្ខីកម្ម"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "ពណ៌​អត្ថបទ"
@@ -3698,6 +3717,10 @@ msgstr "កំពុង​អាប់ឡូដ​រូបភាព..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/kn-IN.po

@@ -634,10 +634,20 @@ msgstr "ಚೈನೀಸ್ (ಸರಳೀಕೃತ)"
 msgid "Chinese (Traditional)"
 msgstr "ಚೈನೀಸ್ (ಸಾಂಪ್ರದಾಯಿಕ)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "ವೃತ್ತ"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr ""
@@ -926,6 +936,10 @@ msgstr "ನಿಮ್ಮ ರೆಸ್ಯೂಮ್ ರಚಿಸಲಾಗುತ್
 msgid "Current Password"
 msgstr "ಪ್ರಸ್ತುತ ಪಾಸ್‌ವರ್ಡ್"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "ಸ್ಥಾನ"
 msgid "Preferences"
 msgstr "ಆದ್ಯತೆಗಳು"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "ಮುಖ್ಯವಚನವನ್ನಾ ಸೇರಿಸಲು ಅಥವಾ ಉಳಿಸಲು <0>{RETURN_KEY}</0> ಅಥವಾ <1>{COMMA_KEY}</1> ಒತ್ತಿ."
@@ -3262,6 +3280,7 @@ msgstr "ಕನೆಕ್ಷನ್ ಪರೀಕ್ಷಿಸಿ"
 msgid "Testimonials"
 msgstr "ಪ್ರಶಂಸಾಪತ್ರಗಳು"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "ಅಕ್ಷರದ ಬಣ್ಣ"
@@ -3698,6 +3717,10 @@ msgstr "ಚಿತ್ರವನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡಲಾ
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ko-KR.po

@@ -634,10 +634,20 @@ msgstr "중국어(간체)"
 msgid "Chinese (Traditional)"
 msgstr "중국어(번체)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "원"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "모두 지우기"
@@ -926,6 +936,10 @@ msgstr "이력서를 생성하는 중입니다..."
 msgid "Current Password"
 msgstr "현재 비밀번호"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "직책"
 msgid "Preferences"
 msgstr "환경 설정"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "현재 키워드를 추가하거나 저장하려면 <0>{RETURN_KEY}</0> 또는 <1>{COMMA_KEY}</1>를 누르세요."
@@ -3262,6 +3280,7 @@ msgstr "연결 테스트"
 msgid "Testimonials"
 msgstr "후기"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "텍스트 색상"
@@ -3698,6 +3717,10 @@ msgstr "사진을 업로드하는 중입니다..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/lt-LT.po

@@ -634,10 +634,20 @@ msgstr "Kinų (supaprastinta)"
 msgid "Chinese (Traditional)"
 msgstr "Kinų (tradicinė)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Apskritimas"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Išvalyti viską"
@@ -926,6 +936,10 @@ msgstr "Kuriamas jūsų gyvenimo aprašymas..."
 msgid "Current Password"
 msgstr "Dabartinis slaptažodis"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Pareigos"
 msgid "Preferences"
 msgstr "Nustatymai"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Paspauskite <0>{RETURN_KEY}</0> arba <1>{COMMA_KEY}</1>, kad pridėtumėte arba išsaugotumėte dabartinį raktinį žodį."
@@ -3262,6 +3280,7 @@ msgstr "Tikrinti ryšį"
 msgid "Testimonials"
 msgstr "Atsiliepimai"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Teksto spalva"
@@ -3698,6 +3717,10 @@ msgstr "Įkeliamas paveikslėlis..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/lv-LV.po

@@ -634,10 +634,20 @@ msgstr "Ķīniešu (vienkāršotā)"
 msgid "Chinese (Traditional)"
 msgstr "Ķīniešu (tradicionālā)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Aplis"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Notīrīt visus"
@@ -926,6 +936,10 @@ msgstr "Tiek izveidots jūsu CV..."
 msgid "Current Password"
 msgstr "Pašreizējā parole"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Amats"
 msgid "Preferences"
 msgstr "Preferences"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Nospiediet <0>{RETURN_KEY}</0> vai <1>{COMMA_KEY}</1>, lai pievienotu vai saglabātu pašreizējo atslēgvārdu."
@@ -3262,6 +3280,7 @@ msgstr "Pārbaudīt savienojumu"
 msgid "Testimonials"
 msgstr "Atsauksmes"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Teksta krāsa"
@@ -3698,6 +3717,10 @@ msgstr "Augšupielādē attēlu..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ml-IN.po

@@ -634,10 +634,20 @@ msgstr "ചൈനീസ് (സിംപ്ലിഫൈഡ്)"
 msgid "Chinese (Traditional)"
 msgstr "ചൈനീസ് (ട്രഡീഷണൽ)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "വൃത്തം"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "എല്ലാം മായ്ക്കുക"
@@ -926,6 +936,10 @@ msgstr "നിങ്ങളുടെ റിസ്യൂം സൃഷ്‌ടി
 msgid "Current Password"
 msgstr "നിലവിലെ പാസ്‌വേഡ്"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "പദവി"
 msgid "Preferences"
 msgstr "പ്രിഫറൻസുകൾ"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "നിലവിലുള്ള കീവിഡ്സ് ചേർക്കാനും സെവ് ചെയ്യാനും <0>{RETURN_KEY}</0> അല്ലെങ്കിൽ <1>{COMMA_KEY}</1> ബോധിപ്പിക്കുക."
@@ -3262,6 +3280,7 @@ msgstr "ടെസ്റ്റ് കണക്ഷൻ"
 msgid "Testimonials"
 msgstr "ടെസ്റ്റിമോണിയലുകൾ"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "ടെക്സ്റ്റ് നിറം"
@@ -3698,6 +3717,10 @@ msgstr "ചിത്രം അപ്‌ലോഡ് ചെയ്യുന്ന
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/mr-IN.po

@@ -634,10 +634,20 @@ msgstr "चीनी (सुलभ)"
 msgid "Chinese (Traditional)"
 msgstr "चीनी (परंपरागत)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "गोलाकार"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "सर्व मिटवा"
@@ -926,6 +936,10 @@ msgstr "तुमचा रेझ्युमे तयार केला ज
 msgid "Current Password"
 msgstr "वर्तमान पासवर्ड"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "पद"
 msgid "Preferences"
 msgstr "प्राधान्ये"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "सध्याचा कीवर्ड जोडण्यासाठी किंवा जतन करण्यासाठी <0>{RETURN_KEY}</0> किंवा <1>{COMMA_KEY}</1> दाबा."
@@ -3262,6 +3280,7 @@ msgstr "कनेक्शन तपासा"
 msgid "Testimonials"
 msgstr "प्रशस्तिपत्रे"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "मजकुराचा रंग"
@@ -3698,6 +3717,10 @@ msgstr "चित्र अपलोड केले जात आहे..."
 msgid "URL"
 msgstr "यूआरएल"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ms-MY.po

@@ -634,10 +634,20 @@ msgstr "Cina (Ringkas)"
 msgid "Chinese (Traditional)"
 msgstr "Cina (Tradisional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Bulatan"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Bersihkan semuanya"
@@ -926,6 +936,10 @@ msgstr "Mencipta resume anda..."
 msgid "Current Password"
 msgstr "Kata Laluan Semasa"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Kedudukan"
 msgid "Preferences"
 msgstr "Keutamaan"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Tekan <0>{RETURN_KEY}</0> atau <1>{COMMA_KEY}</1> untuk menambah atau menyimpan kata kunci semasa."
@@ -3262,6 +3280,7 @@ msgstr "Uji Sambungan"
 msgid "Testimonials"
 msgstr "Testimoni"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Warna Teks"
@@ -3698,6 +3717,10 @@ msgstr "Memuat naik gambar..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ne-NP.po

@@ -634,10 +634,20 @@ msgstr "चिनियाँ (सरल)"
 msgid "Chinese (Traditional)"
 msgstr "चिनियाँ (परम्परागत)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "वृत्त"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "सबै सफा गर्नुहोस्"
@@ -926,6 +936,10 @@ msgstr "तपाईंको बायोडाटा बनाउँदै..."
 msgid "Current Password"
 msgstr "हालको पासवर्ड"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "पद"
 msgid "Preferences"
 msgstr "प्राथमिकता (Preferences)"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "हालको कुञ्जीशब्द थप्न वा बचत गर्न <0>{RETURN_KEY}</0> वा <1>{COMMA_KEY}</1> थिच्नुहोस्।"
@@ -3262,6 +3280,7 @@ msgstr "कनेक्सन जाँच गर्नुहोस्"
 msgid "Testimonials"
 msgstr "अनुभव कथनहरू (Testimonials)"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "पाठ रङ"
@@ -3698,6 +3717,10 @@ msgstr "तस्बिर अपलोड हुँदैछ..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/nl-NL.po

@@ -634,10 +634,20 @@ msgstr "Chinees (vereenvoudigd)"
 msgid "Chinese (Traditional)"
 msgstr "Chinees (traditioneel)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cirkel"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Alles wissen"
@@ -926,6 +936,10 @@ msgstr "Uw cv wordt aangemaakt..."
 msgid "Current Password"
 msgstr "Huidige wachtwoord"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Positie"
 msgid "Preferences"
 msgstr "Voorkeuren"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Druk op <0>{RETURN_KEY}</0> of <1>{COMMA_KEY}</1> om het huidige trefwoord toe te voegen of op te slaan."
@@ -3262,6 +3280,7 @@ msgstr "Verbinding testen"
 msgid "Testimonials"
 msgstr "Getuigenissen"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Tekstkleur"
@@ -3698,6 +3717,10 @@ msgstr "Foto wordt geüpload..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/no-NO.po

@@ -634,10 +634,20 @@ msgstr "Kinesisk (forenklet)"
 msgid "Chinese (Traditional)"
 msgstr "Kinesisk (tradisjonell)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Sirkel"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr ""
@@ -926,6 +936,10 @@ msgstr "Oppretter CV-en din..."
 msgid "Current Password"
 msgstr "Nåværende passord"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Posisjon"
 msgid "Preferences"
 msgstr "Preferanser"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Trykk <0>{RETURN_KEY}</0> eller <1>{COMMA_KEY}</1> for å legge til eller lagre det nåværende nøkkelordet."
@@ -3262,6 +3280,7 @@ msgstr "Test tilkobling"
 msgid "Testimonials"
 msgstr "Uttalelser"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Tekstfarge"
@@ -3698,6 +3717,10 @@ msgstr "Laster opp bilde..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/or-IN.po

@@ -634,10 +634,20 @@ msgstr "ଚାଇନିଜ୍ (ସରଳୀକୃତ)"
 msgid "Chinese (Traditional)"
 msgstr "ଚାଇନିଜ୍ (ପାରମ୍ପରିକ)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "ବୃତ୍ତ"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr ""
@@ -926,6 +936,10 @@ msgstr "ଆପଣଙ୍କ ରେଜ୍ୟୁମେ ତିଆରି ହେଉଛ
 msgid "Current Password"
 msgstr "ବର୍ତ୍ତମାନର ପାସୱାର୍ଡ"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "ପଦବୀ"
 msgid "Preferences"
 msgstr "ପସନ୍ଦ"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "ଏହି କୀୱାର୍ଡ ଯୋଡ଼ିବା କିମ୍ବା ସଂରକ୍ଷଣ କରିବା ପାଇଁ <0>{RETURN_KEY}</0> କିମ୍ବା <1>{COMMA_KEY}</1> ଦବାନ୍ତୁ।"
@@ -3262,6 +3280,7 @@ msgstr "ସଂଯୋଗ ପରୀକ୍ଷା କରନ୍ତୁ"
 msgid "Testimonials"
 msgstr "ଟେଷ୍ଟିମୋନିଆଲ୍‌ଗୁଡିକ"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "ପାଠ୍ୟ ରଙ୍ଗ"
@@ -3698,6 +3717,10 @@ msgstr "ଛବି ଅପଲୋଡ୍ ହେଉଛି..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/pl-PL.po

@@ -634,10 +634,20 @@ msgstr "Chiński (uproszczony)"
 msgid "Chinese (Traditional)"
 msgstr "Chiński (tradycyjny)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Koło"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Wyczyść wszystko"
@@ -926,6 +936,10 @@ msgstr "Tworzenie CV..."
 msgid "Current Password"
 msgstr "Obecne hasło"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Stanowisko"
 msgid "Preferences"
 msgstr "Preferencje"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Naciśnij <0>{RETURN_KEY}</0> lub <1>{COMMA_KEY}</1>, aby dodać lub zapisać bieżące słowo kluczowe."
@@ -3262,6 +3280,7 @@ msgstr "Przetestuj połączenie"
 msgid "Testimonials"
 msgstr "Referencje"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Kolor tekstu"
@@ -3698,6 +3717,10 @@ msgstr "Wysyłanie zdjęcia..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/pt-BR.po

@@ -634,10 +634,20 @@ msgstr "Chinês (Simplificado)"
 msgid "Chinese (Traditional)"
 msgstr "Chinês (Tradicional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Círculo"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Limpar tudo"
@@ -926,6 +936,10 @@ msgstr "Criando seu currículo..."
 msgid "Current Password"
 msgstr "Senha atual"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Posição"
 msgid "Preferences"
 msgstr "Preferências"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Pressione <0>{RETURN_KEY}</0> ou <1>{COMMA_KEY}</1> para adicionar ou salvar a palavra-chave atual."
@@ -3262,6 +3280,7 @@ msgstr "Testar conexão"
 msgid "Testimonials"
 msgstr "Depoimentos"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Cor do texto"
@@ -3698,6 +3717,10 @@ msgstr "Enviando foto..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/pt-PT.po

@@ -634,10 +634,20 @@ msgstr "Chinês (simplificado)"
 msgid "Chinese (Traditional)"
 msgstr "Chinês (tradicional)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Círculo"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Limpar tudo"
@@ -926,6 +936,10 @@ msgstr "A criar o seu currículo..."
 msgid "Current Password"
 msgstr "Senha atual"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Cargo"
 msgid "Preferences"
 msgstr "Preferências"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Pressione <0>{RETURN_KEY}</0> ou <1>{COMMA_KEY}</1> para adicionar ou salvar a palavra-chave atual."
@@ -3262,6 +3280,7 @@ msgstr "Testar ligação"
 msgid "Testimonials"
 msgstr "Testemunhos"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Cor do texto"
@@ -3698,6 +3717,10 @@ msgstr "A carregar foto..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ro-RO.po

@@ -634,10 +634,20 @@ msgstr "Chineză (simplificată)"
 msgid "Chinese (Traditional)"
 msgstr "Chineză (tradițională)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cerc"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Ștergeți toate"
@@ -926,6 +936,10 @@ msgstr "Se creează CV-ul..."
 msgid "Current Password"
 msgstr "Parolă curentă"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Poziție"
 msgid "Preferences"
 msgstr "Preferințe"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Apăsați <0>{RETURN_KEY}</0> sau <1>{COMMA_KEY}</1> pentru a adăuga sau salva cuvântul cheie curent."
@@ -3262,6 +3280,7 @@ msgstr "Testare conexiune"
 msgid "Testimonials"
 msgstr "Testimoniale"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Culoare text"
@@ -3698,6 +3717,10 @@ msgstr "Se încarcă imaginea..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ru-RU.po

@@ -634,10 +634,20 @@ msgstr "Китайский (упрощенный)"
 msgid "Chinese (Traditional)"
 msgstr "Китайский (традиционный)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Круг"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Очистить все"
@@ -926,6 +936,10 @@ msgstr "Создание вашего резюме..."
 msgid "Current Password"
 msgstr "Текущий пароль"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Должность"
 msgid "Preferences"
 msgstr "Настройки"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Нажмите <0>{RETURN_KEY}</0> или <1>{COMMA_KEY}</1>, чтобы добавить или сохранить текущий ключевое слово."
@@ -3262,6 +3280,7 @@ msgstr "Проверить подключение"
 msgid "Testimonials"
 msgstr "Отзывы"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Цвет текста"
@@ -3698,6 +3717,10 @@ msgstr "Загрузка фотографии..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/sk-SK.po

@@ -634,10 +634,20 @@ msgstr "Čínština (zjednodušená)"
 msgid "Chinese (Traditional)"
 msgstr "Čínština (tradičná)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Kruh"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Vymazať všetko"
@@ -926,6 +936,10 @@ msgstr "Vytváram tvoj životopis..."
 msgid "Current Password"
 msgstr "Aktuálne heslo"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Pozícia"
 msgid "Preferences"
 msgstr "Predvoľby"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Stlačte <0>{RETURN_KEY}</0> alebo <1>{COMMA_KEY}</1> pre pridanie alebo uloženie aktuálneho kľúčového slova."
@@ -3262,6 +3280,7 @@ msgstr "Otestovať pripojenie"
 msgid "Testimonials"
 msgstr "Referencie používateľov"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Farba textu"
@@ -3698,6 +3717,10 @@ msgstr "Nahrávam fotografiu..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/sl-SI.po

@@ -634,10 +634,20 @@ msgstr "Kitajščina (poenostavljena)"
 msgid "Chinese (Traditional)"
 msgstr "Kitajščina (tradicionalna)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Krog"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Počisti vse"
@@ -926,6 +936,10 @@ msgstr "Ustvarjanje vašega življenjepisa..."
 msgid "Current Password"
 msgstr "Trenutno geslo"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Položaj"
 msgid "Preferences"
 msgstr "Nastavitve"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Pritisnite <0>{RETURN_KEY}</0> ali <1>{COMMA_KEY}</1> za dodajanje ali shranjevanje trenutne ključne besede."
@@ -3262,6 +3280,7 @@ msgstr "Preizkusi povezavo"
 msgid "Testimonials"
 msgstr "Pričevanja"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Barva besedila"
@@ -3698,6 +3717,10 @@ msgstr "Nalaganje slike..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/sq-AL.po

@@ -634,10 +634,20 @@ msgstr "Kinezçe (E thjeshtuar)"
 msgid "Chinese (Traditional)"
 msgstr "Kinezçe (Tradicionale)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Rreth"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Pastro të gjitha"
@@ -926,6 +936,10 @@ msgstr "Po krijohet CV-ja juaj..."
 msgid "Current Password"
 msgstr "Fjalëkalimi aktual"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Pozicioni"
 msgid "Preferences"
 msgstr "Preferenca"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Shtyp <0>{RETURN_KEY}</0> ose <1>{COMMA_KEY}</1> për të shtuar ose ruajtur fjalën kyçe aktuale."
@@ -3262,6 +3280,7 @@ msgstr "Testo lidhjen"
 msgid "Testimonials"
 msgstr "Dëshmitë"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Ngjyra e tekstit"
@@ -3698,6 +3717,10 @@ msgstr "Po ngarkohet foto..."
 msgid "URL"
 msgstr "Linku"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/sr-SP.po

@@ -634,10 +634,20 @@ msgstr "Кинески (поједностављени)"
 msgid "Chinese (Traditional)"
 msgstr "Кинески (традиционални)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Круг"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Очисти све"
@@ -926,6 +936,10 @@ msgstr "Креирање вашег резимеа..."
 msgid "Current Password"
 msgstr "Тренутна лозинка"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Позиција"
 msgid "Preferences"
 msgstr "Поставке"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Притисните <0>{RETURN_KEY}</0> или <1>{COMMA_KEY}</1> да додате или сачувате тренутну кључну реч."
@@ -3262,6 +3280,7 @@ msgstr "Тестирај везу"
 msgid "Testimonials"
 msgstr "Сведочења"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Боја текста"
@@ -3698,6 +3717,10 @@ msgstr "Отпремање слике..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/sv-SE.po

@@ -634,10 +634,20 @@ msgstr "Kinesiska (förenklad)"
 msgid "Chinese (Traditional)"
 msgstr "Kinesiska (traditionell)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Cirkel"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Rensa alla"
@@ -926,6 +936,10 @@ msgstr "Skapar ditt CV..."
 msgid "Current Password"
 msgstr "Nuvarande lösenord"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Position"
 msgid "Preferences"
 msgstr "Inställningar"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Tryck på <0>{RETURN_KEY}</0> eller <1>{COMMA_KEY}</1> för att lägga till eller spara det aktuella nyckelordet."
@@ -3262,6 +3280,7 @@ msgstr "Testa anslutning"
 msgid "Testimonials"
 msgstr "Vittnesmål"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Textfärg"
@@ -3698,6 +3717,10 @@ msgstr "Laddar upp bild..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/ta-IN.po

@@ -634,10 +634,20 @@ msgstr "சீனம் (எளிய)"
 msgid "Chinese (Traditional)"
 msgstr "சீனம் (சம்பிரதாய)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "வட்டம்"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "அனைத்தையும் நீக்கு"
@@ -926,6 +936,10 @@ msgstr "உங்கள் ரெஸ்யூமியை உருவாக்
 msgid "Current Password"
 msgstr "தற்போதைய கடவுச்சொல்"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "பதவி"
 msgid "Preferences"
 msgstr "விருப்பங்கள்"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "தற்போதைய முக்கிய சொல்லை சேர்க்க அல்லது சேமிக்க <0>{RETURN_KEY}</0> அல்லது <1>{COMMA_KEY}</1> ஐ அழுத்தவும்."
@@ -3262,6 +3280,7 @@ msgstr "இணைப்பை சோதிக்கவும்"
 msgid "Testimonials"
 msgstr "சான்றுரைகள்"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "எழுத்து நிறம்"
@@ -3698,6 +3717,10 @@ msgstr "படத்தை பதிவேற்றிக் கொண்டி
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/te-IN.po

@@ -634,10 +634,20 @@ msgstr "చైనీస్ (సరళీకృత)"
 msgid "Chinese (Traditional)"
 msgstr "చైనీస్ (సాంప్రదాయ)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "వృత్తం"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "అన్నింటినీ తొలగించండి"
@@ -926,6 +936,10 @@ msgstr "మీ రిజ్యూమ్ సృష్టించబడుతో
 msgid "Current Password"
 msgstr "ప్రస్తుత పాస్‌వర్డ్"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "పాజిషన్"
 msgid "Preferences"
 msgstr "ప్రాధాన్యతలు"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "ప్రస్తుత కీలుపదాన్ని జోడించడానికి లేదా సేవ్ చేయడానికి <0>{RETURN_KEY}</0> లేదా <1>{COMMA_KEY}</1> నొక్కండి."
@@ -3262,6 +3280,7 @@ msgstr "కనెక్షన్‌ని పరీక్షించండి"
 msgid "Testimonials"
 msgstr "టెస్టిమోనియల్స్"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "టెక్స్ట్ కలర్"
@@ -3698,6 +3717,10 @@ msgstr "చిత్రాన్ని అప్‌లోడ్ చేస్త
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/th-TH.po

@@ -634,10 +634,20 @@ msgstr "จีน (ตัวย่อ)"
 msgid "Chinese (Traditional)"
 msgstr "จีน (ตัวเต็ม)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "วงกลม"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "ล้างทั้งหมด"
@@ -926,6 +936,10 @@ msgstr "กำลังสร้างเรซูเม่ของคุณ...
 msgid "Current Password"
 msgstr "รหัสผ่านเดิม"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "ตำแหน่ง"
 msgid "Preferences"
 msgstr "การตั้งค่าที่ต้องการ"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "กด <0>{RETURN_KEY}</0> หรือ <1>{COMMA_KEY}</1> เพื่อเพิ่มหรือบันทึกคีย์เวิร์ดปัจจุบัน"
@@ -3262,6 +3280,7 @@ msgstr "ทดสอบการเชื่อมต่อ"
 msgid "Testimonials"
 msgstr "คำรับรอง"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "สีตัวอักษร"
@@ -3698,6 +3717,10 @@ msgstr "กำลังอัปโหลดรูปภาพ..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/tr-TR.po

@@ -634,10 +634,20 @@ msgstr "Çince (Basitleştirilmiş)"
 msgid "Chinese (Traditional)"
 msgstr "Çince (Geleneksel)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Daire"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Tümünü temizle"
@@ -926,6 +936,10 @@ msgstr "Özgeçmişiniz oluşturuluyor..."
 msgid "Current Password"
 msgstr "Geçerli Parola"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Pozisyon"
 msgid "Preferences"
 msgstr "Tercihler"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Mevcut anahtar kelimeyi eklemek veya kaydetmek için <0>{RETURN_KEY}</0> veya <1>{COMMA_KEY}</1> tuşuna basın."
@@ -3262,6 +3280,7 @@ msgstr "Bağlantıyı Test Et"
 msgid "Testimonials"
 msgstr "Görüşler"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Metin Rengi"
@@ -3698,6 +3717,10 @@ msgstr "Resim yükleniyor..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/uk-UA.po

@@ -634,10 +634,20 @@ msgstr "Китайська (спрощена)"
 msgid "Chinese (Traditional)"
 msgstr "Китайська (традиційна)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Кругле"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Зачистити все."
@@ -926,6 +936,10 @@ msgstr "Створення вашого резюме..."
 msgid "Current Password"
 msgstr "Поточний пароль"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Посада"
 msgid "Preferences"
 msgstr "Налаштування"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Натисніть <0>{RETURN_KEY}</0> або <1>{COMMA_KEY}</1>, щоб додати або зберегти поточне ключове слово."
@@ -3262,6 +3280,7 @@ msgstr "Перевірити з'єднання"
 msgid "Testimonials"
 msgstr "Відгуки"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Колір тексту"
@@ -3698,6 +3717,10 @@ msgstr "Завантаження зображення..."
 msgid "URL"
 msgstr "URL-адреса"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/uz-UZ.po

@@ -634,10 +634,20 @@ msgstr "Xitoy (Soddalashtirilgan)"
 msgid "Chinese (Traditional)"
 msgstr "Xitoy (An’anaviy)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Doira"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Barchasini tozalash"
@@ -926,6 +936,10 @@ msgstr "Rezyumingiz yaratilmoqda..."
 msgid "Current Password"
 msgstr "Joriy parol"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Lavozim"
 msgid "Preferences"
 msgstr "Afzalliklar"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Joriy kalit soʻzni qoʻshish yoki saqlash uchun <0>{RETURN_KEY}</0> yoki <1>{COMMA_KEY}</1> tugmasini bosing."
@@ -3262,6 +3280,7 @@ msgstr "Ulanishni tekshirish"
 msgid "Testimonials"
 msgstr "Fikr-mulohazalar"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Matn rangi"
@@ -3698,6 +3717,10 @@ msgstr "Rasm yuklanmoqda..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/vi-VN.po

@@ -634,10 +634,20 @@ msgstr "Tiếng Trung (Giản thể)"
 msgid "Chinese (Traditional)"
 msgstr "Tiếng Trung (Phồn thể)"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "Vòng tròn"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "Xóa tất cả"
@@ -926,6 +936,10 @@ msgstr "Đang tạo sơ yếu lý lịch của bạn..."
 msgid "Current Password"
 msgstr "Mật khẩu hiện tại"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "Vị trí"
 msgid "Preferences"
 msgstr "Tùy chọn"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "Nhấn <0>{RETURN_KEY}</0> hoặc <1>{COMMA_KEY}</1> để thêm hoặc lưu từ khóa hiện tại."
@@ -3262,6 +3280,7 @@ msgstr "Kiểm tra kết nối"
 msgid "Testimonials"
 msgstr "Lời nhận xét"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "Màu chữ"
@@ -3698,6 +3717,10 @@ msgstr "Đang tải lên hình ảnh..."
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/zh-CN.po

@@ -634,10 +634,20 @@ msgstr "中文（简体）"
 msgid "Chinese (Traditional)"
 msgstr "中文（繁体）"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "圆形"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "全部清除"
@@ -926,6 +936,10 @@ msgstr "正在创建你的简历…"
 msgid "Current Password"
 msgstr "当前密码"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "职位"
 msgid "Preferences"
 msgstr "偏好设置"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "按下<0>{RETURN_KEY}</0>或<1>{COMMA_KEY}</1>以添加或保存当前关键词。"
@@ -3262,6 +3280,7 @@ msgstr "测试连接"
 msgid "Testimonials"
 msgstr "客户评价"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "文本颜色"
@@ -3698,6 +3717,10 @@ msgstr "正在上传图片…"
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/zh-TW.po

@@ -634,10 +634,20 @@ msgstr "中文（簡體）"
 msgid "Chinese (Traditional)"
 msgstr "中文（繁體）"
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr "圓形"
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr "清除所有"
@@ -926,6 +936,10 @@ msgstr "正在建立您的履歷…"
 msgid "Current Password"
 msgstr "目前密碼"
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2532,6 +2546,10 @@ msgstr "職位"
 msgid "Preferences"
 msgstr "偏好設定"
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr "請按下 <0>{RETURN_KEY}</0> 或 <1>{COMMA_KEY}</1> 來新增或儲存目前的關鍵字。"
@@ -3262,6 +3280,7 @@ msgstr "測試連線"
 msgid "Testimonials"
 msgstr "用戶評價"
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr "字型色彩"
@@ -3698,6 +3717,10 @@ msgstr "正在上傳圖片…"
 msgid "URL"
 msgstr "URL"
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

locales/zu-ZA.po

@@ -629,10 +629,20 @@ msgstr ""
 msgid "Chinese (Traditional)"
 msgstr ""
 
+#. Preset or custom shade refer to the color picker
+#: src/components/input/rich-input.tsx
+msgid "Choose a preset or custom shade."
+msgstr ""
+
 #: src/components/level/combobox.tsx
 msgid "Circle"
 msgstr ""
 
+#. Clear the text color
+#: src/components/input/rich-input.tsx
+msgid "Clear"
+msgstr ""
+
 #: src/routes/dashboard/job-search/index.tsx
 msgid "Clear all"
 msgstr ""
@@ -921,6 +931,10 @@ msgstr ""
 msgid "Current Password"
 msgstr ""
 
+#: src/components/input/rich-input.tsx
+msgid "Custom"
+msgstr ""
+
 #: src/routes/_home/-sections/features.tsx
 #: src/utils/resume/section.tsx
 msgid "Custom CSS"
@@ -2527,6 +2541,10 @@ msgstr ""
 msgid "Preferences"
 msgstr ""
 
+#: src/components/input/rich-input.tsx
+msgid "Presets"
+msgstr ""
+
 #: src/components/input/chip-input.tsx
 msgid "Press <0>{RETURN_KEY}</0> or <1>{COMMA_KEY}</1> to add or save the current keyword."
 msgstr ""
@@ -3257,6 +3275,7 @@ msgstr ""
 msgid "Testimonials"
 msgstr ""
 
+#: src/components/input/rich-input.tsx
 #: src/routes/builder/$resumeId/-sidebar/right/sections/design.tsx
 msgid "Text Color"
 msgstr ""
@@ -3693,6 +3712,10 @@ msgstr ""
 msgid "URL"
 msgstr ""
 
+#: src/components/input/rich-input.tsx
+msgid "Use color {color}"
+msgstr ""
+
 #. Label for username input on registration form
 #: src/dialogs/resume/sections/profile.tsx
 #: src/routes/auth/register.tsx

package.json

@@ -71,9 +71,11 @@
     "@tanstack/react-router-ssr-query": "^1.166.12",
     "@tanstack/react-start": "^1.167.49",
     "@tanstack/zod-adapter": "^1.166.9",
+    "@tiptap/extension-color": "^3.22.4",
     "@tiptap/extension-highlight": "^3.22.4",
     "@tiptap/extension-table": "^3.22.4",
     "@tiptap/extension-text-align": "^3.22.4",
+    "@tiptap/extension-text-style": "^3.22.4",
     "@tiptap/pm": "^3.22.4",
     "@tiptap/react": "^3.22.4",
     "@tiptap/starter-kit": "^3.22.4",
@@ -105,7 +107,7 @@
     "qrcode.react": "^4.2.0",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
-    "react-hook-form": "^7.73.1",
+    "react-hook-form": "^7.74.0",
     "react-hotkeys-hook": "^5.2.4",
     "react-resizable-panels": "^4.10.0",
     "react-window": "^2.2.7",

src/components/input/rich-input.module.css

@@ -176,3 +176,26 @@
     text-underline-offset: 0.15rem;
   }
 }
+
+.color_picker {
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-muted);
+  padding: 0.5rem;
+
+  > :global(*) {
+    width: 100% !important;
+  }
+
+  :global(.w-color-saturation) {
+    height: 8.5rem !important;
+    border-radius: calc(var(--radius-lg) - 0.25rem) !important;
+  }
+
+  :global(.w-color-hue),
+  :global(.w-color-alpha) {
+    height: 0.75rem !important;
+    margin-top: 0.5rem !important;
+    border-radius: 9999px !important;
+  }
+}

src/components/input/rich-input.tsx

@@ -38,9 +38,11 @@ import {
   TextUnderlineIcon,
   TrashSimpleIcon,
 } from "@phosphor-icons/react";
+import Color from "@tiptap/extension-color";
 import Highlight from "@tiptap/extension-highlight";
 import { TableKit } from "@tiptap/extension-table";
 import TextAlign from "@tiptap/extension-text-align";
+import { TextStyle } from "@tiptap/extension-text-style";
 import {
   type Editor,
   EditorContent,
@@ -50,6 +52,8 @@ import {
   useEditorState,
 } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
+import { type ColorResult, hsvaToRgbaString, rgbaStringToHsva } from "@uiw/color-convert";
+import ReactColorColorful from "@uiw/react-color-colorful";
 import { useMemo, useState } from "react";
 import { toast } from "sonner";
 import { match } from "ts-pattern";
@@ -65,6 +69,8 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
+import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "@/components/ui/popover";
+import { Separator } from "@/components/ui/separator";
 import { usePrompt } from "@/hooks/use-prompt";
 import { isRTL } from "@/utils/locale";
 import { sanitizeHtml } from "@/utils/sanitize";
@@ -73,6 +79,27 @@ import { cn } from "@/utils/style";
 import { Toggle } from "../ui/toggle";
 import styles from "./rich-input.module.css";
 
+const defaultTextColor = "rgba(0, 0, 0, 1)";
+
+const richTextColorOptions = [
+  "rgba(0, 0, 0, 1)",
+  "rgba(231, 0, 11, 1)",
+  "rgba(245, 73, 0, 1)",
+  "rgba(225, 113, 0, 1)",
+  "rgba(208, 135, 0, 1)",
+  "rgba(94, 165, 0, 1)",
+  "rgba(0, 166, 62, 1)",
+  "rgba(0, 153, 102, 1)",
+  "rgba(0, 146, 184, 1)",
+  "rgba(0, 132, 209, 1)",
+  "rgba(21, 93, 252, 1)",
+  "rgba(79, 57, 246, 1)",
+  "rgba(127, 34, 254, 1)",
+  "rgba(200, 0, 222, 1)",
+  "rgba(230, 0, 118, 1)",
+  "rgba(69, 85, 108, 1)",
+] as const;
+
 const extensions = [
   StarterKit.configure({
     heading: {
@@ -88,6 +115,8 @@ const extensions = [
       protocols: ["http", "https"],
     },
   }),
+  TextStyle,
+  Color,
   Highlight.configure({
     HTMLAttributes: {
       class: "rounded-md px-0.5 py-px",
@@ -231,6 +260,12 @@ function EditorToolbar({ editor, isFullscreen }: { editor: Editor; isFullscreen:
         canHighlight: ctx.editor.can().chain().toggleHighlight().run() ?? false,
         toggleHighlight: () => ctx.editor.chain().focus().toggleHighlight().run(),
 
+        // Text Color
+        textColor: (ctx.editor.getAttributes("textStyle").color as string | undefined) ?? null,
+        canTextColor: ctx.editor.can().chain().setColor(defaultTextColor).run() ?? false,
+        setTextColor: (color: string) => ctx.editor.chain().focus().setColor(color).run(),
+        unsetTextColor: () => ctx.editor.chain().focus().unsetColor().run(),
+
         // Heading 1
         isHeading1: ctx.editor.isActive("heading", { level: 1 }) ?? false,
         canHeading1: ctx.editor.can().chain().toggleHeading({ level: 1 }).run() ?? false,
@@ -426,6 +461,104 @@ function EditorToolbar({ editor, isFullscreen }: { editor: Editor; isFullscreen:
         <HighlighterCircleIcon className="size-3.5" />
       </Toggle>
 
+      <Popover>
+        <PopoverTrigger
+          render={
+            <Button
+              size={isFullscreen ? "lg" : "sm"}
+              tabIndex={-1}
+              variant="ghost"
+              className={cn("rounded-none px-2", state.textColor && "bg-muted text-foreground")}
+              title={t`Text Color`}
+              disabled={!state.canTextColor}
+            >
+              <span className="flex flex-col items-center leading-none">
+                <span className="text-xs font-semibold">A</span>
+                <span
+                  className="mt-0.5 h-0.5 w-3 rounded-full"
+                  style={{ backgroundColor: state.textColor ?? "currentColor" }}
+                />
+              </span>
+            </Button>
+          }
+        />
+
+        <PopoverContent sideOffset={8} className="w-80 gap-3 rounded-xl p-3 shadow-xl">
+          <PopoverHeader className="flex-row items-start justify-between gap-2">
+            <div className="flex items-center gap-2.5">
+              <span
+                className="grid size-9 place-items-center rounded-lg border border-border bg-muted/60 text-sm font-semibold shadow-xs"
+                style={{ color: state.textColor ?? "currentColor" }}
+              >
+                A
+              </span>
+
+              <div className="flex flex-col gap-0.5">
+                <PopoverTitle>
+                  <Trans>Text Color</Trans>
+                </PopoverTitle>
+                <span className="text-xs text-muted-foreground">
+                  <Trans comment="Preset or custom shade refer to the color picker">
+                    Choose a preset or custom shade.
+                  </Trans>
+                </span>
+              </div>
+            </div>
+
+            <Button
+              size="xs"
+              variant="ghost"
+              className="shrink-0"
+              onClick={state.unsetTextColor}
+              disabled={!state.textColor}
+            >
+              <Trans comment="Clear the text color">Clear</Trans>
+            </Button>
+          </PopoverHeader>
+
+          <Separator />
+
+          <div className="flex flex-col gap-2">
+            <span className="text-xs font-medium text-muted-foreground">
+              <Trans>Presets</Trans>
+            </span>
+
+            <div className="grid grid-cols-8 gap-2 rounded-lg bg-muted/40 p-2">
+              {richTextColorOptions.map((color) => (
+                <button
+                  key={color}
+                  type="button"
+                  className={cn(
+                    "size-7 rounded-full border border-border shadow-xs ring-offset-background transition-transform hover:scale-105 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:outline-hidden",
+                    state.textColor === color && "ring-2 ring-ring ring-offset-2",
+                  )}
+                  style={{ backgroundColor: color }}
+                  title={color}
+                  aria-label={t`Use color ${color}`}
+                  aria-pressed={state.textColor === color}
+                  onClick={() => state.setTextColor(color)}
+                />
+              ))}
+            </div>
+          </div>
+
+          <div className="flex flex-col gap-2">
+            <span className="text-xs font-medium text-muted-foreground">
+              <Trans>Custom</Trans>
+            </span>
+
+            <div className={styles.color_picker}>
+              <ReactColorColorful
+                color={rgbaStringToHsva(state.textColor ?? defaultTextColor)}
+                onChange={(color: ColorResult) => {
+                  state.setTextColor(hsvaToRgbaString(color.hsva));
+                }}
+              />
+            </div>
+          </div>
+        </PopoverContent>
+      </Popover>
+
       <div className="mx-1 h-5 w-px bg-border" />
 
       <DropdownMenu>

src/hooks/use-controlled-state.tsx

@@ -5,7 +5,7 @@ interface CommonControlledStateProps<T> {
   defaultValue?: T;
 }
 
-export type UseControlledStateProps<T, Rest extends any[] = []> = CommonControlledStateProps<T> & {
+type UseControlledStateProps<T, Rest extends any[] = []> = CommonControlledStateProps<T> & {
   onChange?: (value: T, ...args: Rest) => void;
 };
 

src/integrations/ai/types.ts

@@ -1,6 +1,6 @@
 import { z } from "zod";
 
-export const AI_PROVIDERS = ["openai", "anthropic", "gemini", "vercel-ai-gateway", "openrouter", "ollama"] as const;
+const AI_PROVIDERS = ["openai", "anthropic", "gemini", "vercel-ai-gateway", "openrouter", "ollama"] as const;
 
 export type AIProvider = (typeof AI_PROVIDERS)[number];
 

src/utils/fonts.ts

@@ -4,7 +4,7 @@ import webFontListJSON from "@/components/typography/webfontlist.json";
 
 type FontCategory = LocalFont["category"];
 type FontWeight = LocalFont["weights"][number];
-export type FontRecord = LocalFont | WebFont;
+type FontRecord = LocalFont | WebFont;
 
 const preferredChineseFontFamilies = [
   "Noto Sans SC",
@@ -101,7 +101,7 @@ const genericFontFamilies = new Set([
   "ui-serif",
 ]);
 
-export const webFontList = webFontListJSON as WebFont[];
+const webFontList = webFontListJSON as WebFont[];
 export const webFontMap = new Map<string, WebFont>(webFontList.map((font) => [font.family, font]));
 
 const webFontFamilies = new Set(webFontList.map((font) => font.family));
@@ -138,7 +138,7 @@ export function getFont(family: string) {
   return fontMap.get(family);
 }
 
-export function getFontCategory(family: string): FontCategory | null {
+function getFontCategory(family: string): FontCategory | null {
   return getFont(family)?.category ?? null;
 }
 
@@ -158,7 +158,7 @@ function getCjkFallbacksByCategory(category: FontCategory | null) {
   return category === "serif" ? resumeCjkSerifFontFallbacks : resumeCjkSansFontFallbacks;
 }
 
-export function getPrimaryCjkWebFont(family: string) {
+function getPrimaryCjkWebFont(family: string) {
   const category = getFontCategory(family);
   return category === "serif" ? "Noto Serif SC" : "Noto Sans SC";
 }

src/utils/resume/docx/html-to-docx.test.ts

@@ -229,6 +229,17 @@ describe("htmlToParagraphs", () => {
     expect(result).toHaveLength(1);
   });
 
+  it("preserves inline text colors from rich text spans", () => {
+    const result = htmlToParagraphs('<p><span style="color: rgba(21, 93, 252, 1)">Styled</span></p>');
+    expect(result).toHaveLength(1);
+
+    const children = getChildren(result[0] as Paragraph);
+    const textRun = children.find((child) => child instanceof TextRun);
+
+    expect(textRun).toBeDefined();
+    expect(JSON.stringify(textRun)).toContain('"val":"155DFC"');
+  });
+
   it("applies linkColor from styleConfig", () => {
     const result = htmlToParagraphs('<p><a href="https://example.com">link</a></p>', {
       linkColor: "FF0000",

src/utils/resume/docx/html-to-docx.ts

@@ -7,6 +7,8 @@ import {
   TextRun,
 } from "docx";
 
+import { parseColorString } from "@/utils/color";
+
 import { toSafeDocxLink } from "./link-utils";
 
 export interface HtmlStyleConfig {
@@ -41,7 +43,14 @@ const HEADING_MAP: Record<string, (typeof HeadingLevel)[keyof typeof HeadingLeve
   H6: HeadingLevel.HEADING_6,
 };
 
-function mergeStyle(parent: InlineStyle, tag: string): InlineStyle {
+function toDocxColorValue(value: string) {
+  const rgba = parseColorString(value);
+  if (!rgba) return null;
+
+  return [rgba.r, rgba.g, rgba.b].map((channel) => channel.toString(16).padStart(2, "0").toUpperCase()).join("");
+}
+
+function mergeStyle(parent: InlineStyle, tag: string, element?: HTMLElement): InlineStyle {
   const next = { ...parent };
 
   switch (tag) {
@@ -68,6 +77,12 @@ function mergeStyle(parent: InlineStyle, tag: string): InlineStyle {
       break;
   }
 
+  const colorValue = (element as HTMLElement | undefined)?.style.color;
+  if (colorValue) {
+    const color = toDocxColorValue(colorValue);
+    if (color) next.color = color;
+  }
+
   return next;
 }
 
@@ -85,7 +100,7 @@ function collectInlineChildren(node: Node, style: InlineStyle): InlineChild[] {
 
     if (child.nodeType !== Node.ELEMENT_NODE) continue;
 
-    const el = child as Element;
+    const el = child as HTMLElement;
     const tag = el.tagName;
 
     if (tag === "BR") {
@@ -104,7 +119,7 @@ function collectInlineChildren(node: Node, style: InlineStyle): InlineChild[] {
       continue;
     }
 
-    const merged = mergeStyle(style, tag);
+    const merged = mergeStyle(style, tag, el);
     children.push(...collectInlineChildren(el, merged));
   }
 
@@ -112,7 +127,7 @@ function collectInlineChildren(node: Node, style: InlineStyle): InlineChild[] {
 }
 
 function processBlockElement(
-  el: Element,
+  el: HTMLElement,
   style: InlineStyle,
   paragraphs: Paragraph[],
   listLevel?: number,
@@ -120,9 +135,10 @@ function processBlockElement(
   listIndex?: number,
 ): void {
   const tag = el.tagName;
+  const mergedStyle = mergeStyle(style, tag, el);
 
   if (HEADING_MAP[tag]) {
-    const inlineChildren = collectInlineChildren(el, style);
+    const inlineChildren = collectInlineChildren(el, mergedStyle);
     if (inlineChildren.length > 0) {
       paragraphs.push(new Paragraph({ heading: HEADING_MAP[tag], children: inlineChildren }));
     }
@@ -130,7 +146,7 @@ function processBlockElement(
   }
 
   if (tag === "P" || tag === "DIV") {
-    const inlineChildren = collectInlineChildren(el, style);
+    const inlineChildren = collectInlineChildren(el, mergedStyle);
     if (inlineChildren.length > 0) {
       paragraphs.push(
         new Paragraph({
@@ -162,7 +178,7 @@ function processBlockElement(
             if (text) {
               paragraphs.push(
                 new Paragraph({
-                  children: [new TextRun({ text, ...style })],
+                  children: [new TextRun({ text, ...mergedStyle })],
                   ...(isOrdered && numberingRef
                     ? { numbering: { reference: numberingRef, level, instance: listIndex } }
                     : { bullet: { level } }),
@@ -170,11 +186,11 @@ function processBlockElement(
               );
             }
           } else if (liChild.nodeType === Node.ELEMENT_NODE) {
-            processBlockElement(liChild as Element, style, paragraphs, level, numberingRef, listIndex);
+            processBlockElement(liChild as HTMLElement, mergedStyle, paragraphs, level, numberingRef, listIndex);
           }
         }
       } else {
-        const inlineChildren = collectInlineChildren(li, style);
+        const inlineChildren = collectInlineChildren(li, mergedStyle);
         if (inlineChildren.length > 0) {
           paragraphs.push(
             new Paragraph({
@@ -192,7 +208,7 @@ function processBlockElement(
 
   if (tag === "BLOCKQUOTE") {
     const indent: ISpacingProperties = {};
-    const inlineChildren = collectInlineChildren(el, { ...style, italics: true });
+    const inlineChildren = collectInlineChildren(el, { ...mergedStyle, italics: true });
     if (inlineChildren.length > 0) {
       paragraphs.push(
         new Paragraph({
@@ -210,7 +226,7 @@ function processBlockElement(
     if (text) {
       paragraphs.push(
         new Paragraph({
-          children: [new TextRun({ text, font: "Courier New", ...style })],
+          children: [new TextRun({ text, font: "Courier New", ...mergedStyle })],
         }),
       );
     }
@@ -223,7 +239,7 @@ function processBlockElement(
   }
 
   if (tag === "LI") {
-    const inlineChildren = collectInlineChildren(el, style);
+    const inlineChildren = collectInlineChildren(el, mergedStyle);
     if (inlineChildren.length > 0) {
       paragraphs.push(
         new Paragraph({
@@ -236,7 +252,7 @@ function processBlockElement(
   }
 
   // Fallback: treat as inline container
-  const inlineChildren = collectInlineChildren(el, style);
+  const inlineChildren = collectInlineChildren(el, mergedStyle);
   if (inlineChildren.length > 0) {
     paragraphs.push(new Paragraph({ children: inlineChildren }));
   }
@@ -274,7 +290,7 @@ export function htmlToParagraphs(html: string, styleConfig?: HtmlStyleConfig): P
     }
 
     if (child.nodeType === Node.ELEMENT_NODE) {
-      processBlockElement(child as Element, baseStyle, paragraphs);
+      processBlockElement(child as HTMLElement, baseStyle, paragraphs);
     }
   }
 

src/utils/sanitize.test.ts

@@ -39,6 +39,15 @@ describe("sanitizeHtml", () => {
     const html = "<table><tr><td>cell</td></tr></table>";
     expect(sanitizeHtml(html)).toContain("<table>");
   });
+
+  it("should preserve safe inline text colors", () => {
+    const html = '<p><span style="color: rgba(21, 93, 252, 1)">colored</span></p>';
+    const result = sanitizeHtml(html);
+
+    expect(result).toContain("<span");
+    expect(result).toContain("color:");
+    expect(result).toContain("colored");
+  });
 });
 
 describe("sanitizeCss", () => {