GODT-22: Facelift

- GODT-1199: Add menu to status window
- GODT-22: use ColorImage instead of IconLabel
- GODT-22: remove banners from MainWindow
- GODT-1199: Fix separator width
- GODT-1199: Fix StatusWindow button position
- GODT-1198: Open main window on startup if no users
- GODT-1199: Fix avatar text color
- GODT-1198: refactor main window layout
- GODT-22: add missing components to qmldir
- GODT-22: refactor components having Layout as root item
- GODT-22: add more user controls
- GODT-1199: Add status window resize and maximum height
- GODT-22: WIP: notification arch
- GODT-22: Notifications WIP
- GODT-22: Fix notification filter, topmost notification
- GODT-1199: Add notifications to status window
- GODT-22: Add strict typization to colorScheme variable
- GODT-1198: WIP Notifications, dialogs and banners
- GODT-22: Add backend notifications (Banners & Dialogs)

D

internal/frontend/qml/Proton/RadioButton.qml

@@ -21,7 +21,7 @@ import QtQuick.Controls.impl 2.12
 import QtQuick.Templates 2.12 as T
 
 T.RadioButton {
-    property var colorScheme: parent.colorScheme ? parent.colorScheme : Style.currentStyle
+    property ColorScheme colorScheme
 
     property bool error: false
 
@@ -44,22 +44,22 @@ T.RadioButton {
         x: text ? (control.mirrored ? control.width - width - control.rightPadding : control.leftPadding) : control.leftPadding + (control.availableWidth - width) / 2
         y: control.topPadding + (control.availableHeight - height) / 2
 
-        color: colorScheme.background_norm
+        color: control.colorScheme.background_norm
         border.width: 1
         border.color: {
             if (!control.enabled) {
-                return colorScheme.field_disabled
+                return control.colorScheme.field_disabled
             }
 
             if (control.error) {
-                return colorScheme.signal_danger
+                return control.colorScheme.signal_danger
             }
 
             if (control.hovered) {
-                return colorScheme.interaction_norm_hover
+                return control.colorScheme.interaction_norm_hover
             }
 
-            return colorScheme.field_norm
+            return control.colorScheme.field_norm
         }
 
         Rectangle {
@@ -70,18 +70,18 @@ T.RadioButton {
             radius: width / 2
             color: {
                 if (!control.enabled) {
-                    return colorScheme.field_disabled
+                    return control.colorScheme.field_disabled
                 }
 
                 if (control.error) {
-                    return colorScheme.signal_danger
+                    return control.colorScheme.signal_danger
                 }
 
                 if (control.hovered) {
-                    return colorScheme.interaction_norm_hover
+                    return control.colorScheme.interaction_norm_hover
                 }
 
-                return colorScheme.interaction_norm
+                return control.colorScheme.interaction_norm
             }
             visible: control.checked
         }
@@ -95,21 +95,21 @@ T.RadioButton {
 
         color: {
             if (!enabled) {
-                return colorScheme.text_disabled
+                return control.colorScheme.text_disabled
             }
 
             if (error) {
-                return colorScheme.signal_danger
+                return control.colorScheme.signal_danger
             }
 
-            return colorScheme.text_norm
+            return control.colorScheme.text_norm
         }
 
         font.family: Style.font_family
-        font.weight: Style.fontWidth_400
-        font.pixelSize: 14
-        lineHeight: 20
+        font.weight: Style.fontWeight_400
+        font.pixelSize: Style.body_font_size
+        lineHeight: Style.body_line_height
         lineHeightMode: Text.FixedHeight
-        font.letterSpacing: 0.2
+        font.letterSpacing: Style.body_letter_spacing
     }
 }