Minor tweaks to look and feel for some dialogs and button.

gpt4all-chat/qml/ModelDownloaderDialog.qml

@@ -13,9 +13,10 @@ Dialog {
     modal: true
     opacity: 0.9
     closePolicy: LLM.chatListModel.currentChat.modelList.length === 0 ? Popup.NoAutoClose : (Popup.CloseOnEscape | Popup.CloseOnPressOutside)
+    padding: 20
+    bottomPadding: 30
     background: Rectangle {
         anchors.fill: parent
-        anchors.margins: -20
         color: theme.backgroundDarkest
         border.width: 1
         border.color: theme.dialogBorder

gpt4all-chat/qml/MyButton.qml

@@ -9,7 +9,7 @@ Button {
     contentItem: Text {
         text: myButton.text
         horizontalAlignment: Text.AlignHCenter
-        color: theme.textColor
+        color: myButton.enabled ? theme.textColor : theme.mutedTextColor
         Accessible.role: Accessible.Button
         Accessible.name: text
     }

gpt4all-chat/qml/SettingsDialog.qml

@@ -12,9 +12,10 @@ Dialog {
     id: settingsDialog
     modal: true
     opacity: 0.9
+    padding: 20
+    bottomPadding: 30
     background: Rectangle {
         anchors.fill: parent
-        anchors.margins: -20
         color: theme.backgroundDarkest
         border.width: 1
         border.color: theme.dialogBorder
@@ -131,6 +132,7 @@ Dialog {
     TabBar {
         id: settingsTabBar
         width: parent.width / 1.5
+        z: 200
 
         TabButton {
             id: genSettingsButton
@@ -146,21 +148,28 @@ Dialog {
                     anchors.top: parent.top
                     anchors.left: parent.left
                     anchors.right: parent.right
-                    height: 1 ? genSettingsButton.checked : 0
+                    height: genSettingsButton.checked
+                    color: theme.tabBorder
+                }
+                Rectangle {
+                    anchors.bottom: parent.bottom
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+                    height: !genSettingsButton.checked
                     color: theme.tabBorder
                 }
                 Rectangle {
                     anchors.top: parent.top
                     anchors.bottom: parent.bottom
                     anchors.left: parent.left
-                    width: 1 ? genSettingsButton.checked : 0
+                    width: genSettingsButton.checked
                     color: theme.tabBorder
                 }
                 Rectangle {
                     anchors.top: parent.top
                     anchors.bottom: parent.bottom
                     anchors.right: parent.right
-                    width: 1 ? genSettingsButton.checked : 0
+                    width: genSettingsButton.checked
                     color: theme.tabBorder
                 }
             }
@@ -183,21 +192,28 @@ Dialog {
                     anchors.top: parent.top
                     anchors.left: parent.left
                     anchors.right: parent.right
-                    height: 1 ? appSettingsButton.checked : 0
+                    height: appSettingsButton.checked
+                    color: theme.tabBorder
+                }
+                Rectangle {
+                    anchors.bottom: parent.bottom
+                    anchors.left: parent.left
+                    anchors.right: parent.right
+                    height: !appSettingsButton.checked
                     color: theme.tabBorder
                 }
                 Rectangle {
                     anchors.top: parent.top
                     anchors.bottom: parent.bottom
                     anchors.left: parent.left
-                    width: 1 ? appSettingsButton.checked : 0
+                    width: appSettingsButton.checked
                     color: theme.tabBorder
                 }
                 Rectangle {
                     anchors.top: parent.top
                     anchors.bottom: parent.bottom
                     anchors.right: parent.right
-                    width: 1 ? appSettingsButton.checked : 0
+                    width: appSettingsButton.checked
                     color: theme.tabBorder
                 }
             }
@@ -209,6 +225,7 @@ Dialog {
 
     StackLayout {
         anchors.top: settingsTabBar.bottom
+        anchors.topMargin: -1
         width: parent.width
         height: availableHeight
         currentIndex: settingsTabBar.currentIndex

gpt4all-chat/qml/Theme.qml

@@ -6,6 +6,7 @@ QtObject {
     property color textColor: "#d1d5db"
     property color textErrorColor: "red"
     property color backgroundDarkest: "#202123"
+    property color backgroundDarker: "#222326"
     property color backgroundDark: "#242528"
     property color backgroundLight: "#343541"
     property color backgroundLighter: "#444654"
@@ -14,7 +15,7 @@ QtObject {
     property color userColor: "#ec86bf"
     property color assistantColor: "#10a37f"
     property color linkColor: "white"
-    property color tabBorder: "#aaa"
+    property color tabBorder: "#2C2D35"
     property real  fontSizeLarge: Qt.application.font.pixelSize
     property real  fontSizeLarger: Qt.application.font.pixelSize + 2
 }