font familiy in variable

client/src/helpers/misc/summernote-custom.js

@@ -459,7 +459,7 @@ function init(langSets) {
                         useSoftTabs: true,
                     });
 
-                    aceEditor.setOptions({fontFamily: 'JetBrainsMono'});
+                    aceEditor.setOptions({fontFamily: 'var(--font-family-monospace)'});
                     aceEditor.setFontSize('var(--font-size-small)');
                     aceEditor.container.style.lineHeight = 'var(--line-height-small)';
                     aceEditor.renderer.updateFontSize();

client/src/views/fields/complex-expression.js

@@ -141,7 +141,7 @@ class ComplexExpressionFieldView extends TextFieldView {
 
             const editor = this.editor = ace.edit(this.containerId);
 
-            editor.setOptions({fontFamily: 'JetBrainsMono'});
+            editor.setOptions({fontFamily: 'var(--font-family-monospace)'});
             editor.setFontSize('var(--font-size-base)');
             editor.container.style.lineHeight = 'var(--line-height-computed)';
             editor.renderer.updateFontSize();

client/src/views/fields/formula.js

@@ -155,7 +155,7 @@ class FormulaFieldView extends TextFieldView {
 
             const editor = this.editor = ace.edit(this.containerId);
 
-            editor.setOptions({fontFamily: 'JetBrainsMono'});
+            editor.setOptions({fontFamily: 'var(--font-family-monospace)'});
             editor.setFontSize('var(--font-size-base)');
             editor.container.style.lineHeight = 'var(--line-height-computed)';
             editor.renderer.updateFontSize();

client/src/views/template/fields/style.js

@@ -135,7 +135,7 @@ class TemplateStyleFieldView extends TextFieldView {
 
             const editor = this.editor = ace.edit(this.containerId);
 
-            editor.setOptions({fontFamily: 'JetBrainsMono'});
+            editor.setOptions({fontFamily: 'var(--font-family-monospace)'});
             editor.setFontSize('var(--font-size-base)');
             editor.container.style.lineHeight = 'var(--line-height-computed)';
             editor.renderer.updateFontSize();

frontend/less/espo/root-variables.less

@@ -81,6 +81,9 @@
     --1300px: 81.25rem;
     --1440px: 90rem;
 
+    --font-family: Inter, sans-serif;
+    --font-family-monospace: JetBrainsMono, monospace;
+
     --font-size-base: var(--14px);
     --font-size-large: var(--18px);
     --font-size-small: var(--12px);

frontend/less/espo/variables.less

@@ -55,8 +55,8 @@
 
 @headings-line-height: 1;
 
-@font-family-base: Inter, sans-serif;
-@font-family-monospace: JetBrainsMono, Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base: var(--font-familiy);
+@font-family-monospace: var(--font-family-monospace);
 
 @icon-font-path: "../../fonts/";