Set default culture to "fa-IR" + Consider RTL in main layout and basic layout + Add font "IRANSansX" in layout + Change logo and branding

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

@@ -0,0 +1,70 @@
+.loading-splash {
+    background-color: #0f172a;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    color: white;
+    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.full-height {
+    height: 100%
+}
+
+/*****************************************************
+* CSS hacks for the MudBlazor and MudBlazorExtensions components
+******************************************************/
+.mud-select.timespan-operator {
+    min-width: 150px;
+}
+
+.mud-select-extended {
+    min-width: 100px;
+}
+
+.mud-select-has-incidents {
+    max-width: 160px;
+    justify-content: end;
+}
+
+/*****************************************************
+* Expression Editor
+******************************************************/
+.studio-expression-input-menu-item .mud-list-item-icon {
+    min-width: 33px;
+}
+
+.studio-expression-input-monaco-editor {
+    height: 120px;
+}
+
+.studio-monaco-editor-large {
+    height: 320px;
+}
+
+/*****************************************************
+* Monaco Editor
+******************************************************/
+.monaco-editor {
+    border-radius: 0.25rem;
+}
+
+.monaco-editor .overflow-guard {
+    border-radius: 0.25rem;
+}
+
+.monaco-editor .suggest-widget div.tree {
+    white-space: unset;
+    padding-bottom: 0;
+}
+
+/*****************************************************
+* Badge overlap for small icons
+******************************************************/
+.elsa-toolbar-icon .mud-badge.mud-badge-bottom.right.mud-badge-overlap
+{
+    inset: calc(100% - 20px) auto auto calc(100% - 20px)
+}
+

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

@@ -0,0 +1,109 @@
+/**
+*
+*	Name:			IRANSansX Fonts
+*	Version:			3
+*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
+*	Created on:		Apr 22, 2021
+*	Updated on:		Jul 12, 2023
+*	Website:			http://fontiran.com
+*	Copyright:		Commercial/Proprietary Software
+--------------------------------------------------------------------------------------
+فونتایران سنس Xا یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
+--------------------------------------------------------------------------------------
+IRANSansX fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
+--------------------------------------------------------------------------------------
+This set of fonts are used in this project under the license: (.....)
+------------------------------------------------------------------------------------- fonts/-
+*	
+**/
+
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 100;
+	src: url('fonts/woff/IRANSansX-Thin.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Thin.woff2') format('woff2');		
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 200;
+	src: url('fonts/woff/IRANSansX-UltraLight.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-UltraLight.woff2') format('woff2');	
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 300;
+	src: url('fonts/woff/IRANSansX-Light.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Light.woff2') format('woff2');		 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 500;
+	src: url('fonts/woff/IRANSansX-Medium.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Medium.woff2') format('woff2');		 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 600;
+	src: url('fonts/woff/IRANSansX-DemiBold.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-DemiBold.woff2') format('woff2');	 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 800;
+	src: url('fonts/woff/IRANSansX-ExtraBold.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-ExtraBold.woff2') format('woff2');		 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 900;
+	src: url('fonts/woff/IRANSansX-Black.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Black.woff2') format('woff2');		 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 950;
+	src: url('fonts/woff/IRANSansX-ExtraBlack.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-ExtraBlack.woff2') format('woff2');		 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: 1000;
+	src: url('fonts/woff/IRANSansX-Heavy.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Heavy.woff2') format('woff2');		 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: bold;
+	src: url('fonts/woff/IRANSansX-Bold.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Bold.woff2') format('woff2');	 
+}
+
+@font-face {
+	font-family: IRANSansX;
+	font-style: normal;
+	font-weight: normal;
+	src: url('fonts/woff/IRANSansX-Regular.woff') format('woff'),   
+	url('fonts/woff2/IRANSansX-Regular.woff2') format('woff2');	
+}
+
+

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

