fix: Mint tokens screen uses different border colors for boxes

plus a couple of other dark mode fixes

Fixes #11633

storybook/pages/IntroPanelPage.qml

@@ -23,6 +23,7 @@ SplitView {
             anchors.fill: tokenPanel
             border.width: 1
             anchors.margins: -15
+            color: "transparent"
         }
 
         IntroPanel {

ui/StatusQ/src/StatusQ/Components/StatusCommunityCard.qml

@@ -130,17 +130,17 @@ Rectangle {
 
     QtObject {
         id: d
-        property int cardWidth: 335
-        property int bannerHeigth: 64
-        property int cardHeigth: 190
-        property int totalHeigth: 230
-        property int margins: 12
-        property int bannerRadius: 20
-        property int cardRadius: 16
-        property color cardColor: Theme.palette.indirectColor1
-        property color fontColor: Theme.palette.directColor1
-        property color loadingColor1: Theme.palette.baseColor5
-        property color loadingColor2: Theme.palette.baseColor4
+        readonly property int cardWidth: 335
+        readonly property int bannerHeigth: 64
+        readonly property int cardHeigth: 190
+        readonly property int totalHeigth: 230
+        readonly property int margins: 12
+        readonly property int bannerRadius: 20
+        readonly property int cardRadius: 16
+        readonly property color cardColor: Theme.palette.name === "light" ? Theme.palette.indirectColor1 : Theme.palette.baseColor2
+        readonly property color fontColor: Theme.palette.directColor1
+        readonly property color loadingColor1: Theme.palette.baseColor5
+        readonly property color loadingColor2: Theme.palette.baseColor4
 
         function numberFormat(number) {
             var res = number

ui/StatusQ/src/StatusQ/Controls/StatusTagItem.qml

@@ -6,11 +6,11 @@ import StatusQ.Core.Theme 0.1
 
 /*!
      \qmltype StatusTagItem
-     \inherits Item
+     \inherits Control
      \inqmlmodule StatusQ.Controls
      \since StatusQ.Controls 0.1
-     \brief Reprsents a tag item.
-     Inherits \l{https://doc.qt.io/qt-5/qml-qtquick-rectangle.html}{Item}.
+     \brief Represents a tag item.
+     Inherits \l{https://doc.qt.io/qt-5/qml-qtquick-controls2-control.html}{Control}.
 
      The \c StatusTagItem represents a tag item where a name and icon can be displayed and can be clicked.
      Example:
@@ -54,16 +54,13 @@ Control {
 
     QtObject {
         id: d
-        property int tagMargins: 8
-        property int tagIconsSize: 20
+        readonly property int tagMargins: 8
+        readonly property int tagIconsSize: 20
 
         function getTagColor(isReadonly) {
-            if(isReadonly) {
+            if(isReadonly)
                 return Theme.palette.baseColor1
-            }
-            else {
-                return mouseArea.containsMouse ? Theme.palette.miscColor1 : Theme.palette.primaryColor1
-            }
+            return mouseArea.containsMouse ? Theme.palette.miscColor1 : Theme.palette.primaryColor1
         }
     }
 

ui/app/AppLayouts/Communities/panels/IntroPanel.qml

@@ -35,7 +35,7 @@ Control {
     background: Rectangle {
         color: "transparent"
         radius: 16
-        border.color: Theme.palette.baseColor5
+        border.color: Theme.palette.baseColor2
     }
 
     contentItem: ColumnLayout {

ui/app/AppLayouts/Communities/views/EditPermissionView.qml

@@ -561,6 +561,7 @@ StatusScrollView {
         }
         Separator {
             Layout.topMargin: 24
+            color: Theme.palette.baseColor2
         }
 
         HidePermissionPanel {

ui/app/AppLayouts/Onboarding/views/ProfileFetchingView.qml

@@ -74,7 +74,7 @@ Item {
                     icon: model.icon
                 }
 
-                Text {
+                StatusBaseText {
                     id: entity
                     anchors.left: icon.right
                     anchors.right: indicator.visible? indicator.left : loaded.left
@@ -107,7 +107,7 @@ Item {
                     visible: model.totalMessages === 0
                 }
 
-                Text {
+                StatusBaseText {
                     id: loaded
                     anchors.right: parent.right
                     anchors.verticalCenter: parent.verticalCenter
@@ -144,7 +144,6 @@ Item {
         StatusButton {
             id: button
             Layout.alignment: Qt.AlignHCenter
-            Layout.preferredWidth: root.startupStore.currentStartupState.stateType === Constants.startupState.profileFetching? 80 : -1
             focus: true
             enabled: root.startupStore.currentStartupState.stateType !== Constants.startupState.profileFetching
 

ui/imports/shared/views/ExistingContacts.qml

@@ -84,7 +84,7 @@ Item {
             isContact: model.isContact
             status: model.onlineStatus
             height: visible ? implicitHeight : 0
-            color: sensor.containsMouse ? Style.current.backgroundHover : Style.current.transparent
+            color: sensor.containsMouse ? Theme.palette.baseColor2 : "transparent"
             nickName: model.localNickname
             userName: ProfileUtils.displayName("", model.ensName, model.displayName, model.alias)
             asset.name: model.icon