TF-3410 Update icon color & icon size of composer view

Signed-off-by: dab246 <tdvu@linagora.com>
2025-01-08 21:57:09 +07:00
parent eb3b59542a
commit 352681b60e
18 changed files with 84 additions and 77 deletions
@@ -245,6 +245,9 @@ extension AppColor on Color {
  static const blue700 = Color(0xFF208BFF);
  static const blue100 = Color(0xFFDFEEFF);
  static const blue400 = Color(0xFF80BDFF);
+  static const m3Tertiary = Color(0xFF8C9CAF);
+  static const m3Neutral70 = Color(0xFFAEAAAE);
+  static const colorF3F6F9 = Color(0xFFF3F6F9);

  static const mapGradientColor = [
    [Color(0xFF21D4FD), Color(0xFFB721FF)],
@@ -38,10 +38,22 @@ class HtmlUtils {
      editor.parentNode.replaceChild(newEditor, editor);''',
    name: 'unregisterDropListener');

-  static String customCssStyleHtmlEditor({TextDirection direction = TextDirection.ltr}) {
+  static String customCssStyleHtmlEditor({
+    TextDirection direction = TextDirection.ltr,
+    bool useDefaultFont = false,
+  }) {
    if (PlatformInfo.isWeb) {
      return '''
        <style>
+          ${useDefaultFont ? '''
+            body {
+              font-family: Arial, 'Inter', sans-serif;
+              font-weight: 500;
+              font-size: 16px;
+              line-height: 24px;
+            }
+          ''' : ''}
+        
          .note-editable {
            direction: ${direction.name};
          }
@@ -53,6 +65,15 @@ class HtmlUtils {
      ''';
    } else if (PlatformInfo.isMobile) {
      return '''
+        ${useDefaultFont ? '''
+          body {
+            font-family: Arial, 'Inter', sans-serif;
+            font-weight: 500;
+            font-size: 16px;
+            line-height: 24px;
+          }
+        ''' : ''}
+        
        #editor {
          direction: ${direction.name};
        }
@@ -104,12 +125,14 @@ class HtmlUtils {
      <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+      ${useDefaultFont ? '<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">' : ''}
      <style>
        ${useDefaultFont ? '''
          body {
-            font-family: Arial, 'Inter', sans-serif; /* Fall back to sans-serif if fonts aren't available */
-            font-size: 16pt;
-            line-height: 24pt;
+            font-family: 'Inter', sans-serif;
+            font-weight: 500;
+            font-size: 16px;
+            line-height: 24px;
          }
        ''' : ''}
        .tmail-content {