[DE mobile] Fix Bug 55049

apps/common/mobile/resources/less/common-ios.less

@@ -52,6 +52,9 @@
     --f7-subnavbar-border-color: @background-menu-divider;
     --f7-list-border-color: @background-menu-divider;
 
+    --f7-picker-item-text-color: rgba(var(--text-normal), 0.45);
+    --f7-picker-item-selected-text-color: @text-normal;
+
     // Main Toolbar
     #editor-navbar.navbar .right a + a,
     #editor-navbar.navbar .left a + a {

apps/common/mobile/resources/less/common-material.less

@@ -43,6 +43,9 @@
     --f7-dialog-title-text-color: @text-normal;
     --f7-dialog-button-text-color: @brandColor;
 
+    --f7-picker-item-text-color: rgba(var(--text-normal), 0.45);
+    --f7-picker-item-selected-text-color: @text-normal;
+
     .button {
         --f7-touch-ripple-color: transparent;
     }

apps/documenteditor/mobile/src/controller/add/AddTable.jsx

@@ -37,7 +37,7 @@ class AddTableController extends Component {
             text: '',
             content:
                 '<div class="content-block">' +
-                '<div class="row">' +
+                '<div class="row row-picker">' +
                 '<div class="col-50">' + _t.textColumns + '</div>' +
                 '<div class="col-50">' + _t.textRows + '</div>' +
                 '</div>' +

apps/documenteditor/mobile/src/less/app.less

@@ -4,6 +4,7 @@
 @import '../../../../common/mobile/resources/less/_mixins.less';
 @import '../../../../common/mobile/resources/less/colors-table.less';
 @import '../../../../common/mobile/resources/less/colors-table-dark.less';
+
 @brandColor: var(--brand-word);
 
 .device-ios {
@@ -158,4 +159,12 @@
     height: 50px;
 }
 
+// Picker 
+
+.row-picker {
+    .col-50 {
+        color: @text-secondary;
+    }
+}
+