Fix SignIn circle buttons colors

TODO.md

@@ -68,6 +68,9 @@
   - Prevent using the SendBox if no permission (power levels)
   - Spinner when loading past room events, images or clicking buttons
   - Theming
+    - Don't use user theme in debug mode
+    - Don't create additional lines in theme conversion (braces)
+    - Recursively merge default and user theme
     - Distribute fonts
     - preferredIconPack: accept multiple values
     - Find icon packs in user data dir

src/qml/Base/HBaseButton.qml

@@ -25,12 +25,11 @@ Button {
 
     background: Rectangle {
         id: buttonBackground
-        color: Qt.lighter(
-            backgroundColor,
-            ! enabled ? 0.7 :
-            checked ? (checkedLightens ? 1.3 : 0.7) :
-            1.0
-        )
+        color:
+            enabled ?
+            (checked ?
+             theme.controls.button.checkedBackground : backgroundColor) :
+            theme.controls.button.disabledBackground
         radius: circle ? height : 0
 
         Behavior on color { HColorAnimation { factor: 0.5 } }

src/qml/Pages/SignIn.qml

@@ -50,6 +50,7 @@ Item {
                     iconName: modelData
                     circle: true
                     checked: loginWith == modelData
+                    enabled: modelData == "username"
                     autoExclusive: true
                     checkedLightens: true
                     onClicked: loginWith = modelData

src/themes/Default.qpl

@@ -76,7 +76,12 @@ controls:
         color background: colors.strongBackground
 
     button:
-        color background:     colors.inputBackground
+        color background: colors.inputBackground
+        color disabledBackground:
+            hsluv(0, 0, colors.intensity * 2, Math.min(0.6, opacity))
+        color checkedBackground:
+            hsluv(0, 0, colors.intensity * 40, Math.min(0.6, opacity))
+
         color hoveredOverlay: hsluv(0, 0, 100)
         color text:           colors.text
         color disabledText:   colors.dimmerText