fix(dialog): fix button color ignored in iOS theme

fixes #4373

Author: nolimits4web

src/core/components/button/button-vars.less

@@ -62,10 +62,6 @@
   --f7-segmented-strong-button-text-transform: none;
   --f7-segmented-strong-button-active-font-weight: 600;
 
-  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
-  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
-  --f7-button-tonal-text-color: var(--f7-theme-color);
-
   .light-vars({
     --f7-segmented-strong-bg-color: rgba(0,0,0,0.07);
     --f7-segmented-strong-button-pressed-bg-color: rgba(0,0,0,0.07);
@@ -77,6 +73,11 @@
   });
 
 });
+.ios-color-vars({
+  --f7-button-tonal-bg-color: rgba(var(--f7-theme-color-rgb), 0.15);
+  --f7-button-tonal-pressed-bg-color: rgba(var(--f7-theme-color-rgb), 0.25);
+  --f7-button-tonal-text-color: var(--f7-theme-color);
+});
 .md-vars({
   --f7-button-font-size: 14px;
   /*

src/core/less/mixins.less

@@ -32,6 +32,15 @@
     }
   }
 }
+.ios-color-vars(@ruleset) {
+  & when (@includeIosTheme) {
+    .ios,
+    .ios .dark,
+    .ios [class*='color-'] {
+      @ruleset();
+    }
+  }
+}
 .md-vars(@ruleset) {
   & when (@includeMdTheme) {
     .md {