Add styles

src/framework/Elsa.Studio.Shell/wwwroot/css/custom.css

@@ -2,6 +2,8 @@
     direction: ltr !important;
 }
 
+.mud-timeline-item.rounded .mud-typography,
+.mud-timeline-item.rounded .mud-typography > .mud-icon-root,
 .elsa-flowchart-diagram-designer-v2 .activity-label {
     color: rgb(66, 66, 66) !important;
 }

src/framework/Elsa.Studio.Shell/wwwroot/css/fontstyle.css

@@ -0,0 +1,24 @@
+body {
+	font-family: IRANSansX  !important;
+}
+
+h1, h2, h3, h4, h5, h6,input, textarea {
+	font-family: IRANSansX !important;
+}
+
+:root {
+	--mud-typography-default-family: IRANSansX !important;
+	--mud-typography-h1-family: IRANSansX !important;
+	--mud-typography-h2-family: IRANSansX !important;
+	--mud-typography-h3-family: IRANSansX !important;
+	--mud-typography-h4-family: IRANSansX !important;
+	--mud-typography-h5-family: IRANSansX !important;
+	--mud-typography-h6-family: IRANSansX !important;
+	--mud-typography-subtitle1-family: IRANSansX !important;
+	--mud-typography-subtitle2-family: IRANSansX !important;
+	--mud-typography-body1-family: IRANSansX !important;
+	--mud-typography-body2-family: IRANSansX !important;
+	--mud-typography-button-family: IRANSansX !important;
+	--mud-typography-caption-family: IRANSansX !important;
+	--mud-typography-overline-family: IRANSansX !important;
+}