set the color of input and confirm button to red in password input sheet when clear user data

src/components/mobile/PasswordInputSheet.vue

@@ -16,6 +16,7 @@
                         floating-label
                         clear-button
                         class="no-margin no-padding-bottom"
+                        :class="color ? 'color-' + color : ''"
                         :label="$t('Current Password')"
                         :placeholder="$t('Current Password')"
                         v-model:value="currentPassword"
@@ -24,6 +25,7 @@
                 </f7-list>
                 <f7-button large fill
                            :class="{ 'disabled': !currentPassword || confirmDisabled }"
+                           :color="color || 'primary'"
                            :text="$t('Continue')"
                            @click="confirm">
                 </f7-button>
@@ -41,6 +43,7 @@ export default {
         'modelValue',
         'title',
         'hint',
+        'color',
         'confirmDisabled',
         'cancelDisabled',
         'show'

src/views/mobile/users/DataManagementPage.vue

@@ -47,6 +47,7 @@
                               :hint="$t('You CANNOT undo this action. This will clear your accounts, categories, tags and transactions data. Please input your current password to confirm.')"
                               :confirm-disabled="clearingData"
                               :cancel-disabled="clearingData"
+                              color="red"
                               v-model:show="showInputPasswordSheetForClearData"
                               v-model="currentPasswordForClearData"
                               @password:confirm="clearData">