uiux: ensure components have proper theme text color

Closes #899

ui/app/AppLayouts/Profile/Sections/SyncContainer.qml

@@ -23,9 +23,32 @@ Item {
 
     Component {
         id: mailserversList
-
+        
         RadioButton {
-            text: name
+            id: control
+            indicator: Rectangle {
+                implicitWidth: 26
+                implicitHeight: 26
+                x: control.leftPadding
+                y: parent.height / 2 - height / 2
+                radius: 13
+                border.color: control.down ? "#17a81a" : "#21be2b"
+
+                Rectangle {
+                    width: 14
+                    height: 14
+                    x: 6
+                    y: 6
+                    radius: 7
+                    color: control.down ? "#17a81a" : "#21be2b"
+                    visible: control.checked
+                }
+            }
+            contentItem: StyledText {
+                text: name
+                color: Style.current.textColor
+                leftPadding: control.indicator.width + control.spacing
+            }
             checked: index == 0 ? true: false
         }
     }

ui/shared/BlockContactConfirmationDialog.qml

@@ -13,7 +13,7 @@ ModalPopup {
     signal blockButtonClicked()
     title: qsTrId("block-user")
 
-    Text {
+    StyledText {
         //% "Blocking will remove any messages you received from " + blockContactConfirmationDialog.contactName + " and stop new messages from reaching you."
         text: qsTrId("blocking-will-remove-any-messages-you-received-from-----blockcontactconfirmationdialog-contactname-----and-stop-new-messages-from-reaching-you-")
         font.pixelSize: 15

ui/shared/StyledTextArea.qml

@@ -32,7 +32,6 @@ Item {
         anchors.top: parent.top
         anchors.topMargin: 0
         font.pixelSize: 13
-        color: Style.current.black
     }
 
     Rectangle {