@@ -0,0 +1,70 @@
+.loading-splash {
+    background-color: #0f172a;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    color: white;
+    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+
+.full-height {
+    height: 100%
+}
+
+/*****************************************************
+* CSS hacks for the MudBlazor and MudBlazorExtensions components
+******************************************************/
+.mud-select.timespan-operator {
+    min-width: 150px;
+}
+
+.mud-select-extended {
+    min-width: 100px;
+}
+
+.mud-select-has-incidents {
+    max-width: 160px;
+    justify-content: end;
+}
+
+/*****************************************************
+* Expression Editor
+******************************************************/
+.studio-expression-input-menu-item .mud-list-item-icon {
+    min-width: 33px;
+}
+
+.studio-expression-input-monaco-editor {
+    height: 120px;
+}
+
+.studio-monaco-editor-large {
+    height: 320px;
+}
+
+/*****************************************************
+* Monaco Editor
+******************************************************/
+.monaco-editor {
+    border-radius: 0.25rem;
+}
+
+.monaco-editor .overflow-guard {
+    border-radius: 0.25rem;
+}
+
+.monaco-editor .suggest-widget div.tree {
+    white-space: unset;
+    padding-bottom: 0;
+}
+
+/*****************************************************
+* Badge overlap for small icons
+******************************************************/
+.elsa-toolbar-icon .mud-badge.mud-badge-bottom.right.mud-badge-overlap
+{
+    inset: calc(100% - 20px) auto auto calc(100% - 20px)
+}
+

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

@@ -0,0 +1,244 @@
+@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
+body {
+	font-family: IRANSansX  !important;
+	direction: rtl;
+	background-color: #cdcdcd;
+	margin: 0;
+}
+h1, h2, h3, h4, h5, h6,input, textarea {
+	font-family: IRANSansX !important;
+}
+h1 {
+	font-weight: bold;
+}
+.wrapper {
+	max-width: 900px;
+	margin: 0 auto;
+}
+.ltr {
+	direction: ltr;
+}
+.text-right {
+	text-align: right;
+}
+.text-center {
+	text-align: center;
+}
+.text-left {
+	text-align: left;
+}
+.text-small {
+	font-size: 0.8em;
+}
+.text-xsmall {
+	font-size: 0.6em;
+}
+.text-large {
+	font-size: 1.2em;
+}
+.text-xlarge {
+	font-size: 1.4em;
+}
+.text-underline {
+	text-decoration:underline;
+}
+
+.text-thin {
+	font-weight: 100;
+}
+.text-UltraLight {
+	font-weight: 200;
+}
+.text-light {
+	font-weight: 300;
+}
+.text-regular {
+	font-weight: normal;
+}
+.text-medium {
+	font-weight: 500;
+}
+.text-demibold {
+	font-weight: 600;
+}
+.text-bold {
+	font-weight: bold;
+}
+
+.text-extrabold {
+	font-weight: 800;
+}
+.text-black {
+	font-weight: 900;
+}
+.text-extrablack {
+	font-weight: 950;
+}
+.text-heavy {
+	font-weight: 1000;
+}
+
+blockquote {
+	font-weight: 700;
+	padding: 10px;
+	border: 1px dashed #666666;
+}
+
+.mainbox {
+	width: 100%;
+	background-color: #EFEFEF;
+	display: table;
+	margin-bottom: 30px;
+	border-right: 8px solid #df79ff;
+}
+
+.mainboxnegativ {
+	width: 100%;
+	background-color: #000000;
+	display: table;
+	margin-bottom: 30px;
+	border-right: 8px solid #df79ff;
+	color: #F9F9F9;
+}
+
+.mainbox2 {
+	font-size: 1em;
+	width: 90%;
+	padding-right: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+.mainboxitalic {
+	font-size: 1em;
+	font-style: italic;
+	width: 90%;
+	padding-right: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+.mainbox3 {
+	width: 100%;
+	background-color: #DFDFDF;
+	display: table;
+	margin-bottom: 30px;
+	border-right: 8px solid #FF5EAA;
+}
+
+.mainbox2negativ {
+	font-size: 1em;
+	color: #F9F9F9;
+	background-color: #000000;
+	padding-right: 20px;
+}
+
+
+.farsiparagraph {
+	font-size: 1em;
+	width: 47%;
+	float:right;
+	padding-right: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+
+}
+
+.farsiparagraph_negativ {
+	font-size: 1em;
+	color: #F9F9F9;
+	background-color: #000000;
+	width: 47%;
+	float:right;
+	padding-right: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+
+}
+
+
+.englishparagraph {
+	font-size: 1em;
+	width: 47%;
+	float: left;
+	direction:ltr;
+	padding-left: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+
+
+}
+
+.englishparagraph_negativ {
+	font-size: 1em;
+	color: #F9F9F9;
+	background-color: #000000;
+	width: 47%;
+	float: left;
+	direction:ltr;
+	padding-left: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+
+
+}
+.rightbox {
+	width: 60%;
+	padding-right: 20px;
+	padding-left: 5px;
+	float: right;
+	margin-left: 10px;
+	margin-bottom: 0px;
+	min-width: 0px;
+	background-color: #F7F7F7;
+
+}
+
+.titelbox {
+	width: 60%;
+	padding-right: 25px;
+	padding-left: 0px;
+	float: right;
+	margin-left: 10px;
+	margin-bottom: 0px;
+	min-width: 0px;
+	background-color: #d5d5d5;
+	color: #4B4B4B;
+}
+
+
+.lefttbox {
+	
+	padding-right: 20px;
+	padding-left: 4px;
+	float: right;
+	margin-bottom: 10px;
+	min-width: 0px;
+}
+
+.alphabet {
+	width: 35%;
+	float: left;
+	font-size: 20em;
+	text-align: center;
+	font-weight: 700;
+	color: #999999;
+}
+
+.alphabet2 {
+	width: 35%;
+	float: left;
+	direction: ltr;
+	font-size: 1.6em;
+	text-align: left;
+	font-weight: 600;
+	color: #333333;
+	margin-top: 100px;
+}
+.footer {
+	font-weight: 400;
+	font-size: 0.7em;
+	text-align: center;
+	direction: ltr;
+	margin-bottom: 0px;
+	padding-bottom: 0px;
+}

src/framework/Elsa.Studio.Shell/wwwroot/site.webmanifest

@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}