Merge pull request #17755 from frappe/mergify/bp/version-14-hotfix/pr-17753

cypress/integration/control_data.js

@@ -42,7 +42,7 @@ context("Data Control", () => {
 		cy.visit(`/app/doctype/User`);
 		cy.get(
 			'[data-fieldname="fields"] .grid-row[data-idx="2"] [data-fieldname="fieldtype"] .static-area'
-		).should("have.text", "🔵 Section Break");
+		).should("have.text", "Section Break");
 	});
 
 	it('Verifying data control by inputting different patterns for "Name" field', () => {

frappe/public/js/frappe/doctype/index.js

@@ -11,12 +11,12 @@ frappe.model.DocTypeController = class DocTypeController extends frappe.ui.form.
 			this.frm.doctype === "DocType" ? "DocField" : "Customize Form Field"
 		].fieldtype.formatter = (value) => {
 			const prefix = {
-				"Tab Break": "🔴",
-				"Section Break": "🔵",
-				"Column Break": "🟡",
+				"Tab Break": "--red-600",
+				"Section Break": "--blue-600",
+				"Column Break": "--yellow-600",
 			};
 			if (prefix[value]) {
-				value = prefix[value] + " " + value;
+				value = `<span class="bold" style="color: var(${prefix[value]})">${value}</span>`;
 			}
 			return value;
 		};