JLearner Theming

modules/japanese/JLearner.qml

@@ -17,7 +17,7 @@ PanelWindow {
 
     Component.onCompleted: {
         semiJLoader.all_invisible()
-        languageChooser.visible = true
+        semiJLoader.switchModeChooser()
     }
 
     FocusScope {
@@ -40,9 +40,7 @@ PanelWindow {
     Rectangle {
         anchors.fill: parent
         radius: 10
-        // color: Qt.alpha(Colors.surfaceContainerLowest, 0.5)
-
-        color: "blue"
+        color: Qt.alpha(Colors.surfaceContainerLowest, 0.5)
 
         border.width: 2
         border.color: Colors.outlineVariant
@@ -53,7 +51,7 @@ PanelWindow {
             width: parent.width - 20
             height: parent.height - 20
             anchors.centerIn: parent
-            color: "pink"
+            color: "transparent"
 
             Column {
                 id: learnerWindow
@@ -64,13 +62,17 @@ PanelWindow {
                     id: head
                     width: parent.width
                     height: parent.height * 0.1
-                    color: "#FFFFFF"
+                    color: Colors.tertiaryContainer
+                    
+                    radius: 10
+                    border.width: 2
+                    border.color: Colors.tertiaryContainer_fg
 
                     Text {
                         text: "Language Learner"
                         anchors.centerIn: parent
                         font.pixelSize: parent.height * 0.8
-                        color: "black"
+                        color: Colors.tertiary
                     }
                 }
 
@@ -79,7 +81,7 @@ PanelWindow {
                     width: parent.width
                     height: parent.height * 0.9 - parent.spacing
 
-                    color: "orange"
+                    color: "transparent"
 
                     function all_invisible() {
                         languageChooser.visible = false